@media screen and (max-width: 640px) {



	.tem_inner {
		width: 100%;
	}
	.met_section {
		width: auto;
	}

	header {
		display: none;
	}

	.header_mobile {
		width: 100%;
		display: block;
		float: left;
	}
	.logo_mobile {
		height: 60px;
		float: left;
		margin: 0 15px;
	}
	.logo_mobile img {
		height: 60px;
	}
	.menu_mobile {
		width: 25px;
		height: 25px;
		float: right;
		background: url(../images/menu.png) no-repeat center center;
		cursor: pointer;
		margin: 18px 15px 0 0;
	}

	.navbar-toggle .icon-bar {
		background: #ce9f51;
	}
	.mobile_nav {
		width: 100%;
		float: left;
		background: #141d40;
		display: none;
	}
	.mobile_nav ul {
		padding: 10px;
	}
	.mobile_nav li {
		border-bottom: 1px solid #ce9f51;
		line-height: 40px;
	}
	.mobile_nav li a {
		width: 100%;
		height: 40px;
	}

	.mobile_nav {
		display: none;
		background: #390a75;
	}
	.mobile_nav ul {
		margin: 0px;
		padding: 0 15px;
		list-style-type: none;
	}
	.mobile_nav li {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		border-bottom: 1px solid #fff;
		position: relative;
	}
	.mobile_nav ul li a {
		color: #fff;
		font-size: 14px;
		height: 38px;
		line-height: 38px;
		font-weight: bold;
	}
	.mobile_nav ul li a:hover,
	.mobile_nav ul li a:active {
		background-color: #CE240C;
	}
	.mobile_nav ul ul {
		margin: 0;
		padding: 0 10px 10px 10px;
		display: none;
	}
	.mobile_nav ul ul li {
		border-bottom: none;
		margin: 0;
		padding: 0;
	}
	.mobile_nav ul ul li a {
		padding: 0;
		padding-left: 5px;
		font-size: 14px;
		font-weight: normal;
		height: 38px;
		line-height: 38px;
	}

	.mobile_nav ul li i {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 40px;
		height: 40px;
		overflow: hidden;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.mobile_nav ul li i.touch-arrow-down {
		background-image: url(../images/touch-arrow-d.png);
		background-size: 13px
	}
	.mobile_nav ul li i.touch-arrow-up {
		background-image: url(../images/touch-arrow-u.png);
		background-size: 13px
	}















	.tem_index_about {
		padding: 15px;
	}
	.tem_index_about_cont {
		margin: 0px;
		padding: 0px;
	}
	.tem_index_about_txt {
		width: 100%;
	}
	.tem_index_about_txt .met_editor {
		padding: 0px;
	}
	.tem_index_about_img {
		width: 100%;
		height: auto;
		margin: 20px 0 0 0;
	}
	.tem_index_about_img ul {
		height: auto;
	}
	.tem_index_about_img ul img {
		height: auto;
	}
	.tem_index_about_img ol img {
		height: auto;
	}

	.met_section {
		padding: 15px;
	}
	.met_section aside {
		width: 100%;
		display: block;
	}
	.met_aside {}
	.met_section aside section h2 {
		text-align: center;
	}
	.met_section article {
		margin: 0px;
	}
	.met_section article .met_article {
		margin: 0px;
		padding: 15px 0;
	}

	.met_article_head h1 {
		text-align: center;
	}
	.met_article_head .met_position {
		display: none;
	}
	.met_module3_list ul.list_1 li {
		width: 100%;
		padding: 0px;
	}

	.met_tools {
		height: auto;
		line-height: 30px;
	}
	.met_page_next {
		float: left;
	}

	.met_module2_list {
		padding: 10px 0;
	}
	.met_module2_list h2 {
		display: block;
	}
	.met_module2_list li a {
		display: block;
	}
	.met_module2_list li span.time {
		display: none;
	}

	.tem_index_product {
		padding: 15px;
	}
	.tem_index_product ul li {
		width: 100%;
		padding: 0px;
	}
	.tem_index_more {
		width: 50%;
		padding: 0 0 10px 0;
	}

	.tem_index_news {
		padding: 15px;
	}
	.tem_index_title {
		margin: 20px auto;
	}

	.tem_index_news_tab {
		border: 0px;
		width: 100%;
	}
	.tem_index_news_tab li {
		width: 33%;
		float: left;
	}
	.tem_index_news_tab li h3 {
		border: 1px solid #8c989f;
		padding: 0px;
	}

	.tem_index_news_list {
		width: 100%;
	}
	.tem_index_news_list li {
		width: 100%;
	}
	.tem_index_news_list .tem_index_more {
		width: 50%;
		padding: 20px 0 0 0;
	}

	.tem_index_footer {
		padding: 15px;
	}
	.tem_index_footer_contact {
		width: 100%;
	}
	.tem_index_footer_attention {
		width: 100%;
	}
	.tem_index_footer_link {
		width: 100%
	}

	.tem_footer {
		padding: 15px;
	}
	.tem_footer_nav {
		width: 100%;
		position: static;
		height: auto;
		text-align: center;
		margin: auto;
	}
	.tem_footer_text {
		width: 100%;
		text-align: center;
	}







}