@media screen and (max-width: 751px) {
  
  
.wrapper .static-w .sbb .display-pc{
 display:none; 
  }
  .wrapper .static-w .sbb .not-display-pc{
 display:block; 
  }
  
   .carousel-indicators li {
    width: 13px;
    height: 13px;
  border-radius: 50%;
}
.carousel-indicators li.active{
    width: 13px;
    height: 13px;
  border-radius: 50%;
}

/*wap端css手机端banner显示*/
.recom{
display:block;
}
/*wap端css电脑端banner隐藏*/
.hidden-xs{
display:none;
}

.hidden-xs{
      display:none;
      }
  
  
  
.case_list{
    width: 45.0rem;
    margin:0 auto;
    margin-top: 1.075rem;
    margin-bottom: 2.375rem;
    padding:0;
 
}
.case_list .c-list {
    overflow: hidden;
}
.case_list .c-list .clist-li{
    width: 45.5rem;
    height: 47.9rem;
    /*! float:left; */
    background-color: white;
    position: relative;
}
.case_list .c-list .clist-li a{
    display: block;
    
}
.case_list .c-list .clist-li a>img{
    width:45rem;
    height: 29.45rem;
    transition: all 0.5s linear 0s;
    display: inline;
    margin: 0;
    padding: 0;
    float: left;
}
.case_list .c-list .clist-li a:hover >img{
    transform:none;
}
.case_list .c-list .clist-li a .cli-cont{
    position: static;
    top:0;
    width:45rem;
    height: 16.45rem;
    background-color: white;
    opacity: 1;
    transition: all 0.3s linear 0s;
    float: left;
}

.case_list .c-list .clist-li a:hover .cli-cont{
    opacity: 1;
}

#case_list .case_list .c-list .clist-li a .cli-cont .c-cont-t {
    font-size: 2rem;
    color: #111;
    font-weight: 600;
    text-align: left;
    width: 23.5rem;
    margin-top: 0.875rem;
    margin-left: 1.25rem;
    line-height: 3rem;
}
.case_list .c-list .clist-li a .cli-cont .c-cont-i{
    width: 7.25rem;
    height: 6.75rem;
    margin:0 auto;
    margin-top: 0.625rem;
    display: none;
}
.case_list .c-list .clist-li a .cli-cont .c-cont-i > img{
    width:100%;
    height: auto;
    display: block;
    margin:0 auto;
}
.case_list .c-list .clist-li a .cli-cont .c-cont-d{
   color:#000;
   text-align: left;
   width:44rem;
   height:8rem;
   margin-left: 1.25rem;
}
.case_list .c-list .clist-li a .cli-cont .c-cont-d >span{
    display: block;
    width:1.6rem;
    height: 0.3rem;
    background-color:#000;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.case_list .c-list .clist-li a .cli-cont .c-cont-d>p{
  font-size: 1.6rem;
     font-weight: 400;
   line-height: 2rem;
}





.l-book-t{
   background-color: #e52129; 
}
.l-book-t .book-t{
    width:44.5rem;
    height: 17.125rem;
    margin:0 auto;
    background-color: #e52129; 
    position: relative;
}
.l-book-t .book-t .book-t-img{
    width:14.25rem;
    height: 21.925rem;
    float:left;
    margin-top: 2.1rem;
    margin-left: 1.5rem;
}
.l-book-t .book-t .book-t-img img{
    width: 100%;
    display: block;
}
.l-book-t .book-t .book-t-der{
    float: left;
    color:white;
    margin-top: 4.875rem;
    margin-left: 1rem;
    text-align: left;
}

.l-book-t .book-t .book-t-der h1{
    font-size: 1.6rem;
    letter-spacing:0.1rem;
    line-height: 1.6rem;
    font-weight: bold;
    display: block;
}
.l-book-t .book-t .book-t-der span{
    font-size: 1.4rem;
    letter-spacing:0.025rem;
    line-height: 1.4rem;
    margin-top:1rem;
    margin-bottom: 1.5rem;
    display: block;
}




.l-book-b{
   background-color:#252525;
}
.l-book-b .book-b{
    width:44rem;
    height: 9rem;
    margin:0 auto;
    background-color:#252525;
}
.l-book-b .book-b .book-b-con{
    width: 27.625rem;
    height: auto;
    float: right;
    margin-right: 0;
}
.l-book-b .book-b .book-b-con span{
    font-size: 1.3rem;
    letter-spacing:0.025rem;
    line-height: 1.3rem;
    text-align: left;
    float: left;
    color: #ffffff;
    margin-top:3.25rem;
    display: block;
    font-weight: 400;
}
.l-book-b .book-b .book-b-con img{
    display: block;
    width: 10.625rem;
    height: 5.75rem;
    float: right;
    margin-top: 1.5rem;
}







