/*=================================中小型笔记本或大平板 laptop /*=================================*/
    @media screen and (max-width: 1680px) {
	
		.w1720{
			width:92%;
			margin: 0 auto;
		}	
		.header_right a{
			margin-left: 30px;
		}

    }


	@media screen and (max-width: 1440px) {
	
		.header_nav li a{
			margin:0 10px;
		}
		.w1440{
			width: 92%;
			margin: 0 auto;
		}
		.w1400{
			width: 92%;
			margin: 0 auto;
		}
		.module_about figure{
			max-width:45%;
		}
		.module_about figcaption{
			max-width:55%;
		}
		/* .contact_list ul li{ */
			/* margin-right: 20px; */
		/* } */
		.message{
			max-width:450px;
		}
		.message ol{
			width:450px;
		}
		.message ol li .yzm{
			width:60%;
		}
		
    }






	@media screen and (max-width: 1200px) {
	
		.header_right{
			display: none;
		}
		.header_nav{
			display: none;
		}
		.menu {
             display: block;
             float: right;
             margin-top:0;
             cursor: pointer;
             position: relative;
             z-index:9;
         }

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

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

         }

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

         .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: #fff;
             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);
         }

         .module_about figure{
			max-width:100%;
			float:left;

		}
		.module_about figcaption{
			max-width:100%;
		}
		.w1200{
			width: 92%;
			margin: 0 auto;
		}
		.honor_swiper .swiper-button-next{
			right:0px;
		}
		.honor_swiper .swiper-button-prev{
			left:0px;
		}
		.patent_swiper .swiper-button-next{
			right:0px;
		}
		.patent_swiper .swiper-button-prev{
			left:0px;
		}

		
    }











    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 767px) {
		.about-body figure{
			width:100%;
		}
		.news_list li figure{
			height:150px;
		}
		.news_list li figure img{
			height:150px;
		}
		.index_left{
			display: none;
		}
		.header{
			height:60px;
		}
		.logo{
			max-width:160px;
		}
		.module_about{
			padding:6% 0 8% 0;
		}
		.module_about figcaption h3 span{
			font-size: 36px;
			line-height:36px;
			height:36px;
		}
		.module_about figcaption h3 p{
			font-size: 20px;
			top:10px;
		}
		.module_about figcaption h4{
			font-size: 15px;
			margin-top: 5%;
			line-height:2;
		}
		.module_about figcaption aside.met_enitor{
			margin-top: 6%;
			line-height:2;
			font-size: 15px;
		}
		.met_self{
			margin-top: 6%;
		}
		.met_self a.more{
			margin-left: 0;
			margin-top: 8%;
		}
		.module_about figure{
			margin-top: 6%;
		}
		.index_title h3 span{
			font-size: 26px;
			line-height:30px;
			height:36px;
		}
		.index_title h3 p{
			font-size: 20px;
			top:5px;
		}
		.module_product{
			padding:6% 0 8% 0;
		}
		.index_title img{
			max-width:100px;
		}
		.product_list li{
			width: 48%;
			margin-right: 4%;
			margin-bottom: 4%;
		}
		.product_list li:nth-child(2n){
			margin-right: 0;
		}
		.pro_nav .flex{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-justify-content: flex-start;
			justify-content: flex-start;
		}
		.pro_nav li{
			width:33.33%;
			margin:0;
		}
		.pro_nav li::before{
			padding-left: 0;
		}
		.product_list li figcaption{
			padding-top: 10px;
			padding-bottom:10px;
			height:auto;
		}
		.product_list li figcaption p{
			margin-top:10px;
		}
		.moudle_news{
			padding:8% 0;
		}
		.news_list li{
			width: 48%;
			margin-right: 4%;
			margin-bottom: 4%;
		}
		.news_list li:nth-child(2n){
			margin-right: 0;
		}
		.news_list li figcaption{
			padding:15px 10px;
		}
		.news_list li figcaption h3{
			font-size: 14px;
		}
		.news_list li figcaption p{
			font-size: 12px;
			line-height:1.6;
		}
		.news_list a.more{
			margin-top: 6%;
		}
		.module_int{
			padding:10% 0;
		}
		.module_contact{
			padding:8% 0;
		}
		.contact_list{
			margin-top: 6%;
		}
		.contact_list h3{
			font-size: 20px;
			margin-bottom: 15px;
		}
		.contact_list ul li dl dd p{
			font-size: 12px;
			padding-left: 10px;
		}
		.contact_list ul li dl dd p span{
			flex: inherit!important;
		}
		.contact_list ul li dl{
			margin-top: 0;
		}
		.message{
			width: 100%;
			margin: 0 auto;
		}
		.message h3{
			font-size: 16px;
			margin-top: 6%;
		}
		.message ol{
			margin-top: 5%;
			width:100%;
		}
		.message ol li .yzm{
			width: 70%;
		}
		.message ol li a{
			width: 25%;
		}
		.banner{
			height:260px;
			margin-top: 60px;
		}
		.banner .swiper-container{
			height: inherit;
		}
		.banner img{
			height: 100%;
			width: 100%;
			object-fit: cover;
		}
		.inside_banner{
			height:200px;
		}
		.inside_banner figure{
			height: inherit;
		}
		.inside_banner figure img{
			height: 100%;
			object-fit: cover;
		}
		.inside_banner figcaption h3{
			font-size:24px;
			margin-bottom: 10px;
		}
		.inside_banner figcaption aside{
			margin-top: 40px;
		}
		.inside_nav .w1200{
			width: 100%;
		}
		.side_about{
			padding:8% 0;
		}
		.about-header h3{
			font-size: 22px;
		}
		.about-header h4{
			font-size: 20px;
		}
		.about-header{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.about-header ul{
			margin-top: 6%;
		}
		.about-header li{
			margin-left: 0;
			margin-right:30px;
		}
		.about-body{
			margin-top: 8%;
		}
		.about-body figcaption{
			line-height:2.2;
			margin-top: 6%;
		}
		.side_honor{
			padding:8% 0 10% 0;
		}
		.side_title h3{
			font-size: 22px;
		}
		.side_title h4{
			font-size:18px;
		}
		.honor_swiper{
			height:380px;
		}
		.honor_swiper .swiper-pagination{
			bottom:-30px;
		}
		.side_title{
			margin-bottom: 6%;	
		}
		.patent_swiper{
			height:390px;
		}
		.side_patent{
			padding:8% 0 12% 0;
		}
		.footer_top{
			display: none;
		}
		.copy a img{
			display: none;
		}
		.side_deve{
			padding:8% 0;
		}
		.sidepro_nav li{
			width:calc(100% / 3);
			border-bottom:1px solid #eee
		}
		.inside_nav{
			border:none;
		}
		.deta-title h3{
			font-size: 24px;
		}
		.side_page{
			padding:6% 0 8% 0;
		}
		.second_nav li{
			width: 50%;
			border-top:none;
		}
		.second_nav{
			border-top:1px solid #eee;
		}
		.flex{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.product-header figure{
			flex:0 0 100%;
			height:345px;
		}
		.product-header figcaption{
			flex:0 0 100%;
			margin-top: 6%;
		}
		.pro_control{
			position: initial;
			margin-top: 8%;
		}
		.ht p{
			line-height:40px;
		}
		.news_list{
			margin-top: 6%;
		}
		.news_htitle h3{
			font-size: 20px;
		}
		.met-enitor{
			padding-left: 0;
			padding-right: 0;
			line-height:2.2;
			font-size: 15px;
		}
		.news_list2 li{
			padding:2%;
		}
		.news_list2 li figcaption{
			margin-left: 6%;
		}
		.news_list2 li figcaption aside{
			display: none;
		}
		.news_list2 li figcaption p{
			font-size: 12px;
			line-height:1.6;
			margin-top: 4%;
		}
		.news_list2 li figcaption h6{
			font-size: 12px;
			margin-top: 5%;
		}
		.news_list2 li figcaption h3{
			font-size: 16px;
			-webkit-transform: translateX(-39px);
		    -ms-transform: translateX(-39px);
		    -o-transform: translateX(-39px);
		    transform: translateX(-39px);
		}
		.side_news{
			padding:6% 0 8% 0;
		}
		.news_list2{
			margin-top: 6%;
		}
		.news_control aside a{
			font-size: 14px;
			line-height:1.6;
			margin-bottom: 20px;
		}
		.inside_nav li{
			border-bottom:1px solid #eee;
		}
		.down_list li{
			width: 48%;
			margin-right: 4%;
			margin-bottom: 4%;
			padding:10px;
		}
		.down_list li:nth-child(2n){
			margin-right: 0;
		}
		.down_list li span.self{
			font-size: 12px;
			line-height:2;
			margin-top: 6%;
		}
		.down_list li span.name{
			font-size: 14px;
		}
		.down_list li b{
			margin-top: 6%;
		}
		.down_list{
			margin-top: 6%;
		}
		.contact_list ul li{
			width: 100%;
		}
		.contact_list ul{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.side_contact{
			padding:8% 0;
		}
		.map{
			height:300px;
		}
		.map img{
			height: 100%;
			object-fit: cover;
		}
		.liuyan{
			padding:6% 0;
		}
		.liuyan h3{
			font-size: 24px;
		}
		.liuyan h4{
			font-size: 18px;
			padding:0 20px;
		}
		.w945{
			width: 92%;
			margin: 0 auto;
		}
		.yzm{
			width: 65%;
		}
		.copy  p{
			line-height:1.8;
			padding:14px 0;
		}
		.product_list li figcaption h3{
			font-size: 20px;
		}
		.pro_nav li a{
			font-size: 13px;
			line-height:1.6;
		}
		.sidepro_nav ul{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.inside_nav ul{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-justify-content: flex-start;
			justify-content: flex-start;
		}
		.module_about figcaption aside{
			height:auto;
			padding-top: 0;
			margin-top: 6%;
			line-height:2;
		}
		.module_case figcaption h3{
			font-size: 20px;
		}
		.module_poster{
			height:200px;
		}
		.honor_swiper .swiper-button-next{
			display: none;
		}
		.honor_swiper .swiper-button-prev{
			display: none;
		}
		.patent_swiper .swiper-button-next{
			display: none;
		}
		.patent_swiper .swiper-button-prev{
			display: none;
		}
		.mb50{
			margin-bottom: 0;
		}
		.search_phone input{
			padding-left: 48px;
		}
		.choose input{
			background-position:32px center;
		}
		.choose_list{
			left:0px;
			right:auto;
			top:-100px;
		}
		.menu_down .choose_list li a{
			color:#999;
			font-size: 13px;
		}
		.search_phone{
			position: relative;
		}
		.search_phone .choose2 input{
			width:40px;
			padding-left: 0;
			border:none;
			min-width:inherit;
		}
		.choose2{
			right:auto;
			left:40px;
			height:32px;

		}
		.inside_nav6 ul{
			-webkit-justify-content: center;
			justify-content: center;
		}


    }