.banner {
    width: 100%;
    overflow: hidden;
}
.banner img{
    width:100%;
    vertical-align:top;
}
.text_box {
    position:absolute;
    top:2.3rem;
    width:100%;
}
.text_box .name{
    font-size:0.65rem;
    font-weight:bold;
    text-align:center;
    color:#fff;
    margin-bottom:0.1rem;
}
.text_box .web{
    font-size:0.2rem;
    text-align:center;
    color:#fff;
    margin-bottom:0.3rem;
}
.text_box .zixun{
    display:flex;
    justify-content:center;
}
.text_box .zixun a{
    display:block;
    width:12.15%;
    height:0.47rem;
    line-height:0.47rem;
    font-size:0.24rem;
    text-align:center;
    background:url(../web_images/more_13.png)no-repeat;
    background-size:100% 100%;
    color:#fff;
}
.path {
    overflow: hidden;
    font-size: 0.16rem;
    height: 0.4rem;
    line-height: 0.4rem;
    padding-top: 0.2rem;
}
.path .txt{
   float:right;
}
.input_box {
    padding-bottom:0.64rem;
    border-bottom:solid #e0e0e0 1px;
    overflow:hidden;
    margin-bottom:0.2rem;
}
.input_box .left{
    float:left;
    width:73.75%;
}
.input_box .left .title{
    height:0.7rem;
    width:13.25%;
}
.input_box .left .title img{
    width:100%;
    vertical-align:top;
}
.input_box .left .txt_box{
    border-right:solid #e0e0e0 1px;
}
.input_box .left .txt_box .intro{
    font-size:0.18rem;
    line-height:0.32rem;
    padding:0.25rem 7% 0 2%;
}
.input_box .left .txt_box .xinxi{
    font-size:0.16rem;
    line-height:0.26rem;
    color:#717171;
    padding:0.25rem 7% 0 2%;
}
.input_box .right{
    float:right;
    width:26%;
    margin-top:0.2rem;
}
.input_box .right img{
    width:100%;
    vertical-align:top
}
.slideBox {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slideBox .bd {
    position: relative;
    width:75.625%;
    background:url(../web_images/diannao_04.png);
    background-size:100% 100%;
    margin:0 auto;
    height: 9.64rem;
    z-index: 0;
}
.slideBox .bd li {
    width:79%;
    margin:0 auto;
    zoom: 1;
    vertical-align: middle;
}
.slideBox .bd img {
    width: 100%;
    height: 5.74rem;
    display: block;
    padding-top:0.89rem;
}
.slideBox .hd {
    display:none;
}
 .slideBox .next {
     display: block;
     width:0.54rem;
     height:0.96rem;
     position:absolute;
     right:5%;
     top:35%;
     z-index:999;
     background:url(../web_images/right_btn_10.png)no-repeat;
     background-size:100% 100%;
}
.slideBox .next:hover {
      background:url(../web_images/right_on_btn_13.png)no-repeat;
     background-size:100% 100%;
}
.slideBox .prev{
     display: block;
     width:0.54rem;
     height:0.96rem;
     position:absolute;
     left:5%;
     top:35%;
     z-index:999;
     background:url(../web_images/left_btn_10.png)no-repeat;
     background-size:100% 100%;
 }
.slideBox .prev:hover {
     background:url(../web_images/left_on_btn_10.png)no-repeat;
     background-size:100% 100%;
}
.sj_xiangqing {
    width:100%;
    overflow:hidden;
}
.sj_xiangqing .nr{
    width:100%;
}
.sj_xiangqing .nr img{
    max-width:100%;
    vertical-align:top;
}
.sj_xiangqing .nr .zixun{
    display:flex;
    justify-content:center;
    margin:0.4rem 0;
}
.sj_xiangqing .nr .zixun a{
    display:block;
    width:12.15%;
    height:0.47rem;
    line-height:0.47rem;
    font-size:0.24rem;
    text-align:center;
    background:url(../web_images/more_13.png)no-repeat;
    background-size:100% 100%;
    color:#fff;
}
.recommend .title_box {
    height:1.48rem;
    line-height:1.48rem;
    overflow:hidden;
}
.recommend .title_box .tit{
    float:left;
    font-size:0.3rem;
    background:url(../web_images/yuanquan_on_09.png)no-repeat;
    background-size:10%;
    background-position:right center;
    padding-right:2%;
}
.recommend .title_box .more{
    float:right;
    background:url(../web_images/lxwm_14.png)no-repeat;
    background-size:100% 100%;
    background-position:right center;
    font-size:0.18rem;
    color:#848484;
    width:8.9%;
    height:0.43rem;
    line-height:0.43rem;
    text-align:center;
    margin-top:0.55rem;
}
.recommend .title_box .more a{
    color:#848484;
}
.recommend ul {
    overflow: hidden;
}
.recommend ul li{
    float:left;
    width:31.5%;
    margin-right:2.75%;
    background:#fff;
    height:4.5rem;
    margin-bottom:0.45rem;
}
.recommend ul li.last{
    margin-right:0;
}
.recommend ul li .slt{
    width:100%;
}
.recommend ul li .slt img{
    width:100%;
    height:3.19rem;
}
.recommend ul li .txt_box{
    border:solid #dbdbdb 1px;
}
.recommend 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;
}
.recommend 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;
}






