/*=================================中小型笔记本或大平板 laptop /*=================================*/
    @media screen and (max-width: 1200px) {
        body{
            width:100%;
        }
        .nav {
            display: none;
        }
         .menu{
            display: block;
            float: right;
            padding-top: 25px;
        }
        .menu_down{
            position: absolute;
            left:0;
            top:67px;
            z-index: 9;
            width: 100%;
            padding-bottom: 22px;
            background: #737f94;
        }
        .menu_down li{
            line-height: 4;
            text-align: center;
            /*padding-left: 4rem;*/
            border-bottom: 1px solid #fff;
        }
        .menu_down li a{
       
            display: block;
            font-size: 18px;
            color: #fff;
        }
        .menu span.icon-bar{
            background: #fff;
            width: 25px;
            height: 2px;
            display: block;
            -webkit-transition: all 300ms ease-out; 
            -moz-transition: all 300ms ease-out;
            transition: all 300ms ease-out; 
        }
        .menu .sr-only{
            display: none;
        }
        .menu .icon-bar:nth-child(2){
            -webkit-transform: rotate(0deg) translate(0,0);
            -moz-transform: rotate(0deg) translate(0,0);
            -ms-transform: rotate(0deg) translate(0,0);
            transform: rotate(0deg) translate(0,0);
            transform-origin:top left;
        }
        .menu .icon-bar:nth-child(3){
            margin-top: 6px; 
                -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
        }
        .menu .icon-bar:nth-child(4){
            margin-top: 6px; 
            -webkit-transform: rotate(0deg) translate(0,0);
            -moz-transform: rotate(0deg) translate(0,0);
            -ms-transform: rotate(0deg) translate(0,0);
            transform: rotate(0deg) translate(0,0);
            transform-origin:top left;
        }
        .xz .icon-bar:nth-child(2){
            -webkit-transform: rotate(45deg) translate(2px,-3px);
            -moz-transform: rotate(45deg) translate(2px,-3px);
            -ms-transform: rotate(45deg) translate(2px,-3px);
            transform: rotate(45deg) translate(2px,-3px);
            transform-origin:0 0;
        }
        .xz .icon-bar:nth-child(3){
            opacity: 0;
        }
        .xz .icon-bar:nth-child(4){
            -webkit-transform: rotate(-45deg) translate(1px,2px);
            -moz-transform: rotate(-45deg) translate(1px,2px);
            -ms-transform: rotate(-45deg) translate(1px,2px);
            transform: rotate(-45deg) translate(1px,2px);
            
        }
		.top{
            display: none;
        }
        .insearch{
            display: none;
        }
        .footer{
            display: none;
        }
      
        .rollBox{
            max-width:1200px;
        }
        
        .inhotpro{
            padding-bottom: 30px;
        }
        .inabout{
            background-position: left;
        }
        .innews{
            padding:30px 0;
        }
        .innewslist li{
            width:50%;
           padding:0 5%;
           -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
           box-sizing: border-box;
            margin:0 auto;
        }
        .innewslist li:first-child{
            margin:0 auto;
        }
        .innewslist li .newspic{
            width: 100%;
            margin: 0 auto;
            height:auto;
        }
        .inabout_in{
            width:90%;
            margin: 0 auto;
        }
        .csdetail{
            padding-top: 30px;
        }
        .product_name{
            width:100%;
        }
        .productpic{
            width: 100%;
        }
        .header .w1200{
            width:90%;
        }
        .map{
            width: 100%;
        }
        .product_page li{
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        .address{
            width: 100%;
            padding-top: 20px;
        }
         .about_ban{
            width:100%;
            height:250px;
            background-size: cover;
          
        }
        .brand{
            width: 92%;
            margin: 0 auto;
        }
        .about_page{
            width: 92%;
            margin: 0 auto;
        }

    }



















    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 767px) {
         .banner2{
            width:100%;
            display: block;
       }
        .banner2 img{
            width:100%;
            height:100%;
        }
        .inBg{
            display: none;
        }
        .about_ban{
            width:100%;
            height:100px;
            background-size: contain;
          
        }
         .innewslist li .newspic{
            width: 100%;
            margin: 0 auto;
        }
		.brand_cener{
            width: 92%;
            margin: 0 auto;
        }
        .about_page{
            width: 92%;
            margin: 0 auto;
            padding-bottom: 30px;
        }
        .about_tit{
            padding:30px 0 29px 0;
        }
        .product_page li{
            width: 50%;
        }
        .productpic{
            width:100%;
        }
        #spec{
            display: none;
            width:100%;
            height: 158px;
        }
        #preview{
            width: 100%;
        }
        .jqzoom{
            float:none;
            width:100%;
             height:100%;
        }
        .jqzoom img{
            width:100%;
             height:100%;
        }
        .product_name{
            float:none;
            width:100%;

        }
        .csdetail{
            padding-top: 30px;
        }
        .message_list li{
            width: 100%;
        }
        .message_list button{
            width: 100%;
        }
        .news_list li p{
            text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    width: 70%;
        }
        .map{
            width:100%;
        }
        .address{
            width: 96%;
            margin: 0 auto;
        }


        }