﻿/*导航菜单*/
/************************************************导航************************************************/

.test {
	
	background-color:black;
	color:black;
}


	.dh_1{ width: 100%;float: left ; margin:0px; background-color: #e70012; border:none; max-height: 60px;}
#topmenu1 {
	max-width:100%;
	margin: 0px;
	text-align: center ;
}
#topmenu1 .MainNav {
	overflow: visible;
}
#topmenu1 ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center ;
}
#topmenu1 ul li {
	float: left ;
	width: 160px; 
	height:60px;
	text-align: center; 
	line-height: 60px;
}
#topmenu1 ul li a{
	display: block ;
	width: 160px; 
	height:60px;
	color: #ffffff; 
	font-size: 16px;
	font-family: 微软雅黑;
}
#topmenu1 ul li a:focus{
	background-color: #170002;
	color: #FFFFFF; 
}
#topmenu1 ul li a:hover{
	background-color: #170002;
	color: #FFFFFF; 
}

#topmenu1 ul li ul{
	display:none;
	position: absolute;
	margin: 0 auto ;
	top:60px; 
	height:40px;
	z-index: 90;
	width: 170px; 
	height: auto;

	background-image: none;
}
#topmenu1 ul li ul li {
	width: 160px; 
	height:30px;
	text-align: center ;
	line-height: 30px;
	background-color:#170002;
	position: relative;
	background-image: none;
	border-right: none;

}
#topmenu1 ul li ul li a {
	display:block;
	width: 160px; 
	height: 30px;
	font-size: 14px;
	line-height: 30px; 
	letter-spacing: 0px;
	color: #ffffff;
	font-weight: normal;
}
#topmenu1 ul li ul li a:hover {
	color: #d20010;
	font-weight: bold;
	background-color:#ffffff;
	background-image: none;
}
.nav-height{width:100%; margin:0px;border:none;position:relative; height:54px;background-color:#fff; margin-top:30px;z-index:1}

.nav-wrap{width:100%;height:50px; margin: 0 auto ;}
.nav-wrap.navFix{position:fixed;top:0px;left: 0; box-shadow: 0 0 5px rgba(0,0,0, 0.2); background-color:#ffffff;color:#fff; border-bottom:1px solid #e3e3e3\9; z-index: 999999999;}
.nav-wrap ul.clearfix{ width: 1200px;height: 50px; margin: 0 auto; border-top: 1px #C0C0C0 solid ; }
.nav-wrap ul li{ float: left ; width: 12%;  height: 50px; line-height: 50px;text-align: center ;letter-spacing:5px;}
.nav-wrap ul li a{ float: left ; width: 100%;height: 50px;font-family: 微软雅黑;color: #000000;text-decoration : none;font-size: 18px; }
.nav-wrap ul li a:hover {
	border-bottom: 2px #CC0000 solid ; 
}

.section-content{
	width: 100%; margin-top: 20px;   
}
.zjrd_mc{
	font-size: 25px;color: #333333; font-family: 微软雅黑;letter-spacing:10px;
}
.section-content img{
text-align: center ; margin: 0 auto ;border-bottom: 1px #808080 solid ; max-width: 100%;
}
.nypath{
	width: 100%;height: 20px; line-height: 20px;
}
.nypath a{
	width: 100%;
	height: 20px;
	font-size: 12px;
	font-family: 微软雅黑;
	color: #999999; 
}
.nypath a:hover {
	color: #CC0000; 
}

@media screen and (max-width:1200px){
	.test {
	
	background-color:black;
	color:black;
}


	.dh_1{ width: 100%;float: left ; margin:0px; background-color: #e70012; border:none; max-height: 120px;}
#topmenu1 {
	max-width:100%;
	margin: 0px;
	text-align: center ;
}
#topmenu1 .MainNav {
	overflow: visible;
}
#topmenu1 ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center ;
}
#topmenu1 ul li {
	float: left ;
	width: 130px; 
	height:60px;
	text-align: center; 
	line-height: 60px;
}
#topmenu1 ul li a{
	display: block ;
	width: 130px;
	height:60px;
	color: #ffffff; 
	font-size: 16px;
	font-family: 微软雅黑;
}
#topmenu1 ul li a:focus{
	background-color: #170002;
	color: #FFFFFF; 
}
#topmenu1 ul li a:hover{
	background-color: #170002;
	color: #FFFFFF; 
}

