﻿@media screen and (max-width: 1000px) {
	.memberPage .right_block {
		padding-left: 280px;
		padding-right: 50px;
	}
	
}

@media screen and (max-width: 768px) {
	.logo {
		display:none;
	}
	.left_fb_block {
		padding: 15px 30px;
	}
	body.open {
		overflow:hidden;
	}
	#wrapper {
		margin:0;
		padding:0;
		overflow:hidden;
		transition: 0.4s;
		padding-top:45px;
	}
	#wrapper.open {
		margin-left:230px;
	}
	#wrapper.open:before {
	}
	.main {
		padding:0;
		overflow:hidden;
	}
	.cover {
		position: fixed;
		top:0;
		left:0;
		width:100vw;
		height:100vh;
		background: rgba(0, 0, 0, 0.2);
		z-index:9995;
	}
	.cover.open {
		display:block;
	}
	/*header*/
	header {
		position:fixed;
		top:0;
		left:0;
		z-index:9999;
	}
	.menu-icon {
		display: block;
		float: right;
		padding:0 5px;
		background: #014DA1;
		border-top: #0b5fbb 1px solid;
		border-left: #0b5fbb 1px solid;
	}
	.logo_m {
		/*display: block;*/
		height:46px;
		float: left;
	}
	.logo_m img {
		max-height:100%;
	}
	.top_link li span.zh {
		display:none;
	}
	.top_link ul li a {
		height:45px;
		line-height: 37px;
		font-size: 23px;
	}
	.top_link ul > li:hover ul {
		visibility: hidden;
		opacity: 0;
	}
	.top_link li.user_name {
		padding-top:12px;
	}
	
	/*main*/
	.left_block {
		position: fixed;
		height: 100%;
		background: #2F363F;
		left:-240px;
		transition: 0.4s;
		z-index: 9999;
		padding-bottom: 105px;
		overflow-y: auto;
    	overflow-x: hidden;
	}
	.left_block.open, .left_block.open .left_link {
		left:0;
	}
	.menu_title {
		display:block;
		color: #0D6CD4;
		font-size: 15px;
		padding:5px;
		text-align:center;
		background: #3A424C;
	}
	nav.nav li.menu_title:after {
		border:none;
	}
	nav.nav {
		position:relative;
		overflow: auto;
		/*height: 100%;*/
		padding-bottom: 0;
		border-bottom:none;
	}
	.left_link {
		position: fixed;
    	width: 230px;
		bottom: 0;
		margin-bottom: 0;
		border-top: #014da2 4px solid;
		transition: 0.4s;
		left:-240px;
	}
	.left_link li {
		width:100%;
	}
	.left_link li span {
		display:inline-block;
		margin-left:5px;
	}
	.right_block {
		margin:0;
		padding:0;
	}
	.aboutPage .right_block, .productPage .right_block, .contactPage .right_block, .memberPage .right_block {
		padding:0 10px;
	}
	.contentBox {
		min-height:inherit;
	}
	.newsList, .proList {
		min-height: 200px;
	}
	
	/*index*/
	#index_news_block {
		padding:0 15px;
	}
	
	/*footer*/
	footer {
		margin-top: 10px;
	}
	.footer_right {
		width:60%;
	}
	.footer_nav li {
		width:50%;
	}


}


@media screen and (max-width: 480px) {
	
	/*common*/
	.w_50 {
		width:100%;
	}
	
	/*main*/
	.path {
		margin-top:65px;
	}
	.sub_banner .title .en {
		margin-left:0;
	}
	.sub_banner .title span.zh {
		display:block;
		margin-bottom:5px;
	}
	.aboutCintent img {
		width:100% !important;
		height:auto;
		margin:0;
		margin-bottom:10px;
	}
	
	/*index*/
	#index_news_block {
		padding:0;
	}
	#index_about_block li .pic, #index_about_block li .txt, .index_box li {
		width:100%;
	}
	#index_about_block li .pic a {
		background:none !important;
		height:auto !important;
	}
	#index_about_block li .pic a img {
		position:relative;
		display:block !important;
		width: 100%;
	}
	ul.tabs li a, .news_tab li a, ul.pro_tab li a {
		padding:10px 0;
	}
	#index_news_block ul.tabs li, .news_tab ul li {
		width:50%;
	}
	.newsList .newTxt, .proList .proTxt {
		padding-left:0;
	}
	.newsList time, .proList .proTxt time {
		position:relative;
	}
	.index_box {
		padding:0;
	}
	.index_box li {
		padding: 40px 20px;
	}
	.index_box li:last-child {
		background: #ecebeb;
	}
	.download_list ul > li {
		width:100%;
		margin:10px 0;
		padding: 20px;
	}
	
	/*product*/
	.proList, .proRight .produTxt {
		padding:20px;
	}
	.proRight .pro_date li span {
		display:block;
		margin-right:0;
	}
	
	/*contact*/
	.contuct {
		padding:20px;
	}
	.contuct li {
		padding-left:0;
	}
	.contuct h4 {
		position:relative;
	}
	
	/*member*/
	.member_block {
		padding:20px;
	}
	.memberinfopage div.tab_container {
		padding:20px 30px;
	}
	
	/*footer*/
	footer {
		padding:20px;
	}
	.footer_logo, .footer_right {
		width:100%;
	}
	.footer_nav {
		text-align:center;
	}
	.footer_nav li {
		width: auto;
		display: inline-block;
		float: none;
		margin: 5px 3px;
	}
	.footer_nav li a {
		display:block;
		text-align:left;
	}
	.footer_txt {
		text-align:center;
	}

}