/*手机*/  
@media screen and (max-width:767px){
	body{position:relative;}
	.tem_inner{width:auto}
	.tem_hotline{
		display:inline-block;
	}
	.tem_top{
		height:auto;
		text-align:center;
	}
	.tem_top h2{display:none;}
	.tem_head{min-height:70px;}
	.tem_head h1, .tem_head h2{
		width:80%;
		margin-left:10px;
	}
	.tem_head h1 img, .tem_head h2 img{max-width:100%;}
	.nav_bar{
		position:absolute;
		top:25px;right:10px;
		width:30px;
		padding:3px 0;
		border-top:5px solid #111;
		border-bottom:5px solid #111;
		z-index:100;
	}
	.nav_bar .line{
		height:5px;
		background:#111;
	}
	.mo_nav{
		background-color: rgba(0, 0, 0, 0.9);
		width: 100%;
		padding: 30px 0;
	}
	.mo_nav a{    
		display: inline-block;
		line-height: 50px;
		text-decoration: none;
		width: 80%;
		margin-left: 10%;
		color: #FFFFFF;
		border-bottom: solid 1px rgba(255, 255, 255, 0.3);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		font-weight: 300;
	}
	.mo_nav a{
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: returnToNormal;
		animation-name: returnToNormal;
	}
			
	@-webkit-keyframes returnToNormal {
	  0% {
	    opacity: 0;
	    -webkit-transform: translate3d(0, -100%, 0);
	            transform: translate3d(0, -100%, 0);
	  }

	  100% {
	    opacity: 1;
	    -webkit-transform: none;
	            transform: none;
	  }
	}

	@keyframes returnToNormal {
	  0% {
	    opacity: 0;
	    -webkit-transform: translate3d(0, -100%, 0);
	            transform: translate3d(0, -100%, 0);
	  }

	  100% {
	    opacity: 1;
	    -webkit-transform: none;
	            transform: none;
	  }
	}

	.pc_nav{display:none;}

	.tem_banner .flash img{width:100%;}
	.met_section{width:auto;padding:0;}
	.met_section aside{float:none;width:auto;}
	.met_section aside section{border:0 none;}
	.met_section aside section h2{height:40px;line-height:40px;padding:0 10px;}
	.met_section aside .met_aside_list{padding:5px 0;}
	.met_section aside .met_aside_list dl{display:inline-block;}
	.met_section aside .met_aside{border-bottom:1px solid #ccc;}
	.met_section aside .met_aside dl dt{height:30px;line-height:30px;display:inline-block;}
	.met_section aside .met_aside dl dd{display:none;}
	.met_section article{float:none;margin:0;}
	.met_section article .met_article{margin:0;}
	.met_article_head, .met_section_head, .met_related{display:none;}
	.met_module2 h1.met_title{text-align:center;}
	.met_module2 .met_infos{margin-bottom:10px;text-align:center;}
	.met_tools .met_page{position:static;margin-bottom:10px;}
	.met_tools .met_page li{margin-left:0;display:block;text-align:left;line-height:1.5;}
	.met_tools{height:auto;}

	.tem_products_list{padding:20px 0;}
	.tem_products_list li{width:49%;display:inline-block;text-align:center;}
	.tem_products_list li img{width:100%;border:1px solid #ccc;}
	.tem_products_list li h2{line-height:2;}

	#showproduct dl.pshow dt{float:none;}
	#showproduct dl.pshow dd{float:none;width:auto;}


	.tem_about_title span, .tem_product_title span{padding:5px 0;}
	.tem_about_title p, .tem_product_title p{width:80%;margin:0 auto;}

	.tem_index_product{padding:20px 0;}
	.tem_index_product ul li{float:none;overflow:hidden;margin-right:0;margin:5px;text-align:center;}

	.tem_index_about_cont{
		padding:15px;
	}
	.tem_index_about_txt .met_editor h2{font-size:20px;}
	.tem_index_about_txt .met_editor p{line-height:2;text-align:justify;}
	
	.tem_index_about_more a{margin-top:10px;display:block;text-align:center;}
	.tem_index_about_img img{padding:0;max-width:100%;}

	
	.tem_index_timeline{		
		border-bottom:1px solid #ccc;
	}
	.tem_index_timeline li{
		display:inline-block;
		width:49.5%;
		padding:20px 0;
	}	
	.tem_index_timeline li:first-child{
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}
	.tem_index_timeline li:last-child{
		margin-top:-1px;
		border-top:1px solid #ccc;
		border-left:1px solid #ccc;
	}

	.tem_index_news{padding:20px 0;}
	.tem_news_title{
		margin:0 10px 10px;
	}
	.tem_index_imgnews{
		margin-bottom:20px;
	}
	.tem_index_imgnews img{
		max-width:100%;
	}
	.tem_index_imgnews .title{
		width:100%;
	}
	.tem_index_imgnews .title div{
		padding:10px;
	}
	
	.tem_index_news_tab{text-align:center;}
	.tem_index_news_tab li{display:inline-block;padding:5px 10px;}

	
	.tem_index_newslist li{padding:0 10px;}
	.tem_index_news_headline{padding-bottom:30px;}
	.tem_index_footer{padding:20px 10px}
	.tem_index_footer_contact{margin-bottom:10px;border-bottom:1px solid #ccc;}
	.tem_index_footer_col .col{
		display:inline-block;
		width:24%;
		vertical-align:top;
	}
	.tem_index_footer_wx{display:none;}
}  
/*平板*/  
@media screen and (min-width:768px) and (max-width:991px){  
}  
/*PC*/  
@media screen and (min-width:992px){  
	.tem_hotline{
		position: absolute;
		right: 0;
		top: 0;
	}
	.tem_head{min-height:100px;}
	.pc_nav{display:block;}

	
	.tem_about_title span:before, .tem_about_title span:after{
		content:'';
		display:inline-block;
		width:180px;height:3px;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		margin:0 20px;
		vertical-align:2px;
	}
	.tem_product_title span:before, .tem_product_title span:after{
		content:'';
		display:inline-block;
		width:180px;height:3px;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		margin:0 20px;
		vertical-align:2px;
	}
	.tem_index_product{
		height:438px;
	}
	.tem_index_about{
		height:450px;
	}
	.tem_index_about_cont{
		padding-left:110px;
		background:#cddcf0 url(../bg_index_about.jpg) no-repeat 40px 50%;
	}
	.tem_index_about_txt{
		float:left;
		width:625px;
	}
	
	.tem_index_about_img{
		float:right;overflow:hidden;
		padding:10px;
	}
	.tem_index_about_more{
		position:absolute;
		bottom:10px;right:10px;
	}
	.tem_index_about_more a{display:inline-block;}
	.tem_index_timeline ul{
		height:162px;
		overflow:hidden;
	}
	.tem_index_timeline li{
		float:left;
		width:300px;
		border-left:1px solid #ccc;
		margin-left:-1px;
		padding-top:50px;
		padding-bottom:40px;
	}

	
	.tem_index_imgnews{
		float:left;
		width:488px;
	}
	.tem_index_news_tab{
		position:absolute;
		top:0;right:0;
	}
	.tem_index_news_tab li{float:left;}

	
	.tem_index_news_slides{
		float:right;
		width:670px;
	}
	.tem_index_footer{padding:40px 0 50px;}
	.tem_index_footer_contact{float:left;width:320px;}
	.tem_index_footer_col{
		float:left;
		width:680px;
	}
	.tem_index_footer_col .col{
		float:left;
		width:25%;
	}
}