.m_mune,
.m_footer{
	display: none;
}
.navbar-brand{
	display: none !important;
}
.m_main_category{
	display: none;
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
	.container{
		width: 100%;
	}
	
	.navbar-brand{
		display: block !important;
	}
	.mip-nav-wrapper{
		background: #fff;
	}
	header{
		display: none;
	}
	.main{
		margin: 0;
		padding: 15px 1%;
	}
	.left{
		width: 100%;
		margin-right: 0;
	}
	.main_category .title,
	.header_meta,
	.suspend,
	.left_contact,
	.left_news,
	.left .title{
		display: none;
	}
	.main_category{
		padding: 5px;
		border: 1px solid #D2D2D2;
		overflow-x: auto;
	}
	.main_category ul{
		display: none;
	}
	.m_main_category{
		display: block;
	}
	 .m_main_category a {
        display: block;
        border: 1px solid #ccc;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        margin-right: 20px;
        border-radius: 5px;
        white-space: nowrap;
    }
    .item_li a{
    	background: #186ABC;
    	border: 1px solid #186ABC;
    	color: #fff;
    }
    .m_main_category [data-item]:last-child a {
        margin-right: 0;
    }
	.main_category ul li>a{
    padding: 8px 10px;
		text-align: center;
		float: left;
		width: 120px;
		font-size: 12px;
		margin: 0 5px 0 0;
		background: #186ABC;
		border-radius: 0;
	}
	.main_category ul li .main_category_box{
		float: left;
	}
	.main_category ul li .main_category_box a{
		float: left;
		font-size: 12px;
	}
	.right{
		width: 100%;
	}
	.pos{
		padding: 5px;
		margin: 15px 0;
	}
	.index_product{
		padding: 0;
		border: 0;
	}
	.index_product ul li{
		width: 48%;
		margin: 1% !important;
	}
	.main_category ul li{
		margin-bottom: 0;
		float: left;
	}
	.pos img{
		display: none;
	}
	.info_product .img{
		width: 100%;
		margin-bottom: 15px;
	}
	.info_product .info{
		width: 100%;
		padding-left: 0;
	}
	.info_product{
		padding: 0;
	}
	header{
		padding: 5px 1%;
		position: fixed;
		z-index: 999;
		width: 100%;
		background: #fff;
		height: 63px;
		top: 0;
		left: 0;
		
	}
	header .info,
	header .img,
	.centered-btns_nav{
		display: none;
	}
.logo h1{
	font-size: 0;
}
	.m_mune{
		display: block;
		width: 30%;
		text-align: right;
		float: right;
		padding-right: 1%;
	}
	.m_mune i{
		color: #186ABC;
		display: inline-block;
		font-size: 30px;
		line-height: 53px;
		transition: .5s;
	}
	.m_mune.active i{
		transform: rotateZ(720deg);
	}
	body{
		padding: 0 0 50px;
	}
	.mip-nav-wrapper .navbar-brand{
		line-height: 44px;
	}
	nav{
		position: fixed;
		background-color: rgba(0,0,0,.68) !important;
		left: 0;
		top: 50px;
		width: 100%;
		height: 0;
		overflow: hidden;
		z-index: 999;
		transition: .5s all ease-in;
	}
	nav ul li{
		display: block;
		float: none;
	}
	nav ul li a{
		padding: 0;
		font-size: 15px;
		transition: .5s;
		text-align: center;
		display: block;
		line-height: 48px;
	}	
	nav.active{
		height: 100%;
	}
	nav.active ul li a{
		border-bottom: 1px solid #fff;
	}
	.index_box{
		padding: 15px 1%;
	}
	.index_box .left,
	.links{
		display: none;
	}
	.index_about .img{
		display: none;
	}
	.index_about .info{
		width: 100%;
		padding-left: 0;
	}
	.index_news ul li{
		width: 100%;
	}
	.index_news ul li:nth-child(odd){
		margin-right: 0;
	}
	.index_news ul li a{
		width: 75%;
	}
	.index_news ul li font{
		width: 25%;
	}
	.right .title{
		margin-bottom: 10px;
	}
	footer{
		padding: 15px 1%;
	}
	footer .info{
		width: 100%;
	}
	footer .img{
		display: none;
	}
	footer .info p{
		margin-top: 0;
		margin-bottom: 8px;
	}
	footer .info font{
		display: block;
		margin-bottom: 8px;
	}
	.footer .info p font:last-of-type{
		margin-bottom: 0;
	}
	.m_footer{
        display: block;
        height: 50px;
        position: fixed;
        bottom: 0px;
        border-top: 1px solid #fff;
        width: 100%;
        left: 0px;
        z-index: 999;
        background:#186ABC;
    }
    .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;
    }
    .case_list ul li{
    	width: 48%;
    	margin: 1% !important;
    }
    .news_list ul li .info{
    	padding-left: 90px;
    }
    .page{
    	word-break: break-word;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	.container{
		width: 970px;
	}
	.index_news ul li a{
		width: 75%;
	}
	.index_news ul li font{
		width: 25%;
	}
}