#topmenu1 ul li ul{
	display:none;
	position: absolute;
	margin: 0 auto ;
	top:60px; 
	height:40px;
	z-index: 90;
	width: 130px;
	height: auto;

	background-image: none;
}
#topmenu1 ul li ul li {
	width: 130px;
	height:30px;
	text-align: center ;
	line-height: 30px;
	background-color:#170002;
	position: relative;
	background-image: none;
	border-right: none;

}
#topmenu1 ul li ul li a {
	display:block;
	width: 130px;
	height: 30px;
	font-size: 14px;
	line-height: 30px; 
	text-align: center;
	letter-spacing: 0px;
	color: #ffffff;
	font-weight: normal;
}
#topmenu1 ul li ul li a:hover {
	color: #d20010;
	font-weight: bold;
	background-color:#ffffff;
	background-image: none;
}

}

/*ipd*/
@media screen and (min-width: 768px) and (max-width: 959px) {
.dh_1{ width: 100%;float: left ; margin:0px; border:none; }

	#topmenu1 {
	float:left;
	width:100%; 
	font-family: 微软雅黑,Arial;
	text-align: center;
	z-index:200;}
	#topmenu1 ul li:first-child {
	display: none ;
}
#topmenu1 ul li {
	float: left;
	text-align: center;
	width:33.33%;
	}

#topmenu1 ul li ul{
	display:none;
}
#topmenu1 ul li ul li {
	display:none;
}
.nav-height{ position:relative; height: 50px;}
.nav-wrap { width: 1200px;height: 50px;background: #fff;}
.nav-wrap.navFix{position: fixed;top: 54px;left: 0;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3\9; z-index: 99999;} 
.nav-wrap ul {padding: 0;margin: 0 auto; width: 1200px; display: block; border-bottom: 2px solid #eee;}
.nav-wrap.navFix ul{ border-bottom: 0;}
.nav-wrap li { display: inline-block; text-align: left;height: 50px; line-height: 50px; float: left; width: 150px; text-align: center;}
.nav-wrap li a {display: block;padding: 0 20px;font-size:16px; color: #333; text-decoration: none;}
.nav-wrap li a:hover{color: #d70c19;}
.nav-wrap li a.active {border-bottom:2px solid #d70c19;color: #d70c19;}
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.section-content{
	width: 100%; margin-top: 20px;   
}
.zjrd_mc{
	font-size: 25px;color: #333333; font-family: 微软雅黑;letter-spacing:10px;
}
.section-content img{
text-align: center ; margin: 0 auto ;border-bottom: 1px #808080 solid ; max-width: 100%;
}
.nypath{
	width: 100%;height: 20px; line-height: 20px;
}
.nypath a{
	width: 100%;
	height: 20px;
	font-size: 12px;
	font-family: 微软雅黑;
	color: #999999; 
}
.nypath a:hover {
	color: #CC0000; 
}

}
@media screen and (max-width:768px){
.dh_1{ width: 100%;float: left ; margin:0px; border:none;max-height: 80px; }

	#topmenu1 {
	float:left;
	width:100%; 
	font-family: 微软雅黑,Arial;
	text-align: center;
	z-index:200;
}
.MainNav{
	width:100%; 
	height: auto;
}
#topmenu1 ul {
	width:100%;
	height: auto;
	background-color:blue;
	text-align: center;
}
#topmenu1 ul img{
	display:none;
} 
#topmenu1 ul li {
	float: left;
	text-align: center;
	width:33.33%;
	height:40px;
	border:1px #FFFFFF solid;
}
#topmenu1 ul li a {
	width:100%;
	height:40px;
	display:block;
	line-height:40px;
	color: #ffffff;
}
#topmenu1 li a:hover {
	font-weight: bold;
	border-style:none;
	background: url('menu_a_hover.jpg') repeat-x left top;
}
#topmenu1 ul li ul{
	display:none;
}
#topmenu1 ul li ul li {
	display:none;
}
	#topmenu1 ul li:first-child {
	display: none ;
}

}
@media screen and (max-width: 414px) {
.dh_1{ width: 100%;float: left ; margin:0px; border:none;max-height: 80px; margin-top: 15px;}
	#topmenu1 {
	float:left;
	position:relative;
	width:100%; 
	font-family: 微软雅黑,Arial;
	text-align:center;
	z-index:200;
	
}
	#topmenu1 ul li:first-child {
	display: none ;
}

