/*=================================中小型笔记本或大平板 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;
		}
		.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: 22%;
		}
    }



    /*=================================手机或小平板 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 7%;
	  }	
	  .news_hot ul li{
	  	width: 48%;
	  	margin:1%;
	  }
	  .news_hot{
	  	padding-bottom: 6%;
	  }
	  .footer_nav ul{
	  	padding-top: 13%;
	  }
	  .video{
	  	/*height: 33vh;*/
	  	padding-top: 10%;
	  }
	  .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: 5%;
	   }
    }



	@media screen and (max-width: 760px){
		.newsdetail aside{
			display: none;
		}
		.newsdetail article{
			width: 100%;
		}
		.contact_left{
	  	display: none;
	  }
	  .contact_right{
	  	display: none;
	  }
	}

	@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: 32%;
			min-width:160px;
		}
		.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;
		}
		.product_nav{
			width: 100%;
		}
		.product_right{
			width: 100%;
		}
		.flex{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.product_list li{
			width:48%;
			margin-right: 2%;
			margin-bottom: 2%;
		}
		.product_list li:nth-child(3n){
			margin-right: 2%;
		}
		.product_list li:nth-child(2n){
			margin-right: 0;
		}
		.product_list li figure{
			height:164px;
		}
		.inpro_list li figcaption{
			padding:0 4%;
		}
		.product_list li figcaption p{
			font-size: 12px;
		}
		.team_list li{
			width: 100%;
		}
		.inslide1{
			    background: url(../images/index_banner_10_phone.jpg) center top no-repeat #000;
				background-size:cover;
		}
		.inslide2{
			    background: url(../images/index_banner_11_phone.jpg) center top no-repeat #000;
				background-size:cover;
		}
		.inslide11{
			    background: url(../images/index_banner_en_10_phone.jpg) center top no-repeat #000;
				background-size:cover;
		}
		.inslide22{
			    background: url(../images/index_banner_en_11_phone.jpg) center top no-repeat #000;
				background-size:cover;
		}
		/* .fp-controlArrow.fp-prev{
			display:none;
		}
		.fp-controlArrow.fp-next{
			display:none;
		} */
	}