#foot  {
    background-color: #454545;
}
.foot{
   
    margin:0 auto;
    width:44.5rem;
    
    padding-top: 2.75rem;
    padding-bottom: 0.75rem;
    overflow: hidden;
}
.foot .foot-t{
border-bottom: 0.025rem solid #E2E2E2;
 background-color: #454545;
 overflow: hidden;
 padding-bottom: 1.5rem;
}
.foot .foot-t .foot-t-l{
    margin-left: 2.125rem;
    overflow: hidden;
    float: none;
}
.foot .foot-t .foot-t-l .f-t-l-wc{
    width: 13rem;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2rem;
    color:#ECECEC;
    padding-right: 1.5rem;
     border-right: 0.2rem solid #ECECEC;
    float:left;
}
.foot .foot-t .foot-t-l .f-t-l-wc>img{
    width:100%;
    height: auto;
}
.foot .foot-t .foot-t-l .f-t-l-logo{
    width:23rem;
    height: auto;
    margin-left:3.75rem;
    text-align: left;
    font-size: 1.3rem;
    line-height: 2rem;
    float:left;
    color:#ECECEC;
    margin-top: 6.125rem;

}
.foot .foot-t .foot-t-l .f-t-l-logo> img{
     width:100%;
    height: auto;
}

.foot .foot-t .foot-t-c{
    
    margin-left: 2.125rem;
    float:none;
    margin-top: 4rem;
}

.foot .foot-t .foot-t-c .f-t-c-list{
    width:20rem;
    margin-right: 1.125rem;
    float: left;
    margin-bottom: 3rem;
}
.foot .foot-t .foot-t-c .f-t-c-list:last-child{
    margin-right: 0px;
}
.foot .foot-t .foot-t-c .f-t-c-list .f-t-c-li{
    
}
.foot .foot-t .foot-t-c .f-t-c-list .f-t-c-li>a{
    color:#636363;
    font-size: 1.7rem;
    line-height: 2.5rem;
    display: block

}
.foot .foot-t .foot-t-c .f-t-c-list .f-t-c-li:first-child>a{
    font-size: 2.75rem;
    line-height: 2.75rem;
    font-weight: 500;
    text-align: left;
    color:white;
    margin-bottom: 1.8rem;
}
.foot .foot-t .foot-t-r{
    width: 40.125rem;
    float:none;
    margin-right: 1.75rem;
    font-size: 1.7rem;
    color: #636363;
    line-height: 2.5rem;
    margin: 0 auto;
}
.foot .foot-t .foot-t-r img{
    display: block;
  width:100%;
    margin:0 auto;
    position: relative;
    top:0;
}
.foot .foot-t .foot-t-r p{
    display: inline-block;
    margin-bottom: 0.5rem;
    margin-top: 0.375rem;
}
.foot .foot-b{
    
}
.foot .foot-b .lianjie{
    width:40.125rem;
    text-align: center;
    margin:0 auto;
    margin-top: 1.75rem;
    margin-bottom: 1rem;
    font-size: 0.375rem;
    line-height: 0.5rem;
}
.foot .foot-b .lianjie>a{
    font-size: 1.7rem;
    color:#636363;
    line-height: 2rem;
    display: inline-block;
}
.foot .foot-b>p{
    display: block;
    text-align: center;
     font-size: 1.5rem;
    line-height: 2rem;
    color:white;
}
.foot .foot-b>p a{
    display: inline-block;
    color:white;
}







.new{
    width: 43rem;
    margin:0 auto;
    margin-top: 2.175rem;
}
.new .new-title{
    font-size: 2.1rem;
    font-weight: bold;
   width: 43rem;
    height: 7rem;
    line-height: 7rem;
    color:#5e5e5e;
    background-color: #e1e6ea;
    text-align: center;
    margin-bottom: 2.375rem;
    letter-spacing:0.125rem;
}
.new .new-class{
    width: 41.25rem;
    margin:0 auto;
    margin-bottom: 4.625rem;
    overflow: hidden;
}
.new .new-class .new-list{
    width: 33.33%;
    float:left;
}
.new .new-class .new-list{
    width: 100%;
    float:none;
}



.new .new-class .new-list .new-li a{
    display: block;
    color:#84848e;
    font-size: 1.6rem;
    margin-bottom: 0rem;
    line-height: 3.5rem;
}
.new .new-class .new-list .new-li:first-child a{
    font-size: 2.1rem;
    font-weight: 600;
    margin: 1rem 0rem; 
}
.new .new-class .new-list:nth-child(2) .new-li a{
    margin-left:0;
}
.new .new-class .new-list:last-child  {
    width:100%;
    float:none;
}
.new .new-class .new-list:last-child .new-li a{
    text-align: left;
}



