.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.banner img{
    width:100%;
    vertical-align:top;
}
.fenlei_dw {
    width:100%;
    position:absolute;
    bottom:1rem;
}
.classify {
    width:42%;
    margin:0 auto;
    margin-bottom:0.4rem;
}
.classify ul{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}
.classify ul li{
    padding-left:3%;
    margin-right:5%;
    font-size:0.2rem;
    background:url(../web_images/yuanquan_05.png)no-repeat;
    background-position:left center; 
    /*background-size:10%;*/
    background-size:0.11rem;
}
.classify ul li.on{
    background:url(../web_images/yuanquan_on_09.png)no-repeat;
    background-position:left center; 
    /*background-size:10%;*/
    background-size:0.11rem;
}
.classify ul li a{
    color:#fff;
}
.sousuo {
    width:100%;
    overflow:hidden;
    position:absolute;
    bottom:0.6rem;
}
.sousuo .sousuo_box ul{
    width:100%;
    display:flex;
    justify-content:space-between;
}
.sousuo .sousuo_box ul li{
    width:24%;
    height:0.39rem;
    background:#fff;
    border-radius:0.05rem;
    overflow:hidden;
}
.sousuo .sousuo_box ul li .tit{
    float:left;
    padding-left:3%;
    width:26%;
    font-size:0.16rem;
    line-height:0.38rem;
    color:#787878;
}
.sousuo .sousuo_box ul li .xuanze{
    float:left;
    padding-left:3%;
    width:65%;
    height:0.38rem;
    font-size:0.16rem;
    color:#787878;
}
.sousuo .sousuo_box ul li select{
    -webkit-appearance: none;
    background:url(../web_images/xiala_03.png)no-repeat;
    background-size:8%;
    background-position:center right;
}
.sousuo .sousuo_box ul li a{
    float:right;
    width:12%;
    height:0.4rem;
    background:url(../web_images/sousuo_05.png)no-repeat;
    background-size:100% 100%;
   background-position:top right;
}
.path {
    overflow: hidden;
    font-size: 0.16rem;
    height: 0.6rem;
    line-height: 0.6rem;
    padding-top: 0.2rem;
    background:#f3f3f3;
}
.path .txt{
   float:right;
}
.case {
    background:#f3f3f3;
}
.case ul {
    overflow: hidden;
}
.case ul li{
    float:left;
    width:31.5%;
    margin-right:2.75%;
    background:#fff;
    height:4.5rem;
    margin-bottom:0.45rem;
}
.case ul li.last{
    margin-right:0;
}
.case ul li .slt{
    width:100%;
}
.case ul li .slt img{
    width:100%;
    height:3.19rem;
}
.case ul li .txt_box{
    border:solid #dbdbdb 1px;
}
.case ul li .txt_box .tit{
    height:0.75rem;
    line-height:0.75rem;
    padding:0 9% 0 4%;
    font-size:0.24rem;
    font-weight:bold;
    border-bottom:solid #dbdbdb 1px;
    background:url(../web_images/title_08.png)no-repeat;
    background-size:5%;
    background-position:95% center;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.case ul li .txt_box .fenlei{
    font-size:0.16rem;
    color:#7b7b7b;
    height:0.53rem;
    line-height:0.53rem;
    padding:0 9% 0 4%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.case  .more{
    display:flex;
    justify-content:center;
    width:100%;
    padding-bottom:0.45rem;
}
.case  .more a{
    display:block;
    width:19.5%;
    height:0.47rem;
    line-height:0.47rem;
    text-align:center;
    background:url(../web_images/more_13.png)no-repeat;
    background-size:100% 100%;
    font-size:0.18rem;
    color:#fff;
}
.case .more a.nomore {
    display: block;
    width: 19.5%;
    height: 0.47rem;
    border-radius: 0.23rem;
    line-height: 0.47rem;
    text-align: center;
    background: #d3d3d3;
    color: #fff;
    font-size: 0.18rem;
}







.sj_banner{ vertical-align:top;}
.sj_select_options{ padding:.18rem .18rem 0; display:flex; justify-content:space-between;}
.sj_select_options select{ border-radius:.05rem; border:1px solid #e7e7e7; width:32%; padding:.15rem .35rem .15rem .15rem; box-sizing:border-box; -webkit-appearance: none; background: url(../web_images/xiala_03.png)no-repeat; background-size: 8%; background-position: center right .1rem;}

.sj_cases{ padding:.18rem;}
.sj_cases li{ margin-bottom:.2rem;}
.sj_cases li .pic{ width:100%; height:3.82rem; vertical-align:top;}
.sj_cases li .tit{ border:1px solid #dbdbdb; border-bottom:0; display:flex; justify-content:space-between; align-items:center; font-size:.28rem; font-weight:bold; padding:.2rem;}
.sj_cases li .link{ width:.23rem; height:.23rem;}
.sj_cases li .typ{ border:1px solid #dbdbdb; font-size:.24rem; color:#7b7b7b; padding:.2rem; border:1px solid #dbdbdb;}
.sj_cases .more_btn{ background:url(/web_images/h5/btn_bg_2.jpg)repeat-y; background-size:contain; color:#fff; font-size:.22rem; width:3.11rem; height:.47rem; line-height:.47rem; display:block; text-align:center; border-radius:.47rem; margin:.2rem auto .4rem;}

.sj_cases .more_btn.nomore{ background:none #7b7b7b;}