     /*=================================中小型笔记本或大平板 laptop /*=================================*/

    @media screen and (max-width: 1366px) {
        .w1190{
            width: 92%;
        }
        .nav li{
            line-height: 110px;
            padding-top: 10px;
            padding:0 35px;
            margin-left: 0;
        }
        .inabout span{
            padding:20px 0 30px;
        }
        .inabout{
            padding:60px 0 80px;
        }
        .inprotit p{
            font-size: 32px;
        }
        .inprotit img{
            width: 150px;
        }
        .shop_pic{
            width: 40%;
        }
        .shop_text{
            padding:4%;
        }
        .shop_text1{
            width: 60%;
        }
        .shop_pic2{
            width: 46%;
        }
        .shop_text2{
            width: 54%;
        }
        .shop_pic3{
            width: 40%;
        }
        .shop_text3{
            width:60%; 
        }
        .shop_pic4{
            width: 46%;
        }
        .shop_text4{
            width: 54%;
        }
        .desn_text p{
            font-size: 16px;
        }
        .desn_text{
            width: 57%;
        }
        .design_icon ul{
            display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
            display: -moz-box; /* 老版本语法: Firefox (buggy) */
            display:box;
            display: -ms-flexbox; /* 混合版本语法: IE 10 */
            display: -webkit-flex; /* 新版本语法: Chrome 21+ */
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .video_info{
            height: 500px;
        }
		.invideo .videomovie{
			height:500px;
		}
        .shop_text h3{
            font-size: 26px;
        }
        .design_icon{
            padding:70px 0;
        }
        .footer{
            height: 510px;
        }
        .ewm{
            padding-bottom: 50px;
        }
        .copy{
            padding:18px 0;
        }
        .copyright{
            font-size: 12px;

        }
        .about_alink a{
            margin-right: 4%;
        }
        .about_alink{
            padding-left: 30px;
        }
        .history_page{
            width: 100%;
        }
        .point{
            right:-63px;
        }
        .history_page li:nth-child(2n) .point{
            left:-63px;
        }
        .brand{
            padding:19px 0;
        }
        .brand img{
            width: 50px;
            padding-right: 15px;
        }
        .header2{
            padding:30px 0 10px;
        }
        .history_page li{
            line-height: 2;
            font-size: 14px;
        }
        .w1200{
            width: 92%;
        }
        .world_brand_tit h3{
            font-size: 30px;
        }
        .world_brand{
            padding:55px 0 0;
        }
        .hardit1_tit{
            font-size: 30px;
        }
        .hardit1_info{
            font-size: 14px;
        }
        .design{
            width: 100%;
        }
        .design li{
            padding:0;
        }
        .design li a{
            padding:20px;
        }
        .product_list{
            width: 100%;
        }
        .product_list li{
            padding:0;
        }
        .brand2{
            padding:8px 0;
        }
        .protail_page aside{
            width: 22%;
        }
        .protail_page article{
            width: 78%;
        }
        .news_page{
            width:100%; 
        }
        .news_page{
            padding:4%;
        }
        .shop_text h3{
            font-size: 24px;
        }
        .shop_pic5{
            width: 40%;
        }
        .shop_text5{
            width: 60%;
        }
        .shop_text6{
            width: 60%;
        }
        .shop_text6::after{
            width: 0;
        }
        .shopli2{
            background: #f5f5f5;
        }
        .shop_text4::after{
            width: 0;
        }
        .join_page{
            padding:0 4%;
        }
        .join_tit h3{
            font-size: 24px;
        }
        .download_page{
            padding:4% 0;
        }
        .down_in a{
            margin-top: 35px;
        }
        .designer{
            width: 92%;
            margin:0 auto;
        }
        .designer_pic{
            width: 48%;
        }
        .designer_info{
            width: 48%;
        }
        .designer_info_tit{
            font-size: 30px;
        }
        .designer_info_text{
            font-size: 14px;
            line-height: 2.4;
        }
        .maxrollpic{
            display: none;
        }
        .protail_page2 article{
            width: 50%;
        }
        .protail_page2 aside{
            width: 50%;
            padding:4%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        .protail_page2{
            width: 100%;
        }
        .maxpic_phone .swiper-slide img{
            width: 100%;
        }
        .header{
            padding:45px 0 35px;
        }
        .maxpic_phone{
            display: block;
        }
        .inhardware{
            display: none;
        }
    }


    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 1000px) {
		.aricleimg{
			width:100%;
			height:200px;
		}
        .header{
            padding:33px 0;
        }
        .language{
            display: none;
        }
        .inabout{
            padding:70px 0 35px;
        }
        .nav{
            display: none;
        }
        .inhardware_tit{
            padding-bottom: 35px;
        }
        .video_name{
            padding:33px 0;
        }
        .design_icon{
            display: none;
        }
        .caseshop{
            padding-bottom: 50px;
        }
        .footer{
            display: none;
        }
        .shop_text1{
            height: 250px;
        }
        .shop_text2::after{
            width: 0;
        }
        .shop_text2{
            height: 200px;
        }
        .shop_text3{
            height: 250px;
        }
        .shop_text4{
            height: 200px;
        }
        .inproduct{
            display: none;
        }
        .shopli3{
            margin-top: 30px;
        }
        .about_info{
            padding:4%;
            font-size: 14px;
            line-height: 2;
        }
        .history_page li{
            padding:3%;
        }
        .point{
            right:-48px;
        }
        .history_page li:nth-child(2n) .point{
            left:-48px;
        }
        .hardware_it1 {
            padding: 60px 0 40px;
        }
        .product_list li a{
            padding:30px;
        }
        .designer_pic{
            width: 100%;
        }
        .designer_info{
            width: 100%;
            padding-top: 50px;
        }
        .designer{
            padding:40px 0 70px;
        }
        .design li a{
            padding:10px 15px;
        }
        .shop_text h3{
            font-size: 20px;
            padding-bottom: 20px;
        }
        .shop_text5{
            height: 250px;
        }
        .join_share{
            display: none;
        }
        .join_info{
            padding:4%;
        }
        .download_page li{
            width: 50%;
        }
        .down_in{
            padding:25px;
        }
        .shop_text6{
            height: 200px;
        }
        .mod_container{
            display: none;
        }
        .banner_phone{
            display: block;
        }       
        .brdimg_list{
            display: none;
        }
        .menu{
            display: block;
            float: right;
        }
        .menu i{
            font-size: 30px;
        }
        .logo{
            width: 140px;
            float: left;
        }
        .inhardware{
            padding-top: 50px;
        }
        

    }
    

    @media screen and (max-width: 640px){
		.maxpicinfo2{
			display:block;
		}
		.protail_page .w1200 aside ul{
			max-height:200px;
			overflow:hidden;
			overflow-y:scroll;
		}
		.brand a{
			line-height:1.5;
		}

        .inabout h3{
            font-size: 24px;
        }
        .inabout span{
            font-size: 12px;
            letter-spacing: 5px;
            padding:10px 0 28px;
        }
        .inabout{
            width: 92%;
            margin:0 auto;
        }
        .inabout p{
            font-size: 14px;
            line-height: 2.2;
        }
        .inhardware_tit h3{
            font-size: 24px;
            padding-bottom: 10px;
        }
        .inhardware_tit p{
            font-size: 12px;
            letter-spacing: 5px;
        }
        .inhardware_tit{
            padding-bottom: 25px;
        }
        
        .header {
            padding: 24px 0 20px;
        }
        .inhardware{
            padding-top: 0;
        }
        .inabout {
            padding: 50px 0 58px;
        }
        .video_name h3{
            font-size: 15px;
        }
        .video_name p{
            padding-bottom: 8px;
        }
        .video_name{
            padding:20px 0;
        }
        .video_info{
			top:86px;
            height: 355px;
        }
	
		.invideo .videomovie{
			height:355px;
		}
        .invideo{
            padding:40px 0;
        }
        .shop_pic{
            width: 100%;
        }
        .shop_text1{
            width: 100%;
        }
        .shop_pic2{
            position: inherit;
            bottom:0;
        }
        .shop_text{
            padding:9%;
            height: 150px;
        }
        .shop_text2{
            width: 100%;
        }
        .shopli2{
            margin-top: 23px;
        }
        .shop_pic3{
            width: 100%;
        }
		.shop_pic3 img{
			width:100%;
			height:250px;
			object-fit:cover;
		}
        .shop_text{
            width: 100%;
        }
        .shopli3{
            margin-top: 23px;
        }
        .shop_pic4{
            position: inherit;
            bottom:0;
        }
        .caseshop{
            padding-bottom: 30px;
        }
        .brand{
            padding:10px 0;
        }
        .lefttitle{
            display: none;
        }
        .righttitle{
            display: block;
        }
        main{
            padding:25px 0;
        }
        .about_page{
            padding:0 4%;
        }
        .about_alink{
            padding-left: 0;
        }
        .about_alink a{
            margin-right: 0;
            line-height: 56px;
        }
        .history_page li{
            width: 100%;
        }
        .history_page{
                background: url(../images/line.jpg) left top repeat-y;
        }
        .point{
            left:-37px;
        }
        .arrow{
            left:-10px;
            width: 0;
            height: 0;
            border-width: 10px 10px 10px 0;
            border-style: solid;
            border-color: transparent #dcdcdc transparent transparent;
            right: inherit;
        }
        .history_page li{
            font-size: 13px;
            padding:4%;
            margin-bottom: 16px;
        }
        .history_page li:nth-child(2n){
            float: none;
        }
        .history_page{
            padding:20px 0;
        }
        .history_page ul{
            margin-left: 10%;
        }
        .history_page li:nth-child(2n) .point{
            left:-37px;
        }
        .history_page{
            margin:30px 0;
        }
        .world_brand_tit h3{
            font-size: 24px;
        }
        .world_brand_tit p{
            letter-spacing: 5px
        }
        .world_brand{
            padding:30px 0 0;
        }
        .world_brand_tit p{
            padding:10px 0 30px;
        }
        .exclusive{
            padding:40px 0;
        }
        .exclusive_list li{
            width: 50%;
			height:auto;
        }
        .hardit1_tit{
            font-size: 24px;
        }
        .hardware_it1{
            padding:40px 0 0;
        }
        .design li{
            width: 50%;
        }
        .design li p{
            padding:15px 0 0;
        }
        .design li a{
            padding:7px;
        }
        .product_list li{
            width: 50%;
        }
        .product_list li a{
            padding:10px 10px 20px;
        }
        .product_list li figcaption{
            padding-top: 15px;
        }
        .product_list{
            padding-bottom: 20px;
        }
        .designer_info_tit{
            font-size: 24px;
        }
        .designer_info_tit{
            padding-bottom: 20px;
        }
        .designer_info{
            padding-top: 40px;
        }
        .designer{
            padding:30px 0 50px;
        }
        .product_list{
           padding:10px 0 20px;
        }
        .protail_page aside{
            width: 100%;
            padding-top: 0;
        }
        .protail_page aside li{
            margin-bottom: 20px;
        }
        .protail_page article{
            width: 100%;
        }
        .shop_text h3{
            font-size: 16px;
            padding-bottom: 16px;
        }
        .shop_text{
            padding:7%;
            height: auto;
        }
        
        .shop_pic5{
            width: 100%;
        }
		.shop_pic5 img{
			width:100%;
			height:100%;
			object-fit:cover;
			height:250px;
		}
        .shop_pic6{
            position: inherit;
            bottom:0;
        }
        .news_page{
            padding:4% 4% 6%;
        }
        .shopli3:first-child{
            margin-top: 0;
        }
        .join_tit h3{
            font-size: 20px;
        }
        .join_tit{
            padding:25px 0 22px;
        }
        .download_page li{
            width: 100%;
        }
        .down_in{
            padding:20px;
        }
        .download_page li h3{
            padding-bottom: 20px;
        }
        .download_page li{
            padding:0;
            margin-bottom: 15px;
        }
        .shop_page{
            padding:4% 0;
        }
        .ba{
            display: none;
        }
        .copy_logo img{
            display: none;
        }
        .copyright{
            width: 100%;
            text-align: center;
            line-height: 1.8;
    padding: 4% 0;
        }
        .copy{
            padding:6px 0;

        }
        .protail_page2 article{
            width: 100%;
        }
        .maxpicinfo{
            display: none;
        }
        .protail_page2 aside{
            width: 100%;
            padding-top: 30px;
        }
        .proname{
            padding-bottom: 20px;
        }
        .proname h3{
            padding-bottom: 15px;
        }
        .pro_link{
            padding-top: 40px;
        }
        .logo{
            width: 100px;
        }
        .menu i{
            font-size: 24px;
        }
        .menu_down li a{
            font-size: 16px;
        }
        .menu_down li{
            line-height: 3;
        }
        .banner .swiper-slide{
            margin:0;
        }
    }