.sj_banner{ position:relative;}
.sj_banner .pic{ width:100%; height:2.67rem; vertical-align:top;}
.sj_banner .bg{ background-color:#000; width:100%; height:100%; position:absolute; top:0; left:0; opacity:.5;}
.sj_banner .txt{ text-align:center; width:100%; height:100%; position:absolute; top:0; left:0; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.sj_banner .tit{ color:#fff; font-size:.4rem; margin-bottom:.3rem;}
.sj_banner .btn{ display:flex; justify-content:center;}
.sj_banner .btn a{ background-color:#dcdcdc; font-size:.22rem; color:#6f6f6f; padding:.1rem .25rem; border-radius:1rem; margin:0 .1rem;}
.sj_banner .btn a.on{ background:url(/web_images/h5/btn_bg_1.jpg)repeat-y; background-size:100%; color:#fff;}

.sj_intro{ padding:.38rem .18rem;}
.sj_intro .title{ display:flex; flex-direction:column; align-items:center; font-size:.32rem; font-weight:bold; margin-bottom:.15rem;}
.sj_intro .title img{ width:.75rem; height:.04rem; margin-top:.2rem;}
.sj_intro .intro{ font-size:.24rem; line-height:.32rem; margin-bottom:.1rem;}
.sj_intro .xinxi{ font-size:.24rem; line-height:.32rem; color:#717171;}


.sj_show{ padding:.18rem;}
.sj_show .title{ display:flex; flex-direction:column; align-items:center; font-size:.32rem; font-weight:bold; margin-bottom:.15rem;}
.sj_show .title img{ width:.75rem; height:.04rem; margin-top:.2rem;}
.sj_show .content{ font-size:.24rem; line-height:.32rem;}
.sj_show .content img{ max-width:100%; display:block; margin:0 auto;}
.sj_show .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_recommends{ padding:.18rem;}
.sj_recommends .title{ display:flex; flex-direction:column; align-items:center; font-size:.32rem; font-weight:bold; margin-bottom:.15rem;}
.sj_recommends .title img{ width:.75rem; height:.04rem; margin-top:.2rem;}
.sj_recommends ul li{ margin-bottom:.2rem;}
.sj_recommends ul li a{ display:flex; width:100%;}
.sj_recommends ul li .pic{ width:35%; height:1.38rem;}
.sj_recommends ul li .txt{ border:1px solid #dbdbdb; width:65%;}
.sj_recommends ul li .tit{ height:50%; display:flex; align-items:center; padding:0 .2rem; font-size:.26rem; font-weight:bold; color:#2b2b2b; border-bottom:1px solid #dbdbdb; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sj_recommends ul li .typ{ height:50%; display:flex; align-items:center; padding:0 .2rem; font-size:.2rem; color:#7b7b7b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sj_recommends .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;}