@media only screen and (min-width: 1201px) and (max-width: 1600px) {
	.w1500{
		width: 1200px;
	}
	nav ul li>a{
		padding: 0 30px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 1023px) {
	.w1500,
	.wp{
		width: 100%;
	}
	.header_tel{
		display: none;
	}
	.m_mune{
		display: block;
		width: 30%;
		text-align: right;
		float: right;
		padding-right: 1%;
	}
	.m_mune i{
		color: #333;
		display: inline-block;
		font-size: 30px;
		line-height: 60px;
		transition: .5s;
	}
	.m_mune.active i{
		color: #FF5400;
	}
	.logo{
		width: 50%;
		padding-left: 1%;
	}
	.logo a{
		height: 60px !important;
	}
	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;
		
	}
	nav ul li>a{
		height: 0;
		line-height: 48px;
		color: #fff !important;
		padding: 0;
		font-size: 15px;
		transition: .5s;
		border-bottom: 0px solid #fff;
	}
	nav.active{
		height: 100%;
	}
	nav.active ul li a{
		height: 48px;
		border-bottom: 1px solid #fff;
	}
	nav ul li>a::before,
	nav ul li .nav_box,
	.centered-btns_nav{
		display: none;
	}
	.index_top{
		padding: 20px 1%;
	}
	.index_top h5{
		font-size: 24px;
		margin-bottom: 10px;
	}
	.index_top p{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.index_top ul li:nth-child(3){
		display: none;
	}
	.index_top ul li{
		width: 25%;
	}
	.index_top ul li font{
		margin-top: 10px;
		font-size: 12px;
	}
	.index_top_ban{
		display: none;
	}
	.index_product{
		padding: 20px 1%;
		background: #f1f1f1;
	}
	.index_title{
		margin-bottom: 20px;
	}
	.index_title h5{
		font-size: 24px;
		margin-bottom: 10px;
	}
	.in_pro_main ul li{
		width: 50%;
	}
	.in_pro_info span{
		display: none;
	}
	.in_pro_info{
		padding: 10px;
	}
	.in_pro_info h5{
		font-size: 15px;
	}
	.in_pro_info p{
		font-size: 13px;
		margin: 8px 0;
	}	
	.in_pro_info font{
		width: 100%;
	}
	.index_middle{
		padding: 20px 0;
		border-bottom: 0;
	}
	.index_advan {
	    padding: 20px 0 0;
	}
	.index_reason{
		padding: 20px 0;
	}
	.index_reason h5{
		margin-bottom: 20px;
		font-size: 24px;
	}
	.index_three{
		display: none;
	}
	.index_about{
		padding: 20px 0 0;
	}
	.index_case{
		padding: 20px 0 ;
		background: #efefef;
	}
	.in_about_l{
		width: 100%;
		padding: 0 1% 15px;
	}
	.in_about_l_info{
		padding: 20px 0 5px;
		margin-bottom: 20px;
	}
	.in_about_l_info p{
		line-height: 24px;
		font-size: 14px;
		margin-bottom: 10px;
	}
	.in_about_l h4{
		padding-top: 0;
		font-size: 24px;
	}
	.in_case_box ul{
		width: 300%;
	}
	.in_case_name font{
		display: none;
	}
	.in_case_name h5{
		width: 100%;
	}
	.in_case_name{
		padding: 8px 0 ;
		margin-bottom: 8px;
	}
	.in_case_info p{
		font-size: 12px;
		line-height: 20px;
		height: 40px;
	}
	.in_case_box ul li{
		padding: 8px;
	}
	.index_news{
		padding: 20px 1%;
	}
	.in_news_title_l{
		margin-bottom: 15px;
	}
	.suspend,
	.in_case_btn{
		display: none;
	}
	.in_news_list ul li:nth-child(odd){
		margin-right: 0;
	}
	.in_news_list ul li{
		width: 100%;
		margin-top: 0;
		margin-bottom: 8px;
	}
	.in_news_title_r{
		width: 100%;
	}
	.in_news_title_r ul li{
		width: 25%;
		margin: 0;
	}
	.in_news_img{
		width: 50%;
	}
	.in_news_info{
		width: 50%;
		padding-left: 15px;
	}
	.in_news_info h5{
		padding: 8px 0 0;
	}
	.in_news_info font{
		padding: 8px 0;
		margin-bottom: 10px;
	}
	.in_news_title {
		margin-bottom: 15px;
	}
	footer{
		padding: 20px 1%;
	}
	.footer_img{
		display: none;
	}
	.footer_info p:first-of-type{
		display: none;
	}
	.footer_info p.links{
		display: none;
	}
	.footer_info{
		width: 100%;
	}
	.footer_info p{
		line-height: 1.46;
		margin-bottom: 5px;
	}
	body{
		padding-bottom: 50px;
		padding-top: 60px;
	}
	header{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		z-index: 999;
		background: #fff;
	}
	.m_footer{
        display: block;
        height: 50px;
        position: fixed;
        bottom: 0px;
        width: 100%;
        left: 0px;
        z-index: 999;
        background:#1d212a;
    }
    .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;
    }
	.pos{
		padding: 8px;
		overflow-x: auto;
		margin-bottom: 0;
	}
	.main{
		padding: 20px 1%;
	}
	.pos p{
		display: none;
	}
	.pos>span{
		float: left;
		max-width: 500%;
		
	}
	.main_news{
		display: none;
	}
	.main_l{
		width: 100%;
	}
	.main_category{
		padding: 5px;
	}
	.main_category_title{
		display: none;
	}
	.main_category ul li a{
		padding: 0;
		text-align: center;
	}
	.main_category ul{
		width: auto;
	}
	.main_category ul li{
		float: left;
		margin: 0 5px 0 0;
		width: 100px;
	}
	.main_r{
		width: 100%;
		padding-left: 0;
	}
	.main_category ul li:hover{
	background: none;
}
.product ul li{
	width: 48%;
	margin: 1% !important;
}
.news_img{
	display: none;
}
.news_date{
	width: 20%;
	padding: 5px 0;
}
.news_info{
	width: 80%;
	margin: 0;
	padding-left: 10px;
}
.case ul li{
	width: 48%;
	margin: 1% !important;
}
.case ul li p a{
	padding: 8px 0;
}
.page{
	padding: 8px;
}
.product_img{
	width: 100%;
	margin: 0 0 15px;
	text-align: center;
}
.product_p{
	width: 100%;
	padding-left: 0;
}
.product_content_title{
	margin: 10px 0;
	background: #FF5400;
	font-size: 16px;
	line-height: 36px;
	letter-spacing: 1;
}
.product_content *{
	padding: 0 1%;
}
.product_content .bdshare-button-style1-16 a, .product_content .bdshare-button-style1-16 .bds_more{
	padding-left: 15px !important;
}
.function{
	margin-top: 10px;
}
.article_title{
	font-size: 16px;
	padding: 0 0 10px;
}
.article_date{
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.conten_article_other ul li a{
	width: 70%;
}
.conten_article_other ul li font{
	width: 30%;
}
.article_date span{
	font-size: 12px;
}

}

@media only screen and (min-width: 320px) and (max-width: 325px) {
	
	.in_news_info p{
		height: 40px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	.wp,
	.w1500{
		width: 970px;
	}
	.in_case_btn{
		display: none;
	}
	nav ul li>a{
		padding: 0 20px;
	}
	.in_pro_info span{
		width: 108px;
	}
	.in_about_l{
		width: 470px;
		margin-right: 30px;
	}
	.in_about_l_info p{
		font-size: 15px;
	}
	.in_about_l h5{
		font-size: 13px;
	}
	.in_about_l_info{
		padding: 30px 0;
	}
	.in_news_list ul li{
		width: 470px;
	}
	.in_news_list ul li:nth-child(odd){
		margin-right: 30px;
	}
	.in_news_img{
		width: 240px;
	}
	.in_news_info{
		width: 220px;
	}
	.in_about_r{
		width: 470px;
	}
}