/** header **/
#top_line_bj{ height: 35px; background: #f5f5f5; width: 100%;}
#top_line{ width: 1200px; height: 35px; line-height: 35px; color: #5e5e5e;margin: 0 auto;color: #666; font-size: 14px;}
#top_line .right a{ padding: 0 10px;color: #666; font-size: 14px;}

#he_index{width: 100%;height:110px;background: url(../images/he_01_bg.png) repeat-x;margin:0 auto;}
#top_index{ width:1200px; height:110px;margin: 0 auto;}
#logo{ float:left; padding:20px 0 0;}
#top_tel{ float: right; color: #3e3e3e; font-size: 18px; margin-top: 30px; text-align:right;}
#top_tel span{ color:#db0000; font-size:24px; font-weight:bold;}
#nav_bj{ width: 100%; height: 55px; background: #db0000;}
#nav{ width:1200px; height:55px;margin: 0 auto;}
#nav a{ display:block; float:left; background:url(../Image/nav_line.png) no-repeat right center; width:133px; font-size: 16px; height:55px; line-height:55px; text-align:center; color:#fff; transition:0.3s all 0s linear;}
#nav a:hover{  background:url(../Image/nav_line.png) no-repeat right center #19181d;}


@media(max-width:1024px)
{
	
	#top_line, #top_index{width:100%;}
	#logo{width:70%;}
	#logo img{width:100%;}
	#top_tel{padding-right: 1%;}
	#nav{width:100%;}
	#nav a{width:11%;}

}
@media(max-width:768px)
{
	#top_line{padding-left:3px;}
	#top_tel span{font-size: 1em;}
	#he_index{background-size: 100% 100%;}
	#he_index, #top_index{height: 90px;}
}
@media(max-width:640px)
{
	#logo{float:none;}
	#nav_bj{height: 91px;}
	#nav a{width:25%;height: 46px;line-height: 46px;box-sizing: border-box;border: 1px solid;}
	#nav a:nth-child(7){display:none !important;}
	#he_index{height: 60px;}
	#top_line .right, #top_line a{display:none;}
	#logo{width:100%;padding: 10px 0;}
	#top_tel{display:none;}
	#top_index{height: 60px;line-height:60px;}
}