.shibei-wap{
    width:100%;
  
}
  img{
     
    /*图片清楚白边*/
    vertical-align: middle;
  }
  
.shibei-wap img{
    width:100%;
  }
  
  img{
     
    /*图片清楚白边*/
    vertical-align: middle;
  }


#shibei-wap{
  display:block;
}
  
#shibei{
    display:none;
  }
  
.shibei{

    width:100%;
    min-width: 42.875rem;
}
.shibei img{
    width:100%;
    height: 11.6rem;
    /*图片清楚白边*/
    vertical-align: middle;
}
#zl-list .zl-list{
    width:42.875rem;
    margin:0 auto;
    margin-top: 2.0rem;
    margin-bottom: 2.5rem;
    overflow: hidden;
}
#zl-list .zl-list .zl-l-l{
    width:43.25rem;
    height: 37.5rem;
     float:none; 
}
#zl-list .zl-list .zl-l-l img{
    width:100%;
    height: auto;
}
#zl-list .zl-list .zl-l-r{
     width: 42.5rem;
   height: auto; 
     float:none;
}
#zl-list .zl-list .zl-l-r .zlli{
    padding-bottom: 1.35rem;
    border-bottom:0.025rem solid #e5e5e5;
    margin-top: 1.375rem;
}
#zl-list .zl-list .zl-l-r .zlli:last-child{
    padding-bottom: 0px;
    border-bottom:0px;
}
#zl-list .zl-list .zl-l-r .zlli:first-child{
    margin-top: 2rem;
}
#zl-list .zl-list .zl-l-r .zlli a{
    display: block;
    text-align: left;
}
#zl-list .zl-list .zl-l-r .zlli a h3{
    font-size: 2rem;
    font-weight: 100;
    line-height: 2.5rem;
    text-align: left;
    padding-bottom: 1.375rem;
    color:#484848;
}
#zl-list .zl-list .zl-l-r .zlli a p{
    color: #8d8d8d;
    font-size: 1.6rem;
    line-height: 2rem;
    text-align: left;
}



    .header-bg{
        background-color: #000000;
    }
    #header{
    position: fixed;
width: 100%;
background-color: #000000;
top: 0;
z-index: 99999;
    }
    .header{
        width: 45rem;
        height: 6.75rem;
        margin: 0 auto;
        font-size: 1.45rem;
        color:#b5b5b5;
         background-color: #000000;
    }
    .header .head-logo {
    float: left;
    width: 10.5rem;
    height: 4.75rem;
    margin-right: 1rem;
    margin-top: 0.75rem;
}
    .header .head-logo a>img{
        width:100%;
    }
    .header .head-title{
        float:left;
        margin-right: 0;
    }
    .header .head-title span {
    text-align: left;
    line-height: 6.75rem;
    font-size: 1.6rem;
}
    .header .head-nav{
        float:left;
        display: none;
    }
    .header .head-nav .h-nav-list{

    }
    .header .head-nav .h-nav-list .h-nav-li{
        float: left;
        margin-right: 1.0rem;
    }

    .header .head-nav .h-nav-list .h-nav-li a{
        color:#b5b5b5;
        font-size: 0.45rem;
        line-height: 1.75rem;
    }
    .header .head-tel{
        float:right;
        display: none;
    }
    .header .head-tel span{
        color:#b5b5b5;
        font-size: 0.45rem;
        line-height: 1.75rem;
        letter-spacing:0.075rem;
    }
.header .head-tel span>img{
    position: relative;
    top: 0.25rem;
    width:0.825rem;
    height: 0.825rem;
}
.header .heng{
    display: block;
float: right;
width: 4rem;
height: auto;
margin-top: 1.5rem;
}
.header .heng >img{
    width:100%;
}



    .ten{
        width:45rem;
        margin:0 auto;
        margin-top: 3.625rem;
        margin-bottom: 3.125rem;
        text-align: center;
        padding-top: 6rem;
    }
    .ten .ten-title{
        font-size: 2.6rem;
        line-height: 2.6rem;
        margin-bottom: 1.875rem;
        font-weight: 400;
        letter-spacing:0.125rem;
        color:#484848;
    }
    .ten .ten-cont{
        margin-bottom: 2.5rem;
    }
    .ten .ten-cont p{
        font-size: 1.65rem;
        line-height: 2.875rem;
        text-align: center;
        font-weight: 100;
        color:#484848;
    }
    .ten .ten-bot{
        width:40.25rem;
        height: 3.375rem;
        margin:0 auto;
        letter-spacing:0.025rem;
        background-color: #e52129;
        text-align: center;
        font-size: 1.15rem;
        line-height: 3.375rem;
        color:white;
    }