.MainNav{
	width:100%; 
	height: auto;
}
#topmenu1 ul {
	width:100%;
	text-align: center;
}
#topmenu1 ul img{
	display:none;
} 
#topmenu1 ul li {
	float: left;
	text-align: center;
	width:33.33%;
	height: 40px;
	border: 1px #FFFFFF solid ; 
}
#topmenu1 ul li:first-child {
	display: none ;
}


#topmenu1 ul li a {
	width:100%;
	height:40px;
	display:block;
	line-height:40px;
	color: #ffffff;
	font-size:16px;
}
#topmenu1 li a:hover {
	font-weight: bold;
	background: url('menu_a_hover.jpg') repeat-x left top;
}
#topmenu1 ul li ul{
	display:none;
}
#topmenu1 ul li ul li {
	display:none;
}

}
/************************************************内页导航************************************************/

@media screen and (min-width:440px) and (max-width:768px) {
.nav-height {width:100%; margin:0px;border:none;position:relative; max-height:120px;background-color:#fff; margin-top:30px;z-index:1; display: none ;}
.nav-wrap{width:100%;max-height:100px; margin: 0 auto ;display: none ;}
.nav-wrap.navFix{display: none ;position:fixed;top:0px;left: 0; box-shadow: 0 0 5px rgba(0,0,0, 0.2); background-color:#ffffff;color:#fff; border-bottom:1px solid #e3e3e3\9; z-index: 999999999;}
.nav-wrap ul.clearfix{ width:100%;height: 100px; margin: 0 auto; border-top: 1px #C0C0C0 solid ; }
.nav-wrap ul li{ line-height: 50px;text-align: center ; letter-spacing:5px;}
.nav-wrap ul li a{color: #000000;text-decoration : none; }
.nav-wrap ul li a:hover {border-bottom: 2px #CC0000 solid ; }
.section-content{width: 100%;}
.section-content img{width: 100%;text-align: center ; margin: 0 auto ;}
.nypath{width: 100%;height: 20px; line-height: 20px;}
.nypath a{width: 100%;height: 20px;font-size: 12px;font-family: 微软雅黑;color: #999999; }
.nypath a:hover {color: #CC0000;}
.page_bg1{ display: none ;}


}
@media screen and (max-width: 414px) {
.nav-height {width:100%; margin:0px;border:none;position:relative; max-height:120px;background-color:#fff; margin-top:30px;z-index:1; display: none ;}
.nav-wrap{width:100%;max-height:100px; margin: 0 auto ;display: none ;}
.nav-wrap.navFix{display: none ;position:fixed;top:0px;left: 0; box-shadow: 0 0 5px rgba(0,0,0, 0.2); background-color:#ffffff;color:#fff; border-bottom:1px solid #e3e3e3\9; z-index: 999999999;}
.nav-wrap ul.clearfix{ width:100%;height: 100px; margin: 0 auto; border-top: 1px #C0C0C0 solid ; }
.nav-wrap ul li{ line-height: 50px;text-align: center ; letter-spacing:5px;}
.nav-wrap ul li a{color: #000000;text-decoration : none; }
.nav-wrap ul li a:hover {border-bottom: 2px #CC0000 solid ; }
.section-content{width: 100%;}
.section-content img{width: 100%;text-align: center ; margin: 0 auto ;}
.nypath{width: 100%;height: 20px; line-height: 20px;}
.nypath a{width: 100%;height: 20px;font-size: 12px;font-family: 微软雅黑;color: #999999; }
.nypath a:hover {color: #CC0000;}
.page_bg1{ display: none ;}


}


.mapmenu  {
	width:100%;
	float:left;
	margin-bottom:50px;
}
.mapmenu ul {
	float:left;
	width:100%;
	height: auto;
}
.mapmenu ul li{
	float:left;
	width:143px;
	margin-bottom:30px;
}
.mapmenu ul  li a{
	width:143px;
	height:40px;
	display:block;
	line-height:40px;
	background-color:#fbfbf2 ;
	color: #390D00;
	text-align:center;
	font-size:14px;
	border:1px #CCCCCC solid;
}
.mapmenu ul  li a:hover{
	color:#fff;
	background-color : #c10000;
}

.mapmenu ul li ul {
	float:left;
	width:143px;
	display:block;
}
.mapmenu ul li ul li {
	width:143px;
	display:block;
	margin-bottom:0px;
	height:auto;
}
.mapmenu ul li ul li a{
	width:143px;
	border:0px  #663300 solid;
	line-height:30px;
	height:30px;
	color: #666666;
	border-bottom:1px #FFFFFF solid;
	background-color : #CCCCCC;
}
.mapmenu ul li ul li ul li a{
	width:143px;
	background-color: #C0C0C0; 
	border:1px #CCCCCC solid;
	color:#000;
}
.mapmenu ul li ul li a:hover{
	color:  #FFFFFF;
	background-color : #c10000;
}
@media screen and (min-width:440px) and (max-width:768px){
		.mapmenu  {
	width:100%;
	float:left;
	margin-bottom:50px;
}
.mapmenu ul {
	float:left;
	width:100%;
	height: auto;
}
.mapmenu ul li{
	float:left;
	max-width: 25%;
	margin-bottom:30px;
}
.mapmenu ul  li a{
	height:40px;
	display:block;
	line-height:40px;
	max-width: 100%;
	background-color:#fbfbf2 ;
	color: #390D00;
	text-align:center;
	border:1px #CCCCCC solid;
}
.mapmenu ul  li a:hover{
	color:#fff;
	background-color : #c10000;
}

.mapmenu ul li ul {
	float:left;
	max-width: 25%;
	display:block;
}
.mapmenu ul li ul li {
	display:block;
	margin-bottom:0px;
	max-width: 100%;
	height:auto;
}
.mapmenu ul li ul li a{
	border:0px  #663300 solid;
	line-height:30px;
	height:30px;
	max-width: 100%;
	color: #666666;
	border-bottom:1px #FFFFFF solid;
	background-color : #CCCCCC;
}
.mapmenu ul li ul li ul li a{
	background-color: #C0C0C0; 
	border:1px #CCCCCC solid;
	max-width:100%;
	color:#000;
}
.mapmenu ul li ul li a:hover{
	color:  #FFFFFF;
	background-color : #c10000;
}

}

@media screen and (max-width: 414px){
	.mapmenu  {
	width:100%;
	float:left;
	margin-bottom:50px;
}
.mapmenu ul {
	float:left;
	width:100%;
	height: auto;
}
.mapmenu ul li{
	float:left;
	margin-bottom:30px;
}
.mapmenu ul  li a{
	height:40px;
	display:block;
	line-height:40px;
	background-color:#fbfbf2 ;
	color: #390D00;
	text-align:center;
	border:1px #CCCCCC solid;
}
.mapmenu ul  li a:hover{
	color:#fff;
	background-color : #c10000;
}

.mapmenu ul li ul {
	float:left;
	display:block;
}
.mapmenu ul li ul li {
	display:block;
	margin-bottom:0px;
	height:auto;
}
.mapmenu ul li ul li a{
	border:0px  #663300 solid;
	line-height:30px;
	height:30px;
	color: #666666;
	border-bottom:1px #FFFFFF solid;
	background-color : #CCCCCC;
}
.mapmenu ul li ul li ul li a{
	background-color: #C0C0C0; 
	border:1px #CCCCCC solid;
	color:#000;
}
.mapmenu ul li ul li a:hover{
	color:  #FFFFFF;
	background-color : #c10000;
}


}
.pro_type li{
    float: left;
    margin:0 10px;
}
.pro_type li a{
    color:#FFFFFF;
}
/**********************The end****************************/
