.cgal{width:1200px;margin:auto}

.caseslist {margin-top:35px;display:flex;justify-content:space-between}
.caseslist .left div{width:140px ;height:50px;background: #F5F5F5;
border-radius: 10px;margin-bottom: 15px;font-size: 14px;color: #3C3C3C;text-align: center;
}
.caseslist .left .active{background:#1CA6A6;}
.caseslist .left .active a{color:white}
.caseslist .right{width:1000px;    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.caseslist .right .child:nth-child(n+4){margin:35px 0 0 0}    
.caseslist .right .child{width:310px;height:210px;padding:5px;overflow:hidden;border:1px solid #DFDEDE}
.caseslist .right .child img{width:100%;height:100%}
.caseslist .left div a{font-size: 14px;color: #3C3C3C;line-height:50px}
.caseslist .right .child:hover{border:1px solid #1CA6A6}
.caseslist .right {width:1000px;}
.caseslist .right img{width:100%;}
.caseslist .right a{display:block}
.phone,.rightphone{display:none !important;}
.caseslist .right111{width:1000px}
.detailcase img{margin-bottom:50px;max-width:100%}
.childk{visibility: hidden;}
.right111 .title{text-align:center;font-size:16px;border-bottom:4px solid #1CA6A6;padding:20px 0;margin-bottom:15px;font-weight:bold}
@media(max-width:820px){
    .caseslist .right111{width:100% !important}
    .cgal{width:100% !important}
    .titdiv{width:100% !important;}
    .btt{width:auto !important;    font-size: 13px !important;}
    .caseslist {display:block !important}
    .caseslist .left{display:flex;justify-content: space-between;}
    .caseslist .left div{width:24%;height:38px;}
    .caseslist .left div a{line-height:38px !important}
    .caseslist .right{width:100%}
    .caseslist .right .child{width:45%;height:auto}
    .caseslist .right .child:nth-child(n+3){margin:20px 0 0 0}
    .nom,.nomal{display:none !important;}
    .rightphone{display:flex !important}
    .phone{display:block !important;}
    .caseslist .right .child img{height:auto !important}
}
@media (min-width:820px) and (max-width:1024px){
    .cgal{width:100%}
    .caseslist .right111{width:100% !important}
    .caseslist .right{width:100%}
    .caseslist {display:block !important}
    .caseslist .right .child{width:45%;height: auto;}
    .caseslist .left{display:flex;justify-content: space-between;}
    .titdiv{width:100%}
     .nom,.nomal{display:none !important;}
    .rightphone{display:flex !important}
    .caseslist .right .child:nth-child(n+3){margin:20px 0 0 0}
    .phone{display:block !important;}
    .caseslist .right .child img {
    height: auto !important;
}
    
}