.m_mune,
.m_footer,
.m_logo{
	display: none;
}


@media only screen and (min-width: 320px) and (max-width: 1023px) {
	.container{
		width: 100%;
	}	
	.top,
	header .left .info,
	header .right{
		display: none;
	}
	header{
		padding: 5px 1%;
		position: fixed;
		background: #fff;
		width: 100%;
		height: 60px;
		left: 0;
		top: 0;
		z-index: 999;
	}
	.m_mune{
		display: block;
		width: 30%;
		text-align: right;
		float: right;
		padding-right: 10px;
	}
        header .logo img {
        width: 80px
    }

	.m_mune i{
		color: #000;
		display: inline-block;
		font-size: 30px;
		line-height: 50px;
		transition: .5s;
	}
	.m_mune.active i{
		transform: rotateZ(720deg);
	}
	nav{
		position: fixed;
		width: 100%;
		height: 0;
		background: rgba(0,0,0,.6);
		top: 60px;
		z-index: 998;
		transition: .8s;
	}
	nav ul li{
		display: block;
		float: none;
		width: 100%;
	}
	nav ul li>a{
		height: 0;
		line-height: 48px;
		color: #fff !important;
		padding: 0;
		font-size: 15px;
		overflow: hidden;
		transition: .5s;
		display: block;
		float: none;
		text-align: center;
		border-bottom: 0px solid #fff;
	}
	nav ul li.active a, nav ul li:hover a{
		background: none;
	}
	nav.active{
		height: 100%;
	}
	nav.active ul li a{
		height: 48px;
		border-bottom: 1px solid #fff;
	}
	.centered-btns_nav{
		display: none;
	}
	.index_hz{
		padding: 20px 1%;
		background: #f1f1f1;
	}
	.index_product{
		padding: 20px 1%;
	}
	.index_product .pro_left{
		display: none;
	}
	.index_product .pro_right{
		width: 100%;
	}
	.index_product .pro_right ul li{
		width: 48%;
		margin: 1% !important;
	}
	.index_hz .title h5{
		font-size: 24px;
		line-height: 36px;
	}
	.index_hz .box ul li p{
		padding-bottom: 0;
	}
	.index_hz .title p{
		font-size: 13px;
		line-height: 25px;
	}
	.title::before{
		display: none;
	}
	.index_hz .title,
	.title{
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.module2{
		display: none;
	}
	.index_fen{
		display: none;
	}
	.index_solu{
		padding: 20px 1%;
	}
	.title .left a font,
	.module4{
		display: none;
	}
	.in_solu_main ul li{
		width: 48%;
		display: none;
		margin: 1% !important;
	}
	.in_solu_main ul li:nth-child(1),
	.in_solu_main ul li:nth-child(2),
	.in_solu_main ul li:nth-child(3),
	.in_solu_main ul li:nth-child(4){
		display: block;
	}
	.in_solu_main ul li p{
		padding: 3px 0;
	}
	.index_case{
		padding: 20px 1%;
	}
	.in_case_main ul li{
		width: 100%;
		margin: 0 0 5px !important;
	}
	.in_case_main ul li .img{
		width: 185px;
	}
	.in_case_main ul li .info{
		padding: 5px 5px 5px 200px;
	}
	.in_case_main ul li .info h5{
		font-size: 14px;
	}
	.in_case_main ul li .info p{
		font-size: 12px;
		line-height: 20px;
		margin: 4px 0;
		height: 60px;
	}
	.index_news{
		padding: 20px 1%;
		background: #fff;
	}
	.in_news_left{
		width: 100%;
		margin-bottom: 15px;
	}
	.in_news_left .box ul li .img{
		width: 175px;
	}
	.in_news_left .box ul li .info{
		padding: 0 0 0 185px;
	}
	.in_news_left .box ul li .info h5{
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.in_news_left .box ul li .info p{
		font-size: 12px;
		line-height: 20px;
		height: 80px;
		overflow: hidden;
	}
	.in_news_right{
		width: 100%;
	}
	.in_news_right .box ul li{
		padding: 5px 0;
	}
	.in_news_right .box ul li p{
		padding-top: 5px;
	}
	.index_about{
		padding: 20px 1%;
	}
	.in_about_left{
		width: 100%;
		margin-right: 0;
	}
	.in_about_right{
		width: 100%;
	}
	.in_about_left .box .img{
		display: none;
	}
	.in_about_left .box .info{
		padding-left: 0;
	}
	.index_honor{
		display: none;
	}
	.index_news1{
		background: #fff;
		padding: 20px 1%;
	}
	.index_news1 .container,
	.index_news1 .box{
		padding: 0;
		background: #fff;
	}
	.index_news1 .box .list{
		width: 100%;
		padding: 0;
	}
	.index_news1 .box .list:nth-child(2){
		padding: 10px 0;
	}
	.izl-rmenu{
		padding-bottom: 0;
		bottom: 50px;
	}
	.izl-rmenu a.btn-qq,
	.izl-rmenu .btn-wx,
	.izl-rmenu .btn-phone{
		display: none;
	}	
	.izl-rmenu .btns{
	    width: 40px;
	    height: 40px;
	    background-position: center !important; 
	    background-size: 40px !important;
	}
	.footer_nav,
	.links,
	.in_about_right{
		display: none;
	}
	footer{
		padding: 20px 1%;
		background: #000;
	}
	footer .left{
		width: 100%;
		text-align: left;
	}
	footer .center{
		display: none;
	}
	footer .right{
		width: 100%;
	}
	body{
		padding: 60px 0 50px;
	}
	.m_footer{
        display: block;
        height: 50px;
        position: fixed;
        bottom: 0px;
        width: 100%;
        left: 0px;
        z-index: 999;
        background:#000;
        border-top: 1px solid #fff;
    }
    .m_foot_btn {
        width: 20%;
        float: left;
        height: 50px;
        display: block;
        text-align: center;
        border-right: 1px solid #fff;
    }
     .m_foot_btn:last-of-type{
     	border-right: 0;
     }
    .m_foot_btn i {
        color: #fff;
        display: block;
    	font-size: 24px;
    	line-height: 32px;
    }
    .m_foot_btn span {
        display: block;
        text-align: center;
        color: #fff;
        font-size: 12px;
    }
    .main{
    	padding: 0 1% 15px;
    }
    .pos{
    	padding: 10px 1%;
    	margin-bottom: 15px;
    }
    .pos .fl{
    	display: none;
    }
    .pos .fr{
    	padding-left: 20px;
    	float: none;
    	text-align: left;
    }
    .main .left{
    	width: 100%;
    }
    .main_category{
    	padding: 0;
    }
    .main_category ul {
    width: auto!important;
    }
    .main_category ul li a{
    	padding: 10px 15px;
    }
    .main_category h5{
    	display: none;
    }
    .main_category ul li{
    	display: inline-block;
    	margin: 5px;
    }
    .main_news,
    .main_contact{
    	display: none;
    }
    .main .right{
    	width: 100%;
    	padding-left: 0;
    	margin-top: 15px;
    }
    .product ul li{
    	width: 48%;
    	margin: 1% !important;
    }
    .product ul li p{
    	padding: 5px 0;
    }
    .case ul li{
    	width: 48%;
    	margin: 1% !important;
    }
    .case ul li p{
    	padding: 5px 0;
    }
    .info_product .img{
    	width: 100%;
    }
 	.info_product .info{
 		width: 100%;
 		padding-left: 0;
 		padding-top: 15px;
 	}   
 	.solu ul li .img{
    	width: 150px;
    }
    .solu ul li .info{
    	padding-left: 160px;
    }
    .solu ul li .info h5 a{
    	font-size: 15px;
    	padding: 0;
    	margin-bottom: 8px;
    }
    .solu ul li .info p{
    	font-size: 13px;
    	height: 40px;
    	line-height: 20px;
    	overflow: hidden;
    }
    .solu ul li .info span{
    	margin-top: 8px;
    }
    .solu ul li .info span a{
    	width: 48%;
    	font-size: 12px;
    	height: 24px;
    	line-height: 24px;
    	
    }
    .about ul li{
    	width: 48%;
    	margin: 1% !important;
    }
    .nav_box,
    .choose,
    .index_advan{
    	display: none;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	.container{
		width: 970px;
	}
	.index_product .pro_right{
		width: 770px;
	}
	.choose,
	.index_advan{
		display: none;
	}
	
	.index_product .pro_left{
		width: 180px;
	}
	.in_news_left,
	.in_about_left{
		width: 600px;
	}
	.in_news_right,
	.in_about_right{
		width: 325px;
	}	
	.index_honor .in_box_main{
		width: 970px;
	}
	.index_honor .in_box_btn,
	.in_about_right .in_box_btn{
		display: none;
	}
	.footer_nav .list{
		width: 160px;
	}
}