/*=================================中小型笔记本或大平板 laptop /*=================================*/
    @media screen and (max-width: 1220px) {
		.header_ct,.public_center,.contact{
			width: 92%;
			margin:0 auto;
		}
		.about_right h3{
		    margin: 0 0 30px;
		}
		.newspic{
			width: 45%;
		}
		.news_right{
			width: 52%;
		}
		.message{
			width: 100%;
			padding-top: 4%;
		}
		.address{
			width: 100%;
		}
		.video_list a{
			width: 31%;
			margin:1%;
		}
		.newsdetail article{
			width: 69%;
		}
		.newsdetail aside{
			width: 28%;
		}
		.video{
			width: 70vw;
			height: 56vh;
		}
		.products,.news,.contact{
			width: 92%;
			margin: 0 auto;
			left:0;
			position: inherit;
		}
		.contact_left{
			width: 38%;
		}
		.contact_left p{
			-webkit-line-clamp: 7;
		}
		.contact_right{
			width: 55%;
		}
		.contact_right li:last-child{
			width: 100%;
		}
		.contact_right li:last-child img{
			width: 5%;
		}
		.contact_out{
			padding:6% 0 5%;
		}
		.menu{
			width: 40px;
			/* float: right; */
			display: block;
			margin:0 auto;
			padding:2.5% 0;
		}
		.nav{
			display: none;
		}
		.menu_list{
			position:absolute;
			left:-100%;
			top:0;
			background:rgba(0,0,0,.9);
			width: 100%;
			height: 100%;
			z-index: 99;
		}
		.menu_list ul li{
			line-height: 3.3;
			width: 98%;
			padding:0 3%;
			margin:0 auto;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;
			border-radius: 5px;
			margin-bottom: 3px;
		}
		.menu_list ul li a{
			font-size: 16px;
			color: #fff;
			display: block;
		}
		.menu_list ul li:hover{
			background:#3b85c6;
		}
		.close{
			text-align: right;
			padding-right: 3%;
			padding-top: 2%;
			margin-bottom: 2%;
		}
		.close img{
			width: 40px;
		}
		.product_name{
			width: 100%;
			padding:0 4%;
		}
		.news_ct li div{
			height: 250px;
		}
		.aboutban{
			height: 370px;
		}
		.about_licenter{
			font-size: 26px;
		}
		.product_name h3{
			padding:3% 0;
		}

    }



    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 1000px) {
      .procusts_list ul li{
      	width: 32%;
      }
       .about_right{
       	padding-top: 4%;
      	width: 100%;
      }
      .about_pic{
      	width: 100%;
      }
      .contact_page {
	    padding: 6% 0 6%;
	  }	
	  .news_hot ul li{
	  	width: 48%;
	  	margin:1%;
	  }
	  .news_hot{
	  	padding-bottom: 6%;
	  }
	  .footer_nav ul{
	  	padding-top: 13%;
	  }
	  .video{
	  	height: 33vh;
	  	/*padding-top: 30%;*/
		margin-top:20%;
	  }
	  .news_ct ul{

   		 -webkit-flex-wrap: wrap;
	  	flex-wrap:wrap;
	  }
	  .news_ct li{
	  	width: 50%;
		
	  	padding:4% 3%;
	  }
	  .maxprophone{
		display: block;
	   }
	   #preview{
	   	display: none;
	   }
	   .product_name h3{
	   	padding-bottom: 20px;
	   }
	   .maxprophone{
	   	padding-bottom:30px;
	   }
	   .product_name{
	   	padding:0;
	   }
    }

	@media screen and (max-width: 768px){
		.itop1_right{
			display:none;
		}
		.itop2 ul{
			display:none;
		}
		.itop2{
			background:rgba(0,0,0,.7);
			height:50px;
		}
		.itop1_left{
			width:100%;
			padding:0 4%;
		}
		.in_textban{
			display: none;
		}
		.slide1{
			background:url("../images/banner1_phone.jpg") center 52% no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
		}
		.slide2{
			background:url("../images/banner2_phone.jpg") center 52% no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
		}
		.slide3{
			background:url("../images/banner3_phone.jpg") center 52% no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
		}
		.aboutban{
			height: 280px;
		}
		.about_licenter{
			line-height: 70px;
		}
	}

	@media screen and (max-width: 760px){
		.newsdetail aside{
			display: none;
		}
		.newsdetail article{
			width: 100%;
		}
		.contact_left{
	  	display: none;
	  }
	  .contact_right{
	  	display: none;
	  }
	  .news_ct li p{
	  	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
	  }
	}

	@media screen and (max-width: 640px){
		.about_right h3{
			margin:0 0 3%;
			font-size: 20px;
		}
		.about_right{
			padding-top: 6%;
		}
		.about_right p{
			font-size: 14px;
		}
		.contact_tit h3{
			font-size: 19px;
		}
		.contact_tit p{
			font-size: 12px;
			line-height: 21px;
		}
		.procusts_list ul li{
			width: 48%;
			margin:1%;
		}
		.procusts_list ul li p{
			font-size: 12px;
		}
		.contact_page{
			padding:7% 0;
		}
		.procusts_list{
			padding:7% 0;
		}
		.news_item{
			padding:7% 0;
		}
		.news_hot{
			padding-top: 6%;
		}
		.newspic{
			width: 100%;
		}
		.news_right{
			width: 100%;
		}
		.news_right h3{
			font-size: 18px;
			padding-top: 4%;
		}
		.news_right p{
			font-size: 13px;
			padding:4% 0 5%;
		}
		.news_right a.more{
			font-size: 13px;
			line-height: 37px;
		}
		.newsdetail{
			padding:7% 0;
		}
		.newsdetail_tit span{
			display: none;
		}
		.newsdetail_tit h3{
			padding-bottom: 0;
		}
		.news_left_item{
			margin:20px 0;
		}
		.newsdetail_tit h3{
			font-size: 19px;
		}
		.video_list a{
			width: 48%;
		}
		.address h3{
			font-size: 20px;
		}
		.address p{
			font-size: 14px;
			line-height: 32px;
		}
		.contact_item2{
			padding-top: 7%;
		}
		.message h3{
			font-size: 22px;
		}
		.message ul li{
			padding:5px 10px;
		}
		.map{
			padding-bottom: 6%;
		}
		.menu{
			width: 30px;
		}
		.logo{
			width: 82%;
		}
		.header_ct{
			height: 63px;
		}
		.header{
			height: 63px;
		}
		.close img{
			width: 30px;
		}
		.close{
			padding-right: 5%;
			padding-top: 5%;
		}
		.menu_list ul li a{
			font-size: 14px;
		}
		.menu_list ul li{
			line-height: 3;
		}
		.menu_list ul li{
			padding:0 6%;
		}
		#preview{
			display: none;
		}
		.about_page{
		    padding:7% 0;
		}
		.footer_nav ul{
			padding-top: 0;
		}
		.footer_nav{
			display: none;
		}
		.copy{
			padding-top: 0;
			font-size: 13px;
		}
		.contact_out{
			padding:3% 0;
		}
		
		.products h3{
			font-size: 25px;
		}
		.products h4{
			font-size: 24px;
		}
		.product_name h3{
			font-size: 20px;
		}
		.product_name{
			width: 100%;
		}
		.product_name h3{
			padding:0;
			padding-bottom: 20px;
		}
		.product_name button{
			font-size: 14px;
		}
		.contact_page{
			padding:8% 0 3%;
		}
		.products_ct ul{
		    -webkit-flex-wrap:wrap;
		    flex-wrap: wrap;
		}
		.products_ct li{
			width: 48%;
			margin-bottom: 3%;
		}
		.contact_right{
			display: block;
			width: 92%;
			margin:0 auto;
			float: none;
		}
		.contact_right li{
			width: 100%;
		}
		.contact_right li img{
			width: 5%;
		}
		.contact_right h3{
			padding-bottom: 3%;
			font-size: 20px;
		}
		.contact_right ul{
			padding-top: 5%;
		}
		.copy{
			padding-top: 8%;
		}
		.contact_out {
		    padding: 10% 0 6%;
		}
		.copy{
			line-height: 1.6;
		}
		.products_ct li p{
			padding:5px 0;
			line-height: 1.5;
			font-size: 14px;
		}
		.about_right p{
			    text-indent: inherit;
		}
		.more_button{
			width: 41%;
		}
		.more_button a{
			line-height: 2.6;
			font-size: 14px;
			height: auto;
		}
		.more_button span{
			height: auto;
		}
		.products h4,.news h4{
			font-size: 20px;
		}
		.news_ct li p{
			font-size: 14px;
			padding:0 10px;
		}
		.news h3{
			font-size: 25px;
		}
		.slide1{
			background:url("../images/banner1_phone.jpg") center top no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
		}
		.slide2{
			background:url("../images/banner2_phone.jpg") center top no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
		}
		.news_ct li div{
			height: 100px;
		}
		.about_licenter{
			font-size: 18px;
			line-height: 40px;
		}
		.aboutban{
			height: 150px;
		}
		.news_hot ul li img{
			height: 155px;
		}
		.footer_navfix{
			display: block;
			position: fixed;
			left:0;
			bottom:0;
			z-index: 99;
			width: 100%;
			background: #fff;
			-moz-box-shadow:0px -2px 5px #ccc; -webkit-box-shadow:0px -2px 5px #ccc; box-shadow:0px -2px 5px #ccc;
		}
		.footer_navfix ul{
			-webkit-display: flex;
			display: flex;
			-webkit-flex-wrap: nowrap;
			flex-wrap: nowrap;
			-webkit-justify-content: space-between;
			justify-content: space-between;
		}
		.footer_navfix ul li{
			width: 33.33%;
			text-align: center;
		}
		.footer_navfix ul li a{
			font-size: 1.5rem;
			color: #333;
			display: block;
			line-height: 3.5;
		}
		.footer_navfix ul li img{
			width: 18%;
			vertical-align: middle;
			padding-right: 5%;
		}
		.footer_navfix ul li img:first-child{
			margin-top: -5px;
		}
		body{
			padding-bottom:12%;
		}
	}