.visible-xs{display: none !important;}
@media (max-width: 768px){.hidden-xs{display: none !important;}
    .visible-xs{display: block !important;}}
@media (max-width: 768px){
    /*reset*/
    body, div, p, ul, li, table, tbody, tr, td, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, iframe, header, nav, section, article, footer, figure, figcaption, menu{margin: 0;padding: 0;list-style: none;}
    body{font-size: 0.24rem;-webkit-text-size-adjust: none;}
    header, nav, section, article, footer, figure, figcaption{display: block;}
    ol, ul{margin: 0;padding: 0;}
    fieldset{border: none;margin: 0;padding: 0;}
    a, li, ul, [onclick]{-webkit-tap-highlight-color: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
    table{border-spacing: 0;border-collapse: collapse;}
    em, strong{font-weight: normal;font-style: normal;}
    /* basic*/
    .clearfix:before, .c:after{content: '';display: table}
    .clearfix:after{clear: both}
    .clearfix{zoom: 1}
    .hide{display: block;width: 0;height: 0;overflow: hidden;}
    *{box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
    a{text-decoration: none;}
    i,s,em{font-weight: inherit;font-style: inherit;text-decoration: inherit;}
    input{outline: none;}

    .container{box-sizing: border-box;position: relative;overflow-x: hidden;}
    *,*::before,*::after{box-sizing: inherit;}
    body{background: #fff;font-size: 0.24rem;font-family: "Microsoft yahei";min-width:0;width: 7.5rem;padding-top: 0 !important;overflow-x: hidden;}
    img{max-width: 100%;}
    /*comm*/
    .wrapper,.wrapper2{width: 6.8rem;}

    /*header*/
    .modal-dialog{margin: 0;}
    .modal-content{border: 0;border-radius: 0;background-color: rgba(255,255,255,0.95);}
    .nav-list>li{border-bottom: 1px solid #f2f2f2;padding: 0.2rem 0;}
    .nav-list>li:last-child{border: 0;}
    .nav-list a{display: inline-block;line-height: 0.6rem;font-size: 0.24rem;color: #666;}
    .nav-list a.title{font-size: 0.32rem;color: #024389;}
    .nav-list a.active{color: #024389;}
    .sub-nav li{margin-right: 0.5rem;display: inline-block;}
    .close{opacity: 1;width: 0.5rem;}
    .modal-header{padding: 0.2rem;}
    .modal-title{font-size: 0.32rem;font-weight: bold;}

    .m-header{position: fixed;z-index:99;width:100%;height: 1rem;background:#fff;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.10);}
    .m-header .logo{height: 0.5rem;position: absolute;display: inline-block;top: 0.25rem;left: 0.2rem;}
    .m-header .m-menu{height: 0.6rem;position: absolute;right: 0.2rem;top:0.2rem;}
    .m-height{height: 1rem;}
    /*header*/

    /*footer*/
    .footer{height: 4.5rem;padding-top: 0.5rem;font-size: 0.24rem;}
    .ft-con{height: 2.9rem;}
    .ft-left{float: left; display: none;}
    .ft-right{float: none;width:100%;line-height: 0.5rem;}
    .footer-list{float: left;margin-bottom: 0;}
    .footer-list:first-child{width: 2.8rem;margin-right: 0.3rem;}
    .footer-list:last-child{width: 3.7rem;}
    .copyright{line-height: 1rem;font-size: 0.24rem;}
    .copyright img{position: absolute;right: 0;top:5px;}
    .w-3em{display: none;}
    /*footer*/

    /*index*/
    .swiper-container {
        width: 100%;
        height: 100%;
      }
      .swiper-slide {
        text-align: center;
        background: #fff;
  
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

    .index-banner .wrapper{width: 7.5rem;}
    .index-banner{height: 4.5rem;}
    .img-banner{height: 4.5rem;width: 100%;}
    .index-search{width: 6.8rem;height: 1rem;background: #fff url("../images/icon_search.png") left center no-repeat;background-position: 0.25rem 0.3rem;line-height: 1rem;padding-left: 0.76rem;font-size: 0.3rem;position: absolute;bottom: -0.5rem;left: 0.35rem;}
    .index-search input{line-height: 1rem;padding: 0 0.2rem;width: 4.3rem;}
    .index-search .btn-search{width: 1.6rem;}
    /*index*/

    /*index-product*/
    .index-title{margin: 1rem 0 0.25rem;}
    .index-title:before{top:0.35rem;}
    .index-title span{font-size: 0.48rem;padding: 0 0.35rem;}
    .index-product{padding-bottom: 0.5rem;}
    .index-product ul{margin:0 -0.1rem;}
    .index-product li{width: 3.2rem;height: 4.3rem;margin:0 0.1rem 0.3rem;}
    .index-product li:not(:last-child){margin-right: 0.2rem;}
    .index-product .msg{padding: 0.1rem;}
    .index-product .title{font-size: 0.3rem;margin-bottom:0.05rem;}
    .index-product .dec{font-size: 0.24rem;}
    /*index-product*/

    /*index-about*/
    .index-content{padding-top: 1rem;}
    .ct-title{font-size: 0.48rem;}
    .ct-subtitle{margin-bottom: 0.6rem;font-size: 0.24rem;}
    .ct-msg{width: auto;margin: 0 auto;line-height: 0.48rem;font-size: 0.28rem;}

    .index-about{background: #1e518b url("../images/index_about_bg.png") bottom center no-repeat; background-size: auto 7rem;height:auto;padding-bottom: 0.8rem}
    .read-more{font-size: 0.28rem;width: 3rem;height: 0.88rem;line-height: 0.88rem;margin: 0.5rem auto 0;}
    /*index-about*/

    /*index-brand*/
    .index-brand{height:auto; color: #000;padding-bottom: 0.5rem;background: #fff;}
    .br-ul li{width: 2.26rem;height: auto;}
    .br-ul li:nth-child(6){margin-left:0;}
    .brand-tips{font-size: 0.24rem;margin-top: 0.6rem;}
    /*index-brand*/

    /* about  */
    .about-wrapper {margin: 1rem auto 1.5rem;width: 100%;font-size: 0.28rem;line-height: 0.5rem;}
    .about-kv{background: url(../images/m_about_bg.png) center no-repeat;height: 4.8rem;background-size:100%;padding-top: 1.7rem;}
    .about-kv .title{font-size: 0.48rem;width: 3.2rem;height: 1.2rem;line-height: 1.2rem;}
    .about-tab li{height: 1rem;margin: 0 0.23rem;}
    .about-tab li.active{border-bottom: 0.05rem solid #024389;}
    .about-tab a{display: block;line-height: 0.95rem;font-size: 0.28rem;}
    /* about  */

    /* history */
    .history-msg ul{width: 100%;}
    .history-msg ul::before{width: 1px;height: 98%;position: absolute;left: 1.88rem;top: 0.2rem;content: '';}
    .history-msg li{margin-bottom:0.5rem;}
    .history-msg .time{font-size: 0.28rem;width: 1.6rem;padding-right: 0.2rem;}
    .history-msg li i{border: 0.1rem solid #FFFFFF;width: 0.4rem;height: 0.4rem;}
    .history-msg .txt{margin-left: 0.2rem;width: 4.3rem;font-size: 0.24rem;line-height: 0.48rem;}
    /* history */


    /* agent */
    .agent-msg li{margin-bottom: 0.8rem;padding-bottom: 0.35rem;}
    .agent-msg li:last-child{margin-bottom: 0.5rem;}
    .agent-msg li img{margin-right: 0.4rem;}
    .agent-msg li p{margin-top: 0.2rem;}
    .agent-txt{margin-bottom: 0.7rem;}
    .agent-tips{font-size: 0.24rem;}
    /* agent */

    /*pro-list*/
    .list-kv{height: auto;margin-bottom: 0.3rem;}
    .list-kv img{position: relative;left: 0;margin-left:0;width: 100%;height: auto;}

    .list-search{height: auto;padding: 0.3rem 0 0.1rem;line-height: 0.6rem;text-align: left;}
    .list-search label{margin: 0 0.1rem 0 0;}
    .list-search input{width:1.45rem;height: 0.6rem;margin-right: 0.1rem;padding: 0 0.1rem;margin-bottom: 0.15rem;}
    .list-search .btn-reset,.list-search .btn-search{width:1.5rem;height: 0.6rem;line-height: 0.58rem;margin-left: 0.2rem;}
    .list-menu{height: 1.2rem;text-align: center;}
    /*.list-menu ul{overflow-x: scroll;white-space: nowrap;width: auto;}*/
    .list-menu li{margin: 0 0.08rem;height: 1.2rem;}
    .list-menu a{line-height: 1.15rem;}
    .list-menu li.active a{border-bottom: 0.05rem solid #024389;}
    .tab-list{display: none;height: 1rem;padding-top: 0.3rem;}
    .tab-list a{padding: 0 0.2rem;font-size: 0.24rem;height: 0.4rem;line-height:0.4rem;margin: 0 0.12rem;}
    .tab-list a.active{border-radius: 0.2rem;}
    .pro-list {padding: 0.4rem 0 0.8rem;}
    .pro-list ul{margin:0 -0.1rem;}
    .pro-list li{width: 3.3rem;height: 3rem;margin:0.2rem 0.1rem;}
    .pro-list img{width:100%;height: 2.2rem;}
    .pro-list .title{font-size: 0.28rem;margin-top: 0.1rem;}
    .pro-list .subtitle{font-size: 0.24rem;}

    /*pro-list*/

    /*pro-detail*/
    .img-large{margin-bottom: 0.2rem;width:6.8rem;height: 6.8rem;overflow: hidden;}
    .img-large li{float: left;}
    .img-large img{width:6.8rem;height: 6.8rem;}
    .img-small li{float: left;margin-right: 0.1rem;}
    .img-small li:last-child{margin-right: 0;}
    .img-small img{width: 1.28rem;height: 1.28rem; }

    .pro-parameter{padding:0.2rem 0.15rem 0;height: 2.8rem;margin-bottom:0.15rem;}
    .pro-parameter .title{padding-bottom: 10px;margin-bottom: 0.2rem;}
    .pro-parameter li{width: 50%;float: left;margin-bottom: 0.2rem;font-size: 0.24rem;}
    .pro-parameter .table-cell span{width: 3.1em;}
    .pro-ul li{width: 50%;float: left;margin-bottom: 0.3rem;}
    .pro-ul li.w-md{width: 50%;}
    .pro-ul li.w-lg{width: 100%;}
    .pro-ul li p span{color: #A8A8A8;}
    .pro-image{width: 6.8rem;float: left;}
    .pro-cont{width: 100%;float: right;}
    .pro-tips{font-size:0.24rem;margin-bottom: 0.2rem;height: auto;}
    .pro-phone{height: 1rem;line-height: 1rem;font-size: 0.3rem;}
    /*pro-detail*/


    /*pro-detail2*/
    .pro-detail{padding:0 0 0.8rem;}
    .pro-detail .wrapper{width: 100%;}
    .detail-left{width: 100%;float: none;line-height: 0.9rem;margin-bottom: 0.2rem}
    .detail-left .sub-menu a{line-height: 0.8rem;padding: 0 0.8rem;}
    .detail-left .title{font-size: 0.36rem;padding: 0 0.4rem;}
    .detail-left .pro-menu{font-size: 0.3rem;padding: 0 0.5rem;}
    .detail-left .pro-menu i{position: absolute;right: 0.3rem;top:0.4rem;width: 0.2rem;height: 0.2rem;background: url("../images/arrow_down.png") center no-repeat;background-size: 100%;}

    .detail-right{width: 100%;float: none;padding:0.35rem;}
    .pro-title{ font-size: 0.4rem;margin:0.2rem 0;}
    .pro-subtitle{font-size: 0.36rem;padding: 0.5rem 0 0.1rem;margin-bottom: 0.3rem;}
    .pro-msg{line-height: 0.6rem;}
    .pro-file li{width: 100%;height: 1rem;padding: 0.2rem;line-height: 0.6rem;margin: 0 0 0.2rem 0;}
    .pro-file li:nth-child(even){margin-right: 0;}
    .pro-file li .title{width: 4.5rem;float: left;}
    .pro-file li .btn-download{font-size:0.24rem;width: 1.5rem;}
    /*pro-detail2*/

    /*pro-detail3*/
    .pro-cont3{padding: 0;}
    .pro-cont3 .wrapper2{margin: 0;width: 7.5rem;}
    .pro-cont3 .detail-right{padding-bottom: 1rem;}
    /*pro-detail3*/



    /*news-list*/
    .news-list{width: 100%;margin: 0.4rem auto 1.5rem; }
    .news-list li{height: 1rem;line-height: 1rem;}
    .news-list li .title{width: 4.7rem;font-size: 0.3rem;}
    .news-list li .date{font-size: 0.24rem;}
    .pagination{margin-top:0.5rem;display: none;}
    .pagination a{width: 0.8rem;height:0.8rem;line-height:0.8rem;font-size: 0.3rem;margin: 0 0.05rem;}
    .load-more{margin: 0.3rem 0;}
    .load-more a{display: block;padding: 0.2rem 0;text-align: center;}
    .load-more i{display: inline-block;width: 0.3rem;height: 0.3rem;background-size: 80%;
        vertical-align: middle;margin-right: 0.1rem;}
    .load-more span{display: inline-block;vertical-align: middle;}
    /*news-list*/
    /*news-detail*/
    .news-detail{font-size: 0.28rem;line-height:0.5rem;margin: 0.4rem auto 0.5rem;}
    .news-detail .title{font-size: 0.4rem;padding-bottom: 0.2rem;margin-bottom: 0.4rem;line-height: 0.6rem;}
    .news-detail .title .date{font-size: 0.24rem;}
    .news-detail img{margin: 0.3rem auto;display: block;}
    .news-page{padding: 0.3rem 0;}
    .news-page .page-list{width: 2.5rem;margin-bottom: 0.2rem}
    .news-page .next{width: 4rem;}
    .news-page .btn-back{width: 2.4rem;height: 1rem;line-height: 1rem;padding-left: 0.6rem;font-size: 0.24rem;background-position: 0.3rem 0.4rem;}
    .news-detail .btn-top{margin-left: 2.6rem;width: 0.8rem;height:0.8rem;}
    /*news-detail*/

    /*contact*/
    .contact-cont .wrapper{width: 7.5rem;margin: 0;}
    .contact-kv{background: url(../images/m_contact_bg.png) center no-repeat;background-size:100%;height: 4.8rem;position: relative;padding-top: 1.7rem;}
    .contact-kv .title {font-size: 0.48rem;width: 3.2rem;height: 1.2rem;line-height: 1.2rem;}
    .contact-list{width: 6.8rem;padding: 0.6rem 0;}
    .contact-list:last-child{padding-bottom: 2rem;}
    .map1,.map2{height: 260px;}
    .contact-title{font-size: 0.3rem;padding-bottom: 0.15rem;margin-bottom: 0.4rem;}
    .contact-list li{font-size: 0.24rem;}
    .contact-list li .title{font-size: 0.28rem;margin-top: 0.3rem;}
    /*contact*/

    /*search*/
    .search-cont{margin:0.6rem auto 1.5rem;}
    .search-title{font-size: 0.4rem;margin: 0 0 0.2rem;}
    .search-title span{font-size: 0.24rem;margin-top:0.2rem;}
    .table th{line-height: 1rem;}
    .table td{padding:0.2rem 0.1rem;}
    /*search*/
}