/*=================================中小型笔记本或大平板 laptop /*=================================*/
    @media screen and (max-width: 1640px) {
		.nav li{
			padding:0 10px;
		}
		.inpro_bg1,.inpro_bg2{
			display: none;
		}
    }
	
	@media screen and (max-width: 1400px){
		.in_news_list{
			width: 100%;
		}
		.in_products_center{
			width: 92%;
		}
		.public_center{
			width: 92%;
		}
		.in_about_four ul{
			width: 96%;
		}
		.in_about_four ul li{
			width: 24.5%;
		}
		.ewm{
			display: none;
		}
		.share{
			display:none;
		}
		.in_pro_list{
			padding:5% 0;
		}
		.in_about_center{
			padding:9% 0;
		}
		.in_news_list{
			padding-top: 4%;
		}
		.innews{
			padding:3% 0;
		}
		.injoin{
			padding:7% 0;
		}
		.injoin_center h3{
			font-size: 30px;
		}
		.injoin_center a{
			line-height: 40px;
			width: 160px;
		}
		.injoin_center p{
			font-size: 15px;
		}
		.injoin_center a{
			margin-top: 3%;
		}
		.injoin {
		    padding: 6% 0 8%;
		}
		.about_page_tit h3{
			font-size: 28px;
		}
		.about_page_tit i{
			font-size: 18px;
		}
		.about_cribe{
			width: 40%;
		}
		.about_pic{
			width: 37%;
		}
		.about_culture{
			padding:4% 0 0;
		}
		.culture_left{
			width: 58%;
		}
		.culture_pic{
			width: 42%;
		}
		.products_page aside{
			width: 20%;
		}
		.products_page article{
			width: 79%;
		}
		.bread{
			padding: 2.5% 0 3%;
		}
		.maxpic_name{
			padding:2%;
		}
		.maxpic_search{
			padding: 4% 2.5%;
		}
		.proinfo_side span{
			font-size: 18px;
			font-weight: normal;
			width: 170px;
			line-height: 50px;
		}
		.proinfo_side_discribe {
		    padding: 3% 0px;
		}
		.techgy_cribe{
			width: 63%;
		}
		.technology_pic{
			width: 33%;
		}
		.about_page_tit2 span{
			font-size: 30px;
		}
		.news_list ul li{
			padding:3% 0;
		}
		.newslirig_mid{
			padding:2% 0 0;
		}
		.more{
			line-height: 2.5;
		}
		.about_page_l_tit h3{
			font-size: 26px;
		}
		.about_page article{
			width: 72%;
		}
		.active_right2{
			width: 25%;
		}
		.nav li a{
			font-size: 15px;
		}
		.speech_page_discribe{
			padding-top: 4%;
		}
		.htmleaf-container{
			padding-top: 5%;
		}
		.personal_page{
			padding-top: 4%;
		}
		.speech_page_tit p{
			font-size: 14px;
			line-height: 2;
		}
		.join_list{
			padding-top: 3.5%;
		}
		.join_jump_center{
			padding:2% 3%;
		}
		.map {
		    padding: 2% 0 3%;
		}
		.message{
			padding:4% 0 5%;
		}
		.in_pro_tit p{
			font-size: 25px;
		}
		.in_aboutside{
			padding:3% 0;
		}
		.digital{
			padding: 2% 0 2.5%;
		}
		.in_news_list_center .swiper-slide h3{
			font-size: 16px;
		}
		.in_news_list_center .swiper-slide p{
			padding:5.5% 0 5%;
		}
		.in_news_list_center .swiper-slide p{
			font-size: 13px;
		}
		.about_pic{
		    margin: 0 2%;
		}
		.about_scroll{
			width: 18%;
		}
		.in_design_number2{
			width: 100%;
		}
		.about_page_text{
			font-size: 14px;
		}
		.header_center{
			width: 92%;
		}
		.nav li a{
			padding: 0;
		}
		.share_search{
			padding-left: 20px;
		}
		.products_page article li{
			padding:2%;
		}
		.common_pro_list ul li{
			padding:2%;
		}
		.in_pro_list .swiper-slide{
			padding:2%;
		}
		.nav3{
			left:-300%;
		}
	}

	@media screen and (max-width: 1200px){
		.injoin_center h3{
			font-size: 26px;
		}
		.culture_left ul li span{
			font-size: 13px;
		}
		.culture_left ul li  p{
			font-size: 13px;
		}
		.culture_left{
			width: 60%;
		}
		.culture_pic{
			width: 40%;
		}
		.speech_pic{
			width: 38%;
		}
		.speech_right{
			width: 60%;
		}
		.staff_tit h3{
			font-size: 16px;
		}
		.staff_list ul li img{
			padding:5% 0;
		}
		.staff_tit h3{
			padding-bottom: 11px;
		}
		.staff_cribe{
			font-size: 13px;
		}
		.nav{
			display: none;
		}
		.header_right{
			display: none;
		}
		.in_pro_list{
			padding:4% 0;
		}
		.in_products{
			padding:2% 0;
		}
		.in_abouttit h3{
			font-size: 29px;
		}
		.mumping_mun span{
			font-size: 35px;
		}
		.mumping_mun li img{
			width: 25px;
		}
		.in_news_list{
			padding-top: 3.2%;
		}
		.main2 ul li span{
			font-size: 32px;
		}
		.main2 ul li p{
			font-size: 13px;
		}
		.header_center{
			padding:12px 0;
		}
		.menu{
		    line-height: 56px;
		    float: right;
		    display: block;
		}
		.menu i{
		    font-size: 30px;
		    color: #000;
		    cursor: pointer;
		}
		.menu_down{
		    position: absolute;
		    left:0;
		    top:100%;
		    z-index: 99;
		    width: 100%;
		    background:rgba(255,255,255,.95);
		    padding: 2.5% 0 1.5%;
		    /*display: none;*/
		    border-top: 1px solid #ccc;
		    z-index: 100;
		}
		.menu_down_center 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;
		    -webkit-flex-wrap:nowrap;
		    flex-wrap:nowrap;
		    -webkit-justify-content:space-between;
		    justify-content:space-between;
		}
		.menu_down_center ul li{
		    float: left;
		}
		.menu_down_center ul li span{
		    display: block;
		    font-size: 15px;
		    padding-bottom: 12px;
		    color: #333;
		}
		.menu_down_center ul li a{
		    display: block;
		    font-size: 13px;
		    line-height: 30px;
		    color: #888;
		}
		.menu_down_center ul li a:hover{
		    color: #000;
		}
		.logo{
			width: 21%;
		}
		.injoin_center{
			padding-left: 5%;
		}
		.speech_page_discribe{
			width: 92%;
		}
		.honor_list{
			width: 92%;
		}
		.staff_list{
			width: 92%;
		}
		.staff_tit span{
			font-size: 12px;
		}
		.footer{
			display: none;
		}
		.about_all{
			padding-bottom: 5%;
		}
		.about_all{
			-webkit-background-size: contain;
			background-size: contain;
		}
		.maxpic_name_top span{
			font-size: 26px;
		}
		.maxpic_name_share{
			padding:10% 0 8%;
		}
		.staff_list2{
			width: 100%;
		}
		.newslist_left{
			width: 10%;
		}
		.newslist_right{
			width: 87%;
			float: right;
			padding-left: 0;
		}
		.about_page_tit2{
			padding:2.5% 0;
		}
		.about_page_tit2 span{
			font-size: 27px;
		}
		.join_list{
			width: 92%;
		}
		.join_list ul li{
			padding:2%;
		}
		.message_in{
			width: 92%;
		}
		.buton_mes{
			width: 100%;
			padding-top: 2%;
		}
		.buton_mes a{
			width: 43%;
			margin:0 1%;
		}
		.in_about_center {
		    padding: 13% 0 9%;
		}
	}

    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 1000px) {
		.logo {
		    width: 28%;
		}
		.in_design_number{
			width: 100%;
		}
		.injoin_center{
			padding-left: 3%;
		}
		.footer{
			display: none;
		}
		.about_cribe{
			width: 100%;
			padding-bottom: 3%;
		}
		.about_pic{
			display: none;
		}
		.about_scroll{
			width: 100%;
		}
		.main2 ul li{
			width: 33%;
		}
		.digital{
			padding:1.5% 0 2.5%;
		}
		
		.culture_left{
			width: 100%;
		}
		.culture_left ul li  p{
			width: 80%;
		}
		.speech_right{
			width: auto;
			float: none;
		}
		.speech_pic{
			margin-right: 4%;
		}
		.speech_page_tit{
			width: 100%;
		}
		#timeline .timeline-item .timeline-content{
			text-align: left;
		}
		.honor_list ul li{
			width: 48%;
		}
		.honor_pic2{
			width: 85%;
		}
		.staff_tit span{
			display: none;
		}
		.staff_tit h3{
			padding-bottom: 5px;
		}
		.staff_cribe{
			font-size: 13px;
			line-height: 23px;
		}
		.speech_page_tit h3{
			font-size: 24px;
			padding-bottom: 15px;
		}
		.staff_list{
			padding-top: 2%;
		}
		.about_page_l_tit h3{
			font-size: 20px;
		}
		.about_page article{
			width: 100%;
		}
		.about_page_l_tit h3{
			padding-bottom: 14px;
		}
		.active_right2{
			width: 100%;
			padding-top: 4%;
		}
		.active_right_menu 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;
			-webkit-flex-wrap:nowrap;
			flex-wrap:nowrap;
			-webkit-justify-content: space-between;
			justify-content: space-between;
		}
		.active_right_menu ul li{
			width: 48%;
			display: inline-block;
			vertical-align: top;
			padding:0;
		}
		.active_right_menu ul li:first-child{
			border-bottom: 0;
		}
		.about_page_l_discribe{
			font-size: 13px;
		}
		.join_list ul li{
			width: 48%;
		}
		.join_jump_center{
			width: 83%;
		}
		.about_part1{
			padding-bottom: 3%;
		}
		#timeline .timeline-item{
			
		}
		.htmleaf-container{
			padding-top: 2%;
		}
		#timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before{
			border-right: 0;
		}
		#timeline .timeline-item .timeline-content h2{
			font-size: 22px;
			padding-bottom: 5px;
		}
		.timeline-content p{
			font-size: 12px;
			font-weight: normal;
			line-height: 2;
		}
		#timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before{
			margin-left: -10px;
		}
		#timeline .timeline-item .timeline-content:before{
			background:none;
		}
		.staff_list ul li{
			width: 48%;
		}
		.products_page aside{
			width: 100%;
		}
		.products_page article{
			width: 100%;
			padding-top: 3%;
		}
		.maxpic_search{
			display: none;
		}
		.maxpic{
			width: 50%;
		}
		.maxpic_name{
			width: 50%;
		}
		.common_pro_list ul li{
			width: 31%;
			margin:0 1% 2%;
		}
		.technology_pic{
			display: none;
		}
		.news_list ul li{
			padding:4% 0;
		}
		.speech_page_tit{
			width: 92%;
		}
		.address_left{
			width: 100%;
		}
		.address_right{
			width: 100%;
		}
		.addri_ewm{
			width: 23%;
		}
		.mumping_mun{
			width: 100%;
		}

    }


	@media screen and (max-width: 640px){
		.logo{
			width: 42%;
		}
		.menu{
			line-height: 38px;	
		}
		.header{
			height: 65px;
			padding:0;
		}
		.header_center{
			padding:10px 0;
		}
		.banner{
			padding-top: 65px;
		}
		.in_products_center{
			padding:2% 0;
		}
		.in_pro_tit p{
			font-size: 20px;
		}
		.in_pro_tit img{
			width: 120px;
			padding: 2.5% 0 1%;
		}
		.in_pro_tit span{
			font-size: 14px;
		}
		.in_abouttit h3{
			font-size: 24px;
		}
		.in_abouttit img{
			padding:2.5% 0;
		}
		.mumping_mun li{
			padding:0 10px;
		}
		.mumping_mun span{
			font-size: 28px;
		}
		.in_design_number img{
			width: 120px;
		}
		.mumping_mun li img{
			width: 18px;
		}
		.mumping_mun p{
			font-size: 13px;
		}
		.in_about_four{
			display: none;
		}
		.in_design_number{
			padding-bottom: 0;
		}
		.in_pro_list .swiper-pagination-bullet{
			height: 5px;
			width: 25px;
			margin:0 4px;
		}
		.in_pro_list .swiper-pagination{
			padding-top: 5%;
		}
		.in_pro_list {
		    padding: 5% 0 4%;
		}
		.inpro_left p{
			font-size: 13px;
		}
		.inpro_left span{
			font-size: 12px;
		}
		.in_abouttit span{
			font-size: 13px;
		}
		.in_about_center {
		    padding: 16% 0 9%;
		}
		.in_aboutside{
			text-align: left;
	    	padding: 4% 0 5%;
		}
		.digital {
		    padding: 0.5% 0 4%;
		}
		.injoin_center h3{
			font-size: 20px;
			padding-bottom: 13px;
		}
		.injoin_center p{
			font-size: 12px;
			line-height: 20px;
		}
		.injoin_center a {
		    line-height: 31px;
		    width: 120px;
		}
		.injoin_center a span{
			font-size: 12px;
		}
		.injoin {
		    padding: 9% 0 6%;
		}
		.copy .public_center{
			display: none;
		}
		.copy_phone{
			text-align: center;
			display: block;
			color: #ccc;
			padding:2.3% 4%;
			line-height: 2;
		}
		.innews {
		    padding: 6% 0;
		}
		.in_news_list{
			padding-top: 4%;
		}
		.copy_phone img{
			display: inline-block;
			vertical-align: middle;
		}
		.in_news_list_center .swiper-slide p {
		    padding: 4.5% 0 5%;
		}
		.injoin_center a{
			margin-top: 7%;
		}
		.in_news_list_center .swiper-slide h3{
			padding-bottom: 12px;
		}
		.public_banner{
			padding-top: 65px;
		}
		.about_page_tit h3{
			font-size: 19px;
			padding-bottom: 0;
		}
		.about_page_tit{
			padding-bottom: 0;
		}
		.about_page{
			padding-top: 5px;
		}
		.about_page_text{
			font-size: 13px;
		}
		.about_page_tit i{
			font-size: 12px;
		}
		.in_design_number2{
			display: none;
		}
		.about_part1{
			padding-bottom: 6%;
		}
		.about_join{
			padding:6% 0 9%;
		}
		.culture_left ul li  p{
			line-height: 1.8;
		}
		.culture_left ul li span{
			line-height: 1.8;
			width: 100%;
		}
		.culture_left ul li{
			padding:2% 0;
		}
		.culture_pic{
			width: 100%;
		}
		.speech_pic{
			width: 100%;
			padding-bottom: 4%;
			margin-right: 0;
			float: none;
		}
		.speech_right{
			padding:2% 0;
			font-size: 13PX;
		}
		.speech_right span{
			padding-top: 17px;
		}
		.speech_page{
			padding-top: 4%;
		}
		.speech_page_tit h3{
			padding-bottom: 11px;
		}
		.speech_page_tit h3{
			font-size: 21px;
		}
		.speech_page_discribe{
			padding-top: 3%;
		}
		#timeline .timeline-item .timeline-content{
			padding:5%;
		}
		.honor_hove i{
			display: none;
		}
		.honor_hove span{
			display: none;
		}
		.honor_hove{
			line-height: 30px;
			height: 30px;
		}
		.honor_hove p{
			font-size: 12px;
		}
		.honor_pic2{
			width: 78%;
		}
		.honor_pic2 i{
			right:-10%;
		}
		.honor_list{
			padding-top: 4%;
		}
		.staff_list ul li{
			padding:4%;
		}
		.staff_cribe{
			font-size: 12px;
			line-height: 20px;
		}
		.staff_tit h3{
			font-size: 15px;
		}
		.about_all2{
			padding-top: 65px;
		}
		.about_page_l_tit h3{
			font-size: 18px;
		}
		.about_page_l_tit h3{
			padding-bottom: 11px;
		}
		.about_page{
			padding-top: 10px;
		}
		.about_page_l_discribe{
			line-height: 2.2;
		}
		.active_detail_top{
			padding-bottom: 4%;
		}
		.active_right2{
			padding-top: 7%;
		}
		.active_right_menu {
			padding:4%;
		}
		.active_right_menu ul li a b{
			font-size: 15px;
		}
		.active_right_menu ul li a p{
			font-size: 12px;
		}
		.active_right_menu ul li a span{
			padding:10px 0 6px;
		}
		.products_page{
			padding-top: 4%;
		}
		.products_page aside ul li span{
			font-size: 13px;
		}
		.products_page aside ul li{
		    padding: 9px 11px 10px 11px;
		}
		.products_page aside{
			padding:20px 0;
		}
		.products_page article li{
			width: 48%;
		}
		.products_page article li{
			padding: 2% 2% 3%;
		}
		.maxpic{
			width: 100%;
		}
		.maxpic_name{
			width: 100%;
		}
		.maxpic_name_top span{
			font-size: 23px;
		}
		.maxpic_name_top em{
			font-size: 14px;
		}
		.maxpic_name_share{
			padding:5% 0 10%;
		}
		.maxpic_name_bun{
			text-align: center;
		}
		.maxpic_name_bun a.licon{
			width: 30%;
			line-height: 30px;
		}
		.maxpic_name_bun a.men{
			line-height: 30px;
			margin:0 6%;
		}
		.maxpic_name_bun a.licon i{
			font-size: 18px;
		}
		.maxpic_name_bun a.men i{
			font-size: 18px;
		}
		.proinfo_side{
			margin-top: 0;
			padding-top: 4%;
		}
		.proinfo_side span{
			width: 120px;
			line-height: 33px;
			font-size: 15px;
		}
		.common_pro_list ul li{
			width: 48%;
		}
		.common_pro_list{
			padding-top: 3.5%;
		}
		.common_pro{
			padding-top: 3%;
		}
		.about_page_tit2 span{
			font-size: 22px;
		}
		.about_page_tit2 img{
			width: 50px;
		}
		.staff_list{
			padding-top: 3.5%;
		}
		.newslist_left{
			display: none;
		}
		.newslist_right{
			width: 100%;
		}
		.newslirig_tit h3{
			padding-bottom: 8px;
		}
		.newslirig_mid{
			padding:3.5% 0 0;
		}
		.more{
			line-height: 2.2;
		}
		.more span{
			font-size: 12px;
		}
		.join_list ul li{
			width: 100%;
		}
		.jomp_centit{
			display: none;
		}
		.jomp_discribe{
			padding:2% 0;
		}
		.jomp_discribe_in{
			height: 300px;
			font-size: 13px;
			overflow-y: scroll;
			padding-top: 3px;
		}
		.tip{
			margin:7% auto;
			width: 120px;
			line-height: 2.5;
		}
		.tip a{
			font-size: 12px;
		}
		.join_list ul li{
			padding:2% 4% 4%;
		}
		.join_bot h3{
			padding:5.5% 0 2%;
		}
		.join_top h3{
			padding:4% 0 2%;
			font-size: 18px;
		}
		.join_jump_center{
		    margin: 20% auto;
		}
		.close{
			right: 0%;
    		top: -12%;
		}
		.close i{
			font-size: 26px;
		}
		.speech_page_tit p{
			font-size: 12px;
			line-height: 20px;
		}
		.join_list{
			padding-top: 5%;
		}
		.address_left{
			padding:6%;
		}
		.address_left_in h3{
			font-size: 19px;
		}
		.addri_ewm{
			padding-left: 5%;
		}
		.address_right{
			padding:4%;
		}
		.message_list ul li{
			width: 100%;
			margin-right: 0;
			padding:8px 11px;
		}
		.message_tit h3{
			font-size: 22px;
			padding-bottom: 8px;
		}
		.message_tit p{
			line-height: 20px;
			font-size: 13px;
		}
		.message_list ul li.textz{
			width: 100%;
		}
		.message_list ul li.codein input{
			width: 30%;
		}
		.message_list ul li.codein{
			margin:2% 0;
		}
		.codein a{
			line-height: 40px;
		}
		.buton_mes{
			padding-top: 5%;
		}
		.about_all{
			/*padding-bottom: 0;*/
		}
		.message {
		    padding: 7% 0 5%;
		}
		.contact_page {
			padding-top: 4%;
		}
		.map {
		    padding: 3% 0 4%;
		}
		.buton_mes a{
			font-size: 13px;
			margin:0;
			width: 49%;
		}
		.menu_down2{
		    position: absolute;
		    left:0;
		    top:100%;
		    z-index: 99;
		    width: 100%;
		    background:rgba(255,255,255,1);
		    padding: 2.5% 0 1.5%;
		    /*display: none;*/
		    border-top: 1px solid #ccc;
		    z-index: 100;
		}
		.menu_down_center2{
			padding:1% 0 2%;
		}
		.menu_down_center2 ul li{
			text-align: center;
		}
		.menu_down_center2 ul li a{
			display: block;
			font-size: 16px;
			line-height: 2.4;
			color: #333;
		}
		.nave_phone{
			display: none;
		}
		.menu_down_center2 ul li .nave_phone a{
			line-height: 2.2;
			font-size: 14px;
			color: #999;
		}
		#timeline .timeline-item .timeline-content h2{
			font-size:20px;
		}
		#timeline{
			margin:0 20px;
		}
	}