@charset "utf-8";
/* CSS Document */
.Header .en_logo{width:300px;height:100%;margin:15px 5px 0px 5px;}
.Header .en_logo a img{ width:100%; height:auto;}

.Header .en_mainNav{flex-grow:1;}
.Header .en_mainNav ul{display:flex;}
.Header .en_mainNav ul a{display:block;color:white;font-size:16px; padding:0 50px;height:90px;line-height:90px;}
.Header .en_mainNav ul a:hover{background-color:#cf4e4b;color:#FFF;}
.Header .en_mainNav ul li{position:relative;text-align:center;}
.Header .en_mainNav ul ul{display:none;position:absolute;left:0px;top:90px;width:100%;background-color:rgba(35,42,71,0.8);}
.Header .en_mainNav ul li:hover ul{display:block;}
.Header .en_mainNav ul ul a{height:40px;line-height:40px;font-size:12px;padding:0;}

/****************************************************************************************/
.ds{
	display:block;}
.fl{
	float:left;}
.rl{
	float:right;}
	
.beihaidh{ width:100%;background-color:rgba(35,42,71,0.8); margin:0 auto; height:90px;align-items:center;position:absolute;z-index:2;}	
.beihlogo{ width:18%; margin:5px 0 0 0;}
.beihlogo img{ width:100%; height:auto;}
#nav {
	line-height: 90px;
	height:90px;
	width:62%;
	float:left;
}
#nav li a {
	display: block;
	padding:0 20px;
	text-align:center;
	color:#FFF;
	font-size:15px;
}
#nav li {
 float: left; padding:0 20px;
}
#nav li a:hover{
	text-decoration:none;
	background:#333b57;
	color:#FFF;
}
#nav li ul {
	line-height:45px;
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 12%;
	padding:0 0;
	position: absolute;
	border-top-style: none;
	overflow:hidden;
}

#nav li ul li{
	float: left;
	width: 100%;
	padding:0 0;
	background: #333b57;filter: Alpha(Opacity=90);
	border-top: none #6b8549;
	border-right: none #6b8549;
	border-bottom: none #6b8549;
	border-left: none #6b8549;
}
#nav li ul li a{
 display: block;
 width: 100%;
 padding:0 0;
 text-align:center;
 font-weight:normal;
 font-size:14px;
}
#nav li ul a:link  {
 color:#FFF; text-decoration:none;
}
#nav li ul a:visited  {
 color:#FFF;text-decoration:none;
}
#nav li ul a:hover  {
 color:#FFF;text-decoration:none;font-weight:normal;
 background:#4b526b;filter: Alpha(Opacity=70);
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}	

.bhsp01{ width:18%; color:#FFF;text-align:right; font-size:14px; padding-right:1%; background:url(../../images/hotline.png) no-repeat; padding-left:1%; margin-top:25px;}

@media screen and (max-width: 1900px){
.beihlogo{ width:17%;}	
#nav {width:60%;}
#nav li a {padding:0 18px;}
#nav li {float: left; padding:0 18px;}
.bhsp01{ width:20%; }
	}
	
@media screen and (max-width: 1800px){
.beihlogo{ width:17%; margin-top:10px;}	
#nav {width:60%;}
#nav li a {padding:0 15px;}
#nav li {float: left; padding:0 15px;}
#nav li ul {width: 12%;	}	
	}
	
@media screen and (max-width: 1700px){
.beihlogo{ width:17%; margin-top:10px;}	
#nav {width:58%;}
#nav li a {padding:0 14px;}
#nav li {float: left; padding:0 14px;}
.bhsp01{ width:22%; }
#nav li ul {width: 15%;	}	
	}		
	
@media screen and (max-width: 1600px){
#nav {width:56%;}
#nav li a {padding:0 12px;}
#nav li {float: left; padding:0 12px;}
.bhsp01{ width:24%; }
	}	
@media screen and (max-width: 1500px){
.beihlogo{ width:17%; margin-top:15px;}	
#nav {width:59%;}
#nav li a {padding:0 10px;}
#nav li {float: left; padding:0 10px;}
.bhsp01{ width:21%; font-size:12px; }
#nav li ul {width: 15%;	}	
	}	
	
@media screen and (max-width: 1400px){
.beihlogo{ width:17%; margin-top:17px;}	
#nav {width:59%;}
#nav li a {padding:0 9px;}
#nav li {float: left; padding:0 9px;}
.bhsp01{ width:21%; font-size:12px; }
#nav li ul {width: 15%;	}	
	}
	
@media screen and (max-width: 1300px){
.beihlogo{ width:17%; margin-top:17px;}	
#nav {width:56%;}
#nav li a {padding:0 7px;}
#nav li {float: left; padding:0 7px;}
.bhsp01{ width:24%; font-size:12px; }
#nav li ul {width: 15%;	}						
}

@media screen and (max-width: 1200px){
.beihlogo{ width:18%; margin-top:20px;}	
#nav {width:55%;}
#nav li a {padding:0 6px;}
#nav li {float: left; padding:0 6px;}
.bhsp01{ width:24%; font-size:12px; }
#nav li ul {width: 17%;	}						
}
/********************************************************************************************/

@media screen and (max-width: 1800px){
.Header .en_logo{width:245px;height:100%;margin:30px 10px 0px 10px;}
.Header .en_mainNav ul a{font-size:15px; padding:0 45px;}	
.Header .en_mainNav ul ul a{font-size:11px;}
	}

@media screen and (max-width: 1600px){
.Header .en_logo{width:255px;height:100%;margin:20px 10px 0px 10px;}
.Header .en_mainNav ul a{font-size:14px; padding:0 26px;}	
.Header .en_mainNav ul ul a{height:40px;line-height:40px;font-size:10px;padding:0;}
	}
	
@media screen and (max-width: 1500px){
.Header .en_logo{width:242px;height:100%;margin:25px 10px 0px 10px;}
.Header .en_mainNav ul a{font-size:14px; padding:0 20px;}	
.Header .en_mainNav ul ul a{height:40px;line-height:40px;font-size:10px;padding:0;}
	}	


@media screen and (max-width: 1400px){
.Header .en_logo{width:210px;height:100%;margin:45px 5px 0px 5px;}
.Header .en_mainNav ul a{font-size:13px; padding:0 20px;}
.Header .en_mainNav ul ul a{height:40px;line-height:40px;font-size:10px;padding:0;}
	}
	

	
@media screen and (max-width: 1300px){
.Header .en_logo{width:175px;height:100%;margin:45px 2px 0px 2px;}
.Header .en_mainNav ul a{font-size:14px; padding:0 15px;}
	}	
	
	
/************************* 销售网络 *************************/
.en_ScreenPage.page5{background-image:url("../../images/en_indexXswlBg.jpg");background-size:cover;background-position:center center;position:relative;}