#liuzl{
    background-color: #e52129;
}

.liuzl{
    width: 40.0rem;
    margin:0 auto;
    padding-top: 3.5rem;
    padding-bottom: 3.75rem;
    color:white;
    text-align: center;
    background-color: #e52129;
}
.liuzl .liuzl-title{
    font-size: 3.875rem;
    line-height: 3.875rem;
    font-weight: 600;
    margin-bottom: 2.5rem;
}
.liuzl .liuzl-cont{
    width: 36.375rem;
    margin:0 auto;
    font-size: 1.7rem;
    line-height: 2.2rem;
    font-weight: 100;
}






}




/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@charset "utf-8";
ul{list-style:none;margin:0;padding:0;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.m20{margin:20px 0;}
.p10{padding:10px;}
.p30{padding:30px;}
.clear{clear:both;}
.dis{display:none;}

.text-hide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


.am-offcanvas{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:rgba(0,0,0,.15)} 
.am-offcanvas.am-active{display:none}
.am-offcanvas-page{position:fixed;-webkit-transition:margin-left .3s ease-in-out;transition:margin-left .3s ease-in-out}
.am-offcanvas-bar{position:fixed;top:0;bottom:0;left:0;z-index:1091;width:240px;max-width:100%;background:#333;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.am-offcanvas-bar:after{content:"";display:block;position:absolute;top:0;bottom:0;right:0;width:1px;background:#262626;
z-index: 999999;}
.am-offcanvas.am-active .am-offcanvas-bar.am-offcanvas-bar-active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}

