.cgal{width:1200px;margin:auto}
.btt{border-left:4px solid #1CA6A6; color:#1CA6A6;font-size:22px;padding-left:10px;width:200px}
.titdiv{border-bottom: 2px solid #DBDBDB;padding:10px 0;display:flex;    justify-content: space-between;margin-top: 25px;
    align-items: center;}
.pos {display:flex;align-items: center;}
.pos span ,.pos span a {color:#999898;font-size:12px}
.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 .tt{background: #454545;border-radius:0px}
.caseslist .left .xz{background:#127e7f}
.caseslist .left .tt a{color:white;font-size:16px;font-weight:bold;}
.caseslist .left .active a{color:white}
.caseslist .right{width:1015px;    display: flex;
    flex-wrap: wrap;overflow:hidden;
    justify-content: space-between;}
.caseslist .right .childdiv:nth-child(n+4){margin:35px 0 0}
.caseslist .right .childdiv a{font-size: 14px;    display: block;    white-space: nowrap;
    width: 100%;
font-weight: 500;
color: #1D1D1D;}
.caseslist .right .childdiv{text-align:center}
.caseslist .right .child{padding:5px;overflow:hidden;border:1px solid #DFDEDE;margin-bottom:5px;}
.caseslist .right .child img{width:100%;}
.caseslist .right .child a{display:block;width:100%;}
.caseslist .left div a{font-size: 14px;color: #3C3C3C;line-height:50px}
.caseslist .right .child:hover{border:1px solid #1CA6A6}
.xq {display:flex;width:955px;  }
.xq img{width:550px;    margin-top: 20px;}
.xq .cs{margin-top:35px;    margin-left: 50px;}
.xq  .title{font-size: 22px;    white-space: nowrap;
font-weight: bold;    display: block;
    text-align: center;
color: #333333;}
.xq ul li{width:350px;display:flex;margin-top:15px;font-size: 16px;
font-family: SimHei;
font-weight: 400;
color: #434343;border: 1px solid #C2C2C2;line-height:28px}
.xq ul li label{width: 89px;display: block;text-align: center;line-height:28px;font-weight: bold;
color: #161616;    margin-right: 15px;
height: 28px;background: #B4B4B4;
border: 1px solid #C2C2C2;}
.xq  .zxzx{margin-top:45px;text-align:center}
.xq  .zxzx span:nth-child(2){font-size: 36px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #181818;}
.xq  .zxzx  a{display:block;width: 120px;
height: 37px;
background: #1CA6A6;margin:22px auto 0;font-size: 18px;line-height:37px;color:white}
.hf{width:100%;    padding: 35px 0px;
     background: url(/public/static/web/picture/detailhf.jpg)no-repeat center;display:flex;justify-content:center;align-items:center;
    background-size: inherit;}
    .hf p label{font-weight: bold;}
  
.hf p{font-size: 20px;
color: #FFFFFF;
line-height: 34px;  
    text-indent: -2.9em;
    margin-left: 3em;
}
    .hf div{width:810px}
    .detailcontent{width:1200px;margin:auto}
.detailcontent img{width:100%}
.phoneshow{display:none !important;}
@media(max-width:820px){
    .cgal{width:100%}
    .titdiv{width:100% !important;}
    .btt{width:auto !important;    font-size: 13px !important;}
    .caseslist{display:block}
    .caseslist .left .tt{width:100%;}
    .flexdiv{display:flex;flex-wrap:wrap;justify-content:space-between;width:80%;margin:auto}
    .right{width:100% !important;justify-content:space-between}
    .childdiv{width:48%;}
    .childdiv img{width:100%}
    .caseslist .right .child{width:auto;height:auto;
    }
    .caseslist .right .childdiv:nth-child(n+3){margin:15px 0 0}
    .phonehid{display:none}
    .pcshow{display:none !important}
    .phoneshow{display:flex !important;}
    .caseslist .left div{height:35px}
    .caseslist .left div a{line-height:35px}
    .caseslistdetail .left{display:none}
    .caseslistdetail .right .xq{display:block !important;width:100%;margin-bottom:10px}
    .caseslistdetail .right .xq img{width:100%}
    .xq .cs{margin:0}
    .detailcontent{width:100%}
    .hf p{font-size:15px;    line-height: 25px;text-indent: -2.9em;
    margin-left: 3em;}
    .hf div{padding:0 10px}
}

@media(min-width:820px) and (max-width:1024px){
     .titdiv{width:100%}
     .caseslist{display:block}
    .cgal{width:100%}.caseslistdetail .left{display:none}
    .caseslist .left .tt{width:100%;}
    .pcshow{display:none !important}
    .phoneshow{display:flex !important;}
    .flexdiv{display:flex;flex-wrap:wrap;justify-content:space-between;width:80%;margin:auto}
    .caseslist .right .childdiv:nth-child(n+3){margin:15px 0 0}
    .caseslist .right{width:100%}
    .caseslist .right .childdiv{width: 48% ;}
    .detailcontent{width:100%}
    .xq img{width:380px}
    .xq .cs{margin-top:0px}
     .caseslistdetail .right .xq{margin-bottom:10px !important}
    
}