@media screen and (max-width: 1720px) {
    	.w1720{
    		max-width:92%;
    		margin: 0 auto; 
    	}
    }
	
	@media screen and (max-width: 1440px) {
    	.w1400{
    		max-width:92%;
    		margin: 0 auto; 
    	}
        .product_list li{
            width: 19%;
            margin-right: 8%;
        }
    }
     /*=================================中小型笔记本或大平板 laptop /*=================================*/
    @media screen and (max-width: 1200px) {

		.nav{
			display: none;
		}
		.w1200{
			max-width:92%;
			margin: 0 auto;
		}
		.banner{
			margin-top:60px;
		}
		.menu {
             display: block;
             float: right;
         }

         .menu i {
             font-size: 30px;
         }

         .menu_down {
             text-align: center;
             position: fixed;
             left: 100%;
             top: 0;
             width: 100%;
             height: 100%;
             background: rgba(0, 0, 0, .8);
             z-index: 9999;
             display: block;

         }

         .close {
             text-align: right;
             padding-right: 4%;
             line-height: 3;
         }

         .close i {
             color: #fff;
             font-size: 28px;
         }

         .menu_down li {
             line-height: 3.5;

         }

         .menu_down li a {
             font-size: 16px;
             display: block;
             text-transform: uppercase;
         }

         .menu_down li i {
             font-size: 22px;
         }

         .menu_down li.search_phone {
             font-size: 0;
             display: none;
         }

         .search_phone input {
             display: inline-block;
             vertical-align: top;
             width: 250px;
             border: 1px solid #ccc;
             line-height: 30px;
             font-size: 14px;
             color: #222;
             padding: 0 10px;
         }

         .search_phone button {
             line-height: 32px;
             display: inline-block;
             vertical-align: top;
             width: 50px;
         }

         .search_phone button i {
             display: block;
             font-size: 16px;
         }

         .menu_down li {
             line-height: 3.5;
             text-align: center;
         }

         .menu_down li a {
             display: block;
             font-size: 18px;
             color: #fff;
         }

         .menu span.icon-bar {
             background: #000;
             width: 26px;
             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: 8px;
             -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: 8px;
             -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(4px, -3px);
             -moz-transform: rotate(45deg) translate(4px, -3px);
             -ms-transform: rotate(45deg) translate(4px, -3px);
             transform: rotate(45deg) translate(4px, -3px);
             transform-origin: 0 0;
         }

         .xz .icon-bar:nth-child(3) {
             opacity: 0;
         }

         .xz .icon-bar:nth-child(4) {
             -webkit-transform: rotate(-45deg) translate(3px, 2px);
             -moz-transform: rotate(-45deg) translate(3px, 2px);
             -ms-transform: rotate(-45deg) translate(3px, 2px);
             transform: rotate(-45deg) translate(3px, 2px);
         }
         .header{
         	position: fixed;
         	width: 100%;
         	left:0;
         	top:0;
         	z-index:9;
         	height:60px;
         	background:#fff;
         }
         .header .flex{
         	-webkit-align-items: center;
         	align-items: center;
         	height: inherit;
         }
         .type_list ul{
            padding:0;
         }
         

    }



















    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 767px) {
  
		.module_about{
			padding:8% 0;
		}
		.inab_tit h3{
			font-size: 24px;
		}
		.module_about .enitor{
			margin-top:20px;
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 5;
			-webkit-box-orient: vertical;
		}
		.icon_list li{
         	width: 100%;
         	margin:4% 0;
         	-webkit-justify-content: flex-start;
         	justify-content: flex-start;
         }
         .icon_list li h3{
         	text-align: left;
         }
         .icon_list{
         	margin-top:4%;
         }
         .product_type{
         	padding:0;
         }
         .index_title h3{
         	font-size:36px;
         }
         .type_nav{
         	display: none;
         }
         .type_nav ul{
         	-webkit-flex-wrap: wrap;
         	flex-wrap: wrap;
         }
         .type_nav li{
			width:50%;
         }
         .type_list{
         	margin-top:6%;
         }
         .type_list li{
         	width: 48%;
         	margin-right: 4%;
         	margin-bottom: 4%;
         }
         .type_list li:nth-child(3n){
         	margin-right: 4%;
         }
         .type_list li:nth-child(2n){
         	margin-right: 0;
         }
         .type_list li:nth-child(9){
         	display: none;
         }
         .more a{
         	font-size: 24px;
         }
         .more a img{
         	max-width:45px; 
         }
         .more{
         	padding-top:4%;
         }
         .index_content{
         	margin-top: 4%;
         	padding-bottom: 0;
         }
         .index_content .tac{
         	padding-top:6%;
         }
         .index_content .enitor{
         	margin-top: 8%;
         	font-size: 15px;
         }
         .module_news{
         	padding-top: 8%;
         }
         .news_list{
         	margin-top: 6%;
         }
         .news_list ul{
         	-webkit-flex-wrap: wrap;
         	flex-wrap: wrap;
         }
         .news_list li{
         	width: 50%;
         }
         .footer{
         	display: none;
         }
         .inside_banner{
         	margin-top: 60px;
         }
         .details{
         	padding:8% 0 0 0;
         }
         .news_list{
         	margin-top: 0;
         }
         .logo{
         	max-width:160px;
         }
         .type_list li figcaption h3{
         	font-size: 22px;
         	text-align: center;
         }
         .product_list li{
         	width:48%;
         	height:auto;
         	margin-right: 4%;
         	margin-bottom: 4%;
         	padding:2%;
         }
         .product_list li:nth-child(4n){
         	margin-right: 4%;
         }
         .product_list li:nth-child(2n){
         	margin-right: 0;
         }
         .flex{
         	-webkit-flex-wrap: wrap;
         	flex-wrap: wrap;
         }
         .product_swiper .gallery-top{
         	flex: 0 0 100%;
         }
         .product_con{
         	margin-top: 6%;
         }
         .pro_name h3{
         	font-size: 28px;
         }
         .product_con span.tit{
         	font-size: 14px;
         }
         .pro_size span.tit{
         	font-size: 18px;
         }
         .news_list2{
         	margin-top:8%;
         }
         .contact_body{
         	margin-top: 6%;
         }
         .contact_body figcaption h3{
         	font-size: 18px;
         }
         .index_title h3{
         	font-size: 32px;
         }
         .contact_body figcaption aside{
         	padding:5% 0;
         }
         .contact_body figcaption aside p span{
			max-width:80%;
			margin-left: 10px;
         }
         .footer_bottom .flex{
         	-webkit-align-items: center;
         	align-items: center;
         }
        .copy{
            line-height:1.6;
            padding:8px 0;
        }
        .footer_bottom{
			margin-top: 6%;
        }
        .product_swiper .gallery-thumbs .swiper-slide{
            height:49px;
        }
        .product_swiper .gallery-thumbs{
            min-height: 140px;
        }
        .product_con .color{
            min-height:320px;
        }
        }