.am-offcanvas-bar-flip{left:auto;right:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.am-offcanvas-bar-flip:after{right:auto;left:0}
.am-offcanvas-content{padding:15px;color:#999}
.am-offcanvas-content a{color:#ccc}
.am-popover{position:absolute;top:0;left:0;margin:0;border-radius:0;background:#333;color:#fff;border:1px solid #333;display:none;font-size:1.6rem;z-index:1150;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}
.am-popover.am-active{display:block!important;opacity:1}
.am-popover-inner{position:relative;background:#333;padding:8px;z-index:110}
.am-popover-caret{position:absolute;top:0;z-index:100;display:inline-block;width:0;height:0;vertical-align:middle;border-bottom:8px solid #333;border-right:8px solid transparent;border-left:8px solid transparent;border-top:0 dotted;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);overflow:hidden}
.am-popover-top .am-popover-caret{top:auto;bottom:-8px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.am-popover-bottom .am-popover-caret{top:-8px}
.am-popover-bottom .am-popover-caret,.am-popover-top .am-popover-caret{left:50%;margin-left:-8px}
.am-popover-left .am-popover-caret{top:auto;left:auto;right:-12px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.am-popover-right .am-popover-caret{right:auto;left:-12px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
.am-popover-left .am-popover-caret,.am-popover-right .am-popover-caret{top:50%;margin-top:-4px}
.am-popover-sm{font-size:1.4rem}
.am-popover-sm .am-popover-inner{padding:5px}
.am-popover-lg{font-size:1.8rem}
.am-popover-primary{border-color:#0e90d2}
.am-popover-primary .am-popover-inner{background:#0e90d2}
.am-popover-primary .am-popover-caret{border-bottom-color:#0e90d2}
.am-popover-secondary{border-color:#3bb4f2}
.am-popover-secondary .am-popover-inner{background:#3bb4f2}
.am-popover-secondary .am-popover-caret{border-bottom-color:#3bb4f2}
.am-popover-success{border-color:#5eb95e}

article{margin:0 auto;max-width:640px;width:100%;}
section {
    background: #F5F7F9;
    padding: 20px 10px;
    margin: 0 0 5px 0;
}

.search{width:100%;max-width:640px;bottom:54px;background:#494949;margin:0 auto;border-bottom:1px solid #575757;display:none;}
.search form{padding:0 15px 15px;}
.search form span{display:block;color:#fff;font-size:16px;line-height:50px;}
.search form span a.am-close{float:right;color:#fff;padding-top:5px;}
.search form input{width:36%;border:1px solid #666;padding:6px 10px;border:0;}
.search form button{width:30%; float: right; padding:6px 10px;color:#fff;background:#666;border:0;}

.subject{border-bottom:1px solid #eaeaea;}
.subject b{border-bottom:1px solid #008077;height:40px;line-height:40px;display:inline-block;margin-bottom:-1px;font-weight:normal;color:#3b3b3b;font-size:18px;font-family:microsoft yahei;}
.subject .more{float:right;padding-top:5px;}
.subject .more a{font-size:12px;font-family:宋体;color:#999;}
.subject .more a:hover{color:#f30;}

.about{padding:15px 0 0 0;line-height:24px;}
.about img{max-width:100%;}

.home_pro{margin:15px 0 0;width:104%;clear:both;}
.home_pro ul li{width:46%;margin:0 4% 4% 0;float:left;}
.home_pro ul li a{border:1px solid #ededed;padding:4px;display:block;background:#fff;}
.home_pro ul li a div{overflow:hidden;width:100%;height:100%;text-align:center;}
.home_pro ul li a div img{height:110px;max-width:100%;border:0;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
.home_pro ul li:hover{box-shadow:0px 1px 10px rgba(0,0,0,0.1);}
.home_pro ul li a:hover div img{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);}
.home_pro ul li a p{text-align:left;font-size:14px;color:#333;margin:0;padding:10px 5px;}
.home_pro ul li a:hover p{color:#f30;}
.home_pro ul li a .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.home_pro ul li a .price{color:#f60;font-family:Lucida Grande, Arial, 微软雅黑, 宋体;padding:0 10px 10px 10px;font-size:12px;}
.home_pro ul li a .price span{float:right;font-weight:normal;color:#999;}
@media screen and (min-width:375px){.home_pro ul li a div img{height:140px;}}
@media screen and (min-width:414px){.home_pro ul li a div img{height:170px;}}
@media screen and (min-width:640px){.home_pro ul li a div img{height:280px;}}

.home_case{margin:15px 0 0;width:104%;clear:both;}
.home_case ul li{width:46%;margin:0 4% 4% 0;float:left;}
.home_case ul li a{border-bottom:1px dashed #ededed;padding:4px;display:block;background:#fff;}
.home_case ul li a div{overflow:hidden;width:100%;height:100%;text-align:center;}
.home_case ul li a div img{height:90px;max-width:100%;border:0;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
.home_case ul li:hover{box-shadow:0px 1px 10px rgba(0,0,0,0.1);}
.home_case ul li a:hover div img{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);}
.home_case ul li a p{text-align:center;font-size:14px;color:#333;margin:0;padding:10px 5px;}
.home_case ul li a:hover p{color:#f30;}

@media screen and (min-width:375px){.home_case ul li a div img{height:110px;}}
@media screen and (min-width:414px){.home_case ul li a div img{height:120px;}}
@media screen and (min-width:640px){.home_case ul li a div img{height:200px;}}

.home_news{margin:0 0 10px 0;}
.home_news li{border-bottom:1px dashed #E6E6E6;overflow:hidden;padding:12px 0 12px 0;min-height:60px;}
.home_news li:last-child{border-bottom:none;}
.home_news li .date{background:#008077;color:#fff;height:40px;line-height:40px;width:50px;display:inline-block;text-align:center;margin:5px 0 0 0;float:left;font-family:verdana;position:absolute;border-radius:4px;font-size:14px;}
.home_news li .right{color:#999;font-size:12px;margin-left:60px;}
.home_news li .right a{display:block;font-size:16px;color:#333;}
.home_news li .right a:hover{color:#f30;}
.home_news li .right p{margin:0;padding:0;}
.nav ul{margin-top:0px;}
.nav ul li{padding-left:20px;line-height:45px;border-bottom:1px solid #474747;}
.nav ul li a{color:#ddd;display:block;margin-right:5%;font-size: 2.3rem;}
.nav ul li a:hover{color:red;}
.nav ul li span{margin-right:15px;font-size:20px;color:#fff;width:10%;float:right;text-align:center;}
.nav .am-panel{background:none;margin:0;}


.dow_news{margin:0 0 10px 0;}
.dow_news li{border-bottom:1px solid #E6E6E6;overflow:hidden;padding:12px 0 12px 0;min-height:60px;}
.dow_news li div{color:#999;font-size:12px;margin-left:0px;}
.dow_news li div a{display:block;font-size:16px;color:#333;}
.dow_news li div a:hover{color:#f30;}
.dow_news li div .xia {background:#fff;color:#333;display:inline-block;margin-right:2px;float:right;text-align:center;border-radius:4px;font-size:8px;font-family:verdana;border:1px solid #008077;padding:5px 5px;}
.dow_news li div .xia a{font-size:8px;}

.swiper-slide{text-align:center;}
.swiper-slide img{max-width:100%;height:auto;}