@media ( min-width:414px) and ( max-width:767px) {
	html {
		width: 100%;
		height: 100%;
		font-size: 62.5%;
		/* 10÷16=62.5% */
	}
	body {
		font-size: 14px;
		font-size: 1.4rem;
		/* 12÷10=1.2 */
	}
	.container {
		margin-right: auto;
		margin-left: auto;
		width: 90%;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	} 
}

@media ( min-width:333px) and ( max-width:550px) {
	.menus .Htel{
	 	display: none;
	}
}

@media ( min-width:551px) and ( max-width:650px) {}



@media ( min-width:600px) and ( max-width:767px) {}

@media ( max-width:600px) {
	 
}

@media ( max-width:767px) {   
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 8px;
	} 
	.menus{
		padding: 14px 0;
	}
	.menus .Logo{ 
		width: 32%;
	}
	.menus .head-ss{
		width: 25px;
		background-size: 100%;
		margin-top: 10px;
		margin-right: 10px;
	}
	.menus .head-ss:hover{
		background-size: 100%;
	}
	.foot{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	} 
	.menus .language-warp{
		display: none;
	}
	.menus .webLink{
		display: none;
	}
	footer{
		display: none;
	}
	.footH{
		height: 50px;
	}
	
	 
}
@media(max-width:640px){
	.submain{
		margin: 10px auto;
	}
	.sub-left .h1{
		font-size: 16px;
		display: none;
	}
	.sub-left,
	.sub-right{
		width: 100%;
	}
	.sub-left img{
		display: none;
	}
	.sub-left .class{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin-bottom: 10px;
	}
	.sub-left .class a{
		padding-left: 0;
		width: 25%;
		background-size: 6px auto;
		padding-left: 3px;
		line-height: 35px;
		height: 35px;
		margin-bottom: 2px;
	}
	.sub-left .class a.on,
	.sub-left .class a:hover{
		background-size: 6px auto;
		border-radius: 1px;
		background-color: rgba(24,121,189,0.8);
	}
	.sub-about-content .row .item{
		padding: 15px 0;
		width:50%;
	}
	.sub-about-content .row .item .data{
		font-size:44px;
	}
	.sub-about-content{
		padding-top: 15px;
	}
	.advantage-item .top h2{
		font-size: 40px;
	}
	.advantage-item .top span{
		padding-top: 10px;
	}
	.advantage-item .top h2{
		background-size: 30% auto;
		padding-right: 40px;
	}
	.sub-right .loacal-nav h2{
		display: none;
	}
	.honor{
		margin-top: 15px;
	}
	.honor .row{
		margin-left: 5px;
		margin-right: 5px;
	}
	.honor .row .p9{
		padding: 0 5px;
	}
	.history{
		margin-top: 20px;
	}
	.history .items{
		width: 39%;
		padding: 10px 6px;
	}
	.history .items h2{
		font-size: 20px;
	}
	.history .items p{
		font-size: 13px;
	}
	.page{
		padding: 20px 0;
		font-size: 12px;
	}
	.application .top-content .middle{
		height: 150px;
	}
	.application .top-content a.prev{
		height: 60px;
		line-height: 60px;
	}
	.application .top-content{
		margin: 20px 0 10px 0;
	}
	.application .top-content .middle img{
		width: 50px;
	}
	.application .top-content .middle h2{
		font-size: 30px;
		line-height: 50px;
	}
	.application .top-content .middle h3{
		margin-top: 0;
		font-size: 15px;
	}
	.application .top-content .middle p{
		padding-top: 0;
	}
	.application .row{
		margin-top: 15px;
	}
	.equipment{
		margin-top: 20px;
	}
	.equipment .row{
		margin-left: -5px;
		margin-right: -5px;
	}
	.equipment .row .p9{
		padding: 0 5px;
	}
	.contact-info .p9{
		margin-bottom: 10px;
	}
	.contact-info{
		margin-top: 20px;
	}
	.news a.news-item{
		background: none;
	}
	.news a.news-item .news-left h3{
		font-size: 38px;
	}
	.newsde .newsinfo h1{
		font-size: 16px;
		padding-right: 35px;
		padding-top: 15px;
		padding-bottom: 0;
		line-height: 20px;
	}
	.newsde .content{
		padding: 15px 0;
	}
	.newsde .newsinfo .pagenext{
		margin-top: 20px;
	}
	.newsde .newsinfo .pagenext img{
		width: 30%;
		max-width: 33px;
	}
	.sub-right .loacal-nav{
		height: 40px;
	}
	
}


@media(max-width:600px){
	.burger_menu{
		margin-top: 0;
	}
	.menus .head-ss{
		margin-top: 0;
	}
}