@charset "utf-8";

@media screen and (max-width:1600px)
{
.headtop{ width:98%; margin:0 auto; clear:both;}
}

@media screen and (max-width:1440px)
{
.headtop .topnav{ float:left; width:61%; margin:0 0 0 4%;}
.headtop .toptel{ float:right; width:19.5%;  color:#fff; padding:30px 0 0 0;}
}

@media screen and (max-width:1366px)
{
.headtop .logo{ padding:20px 0;}
.headtop .logo img { max-width:100%;}	
.headtop .topnav{ float:left; width:62%; margin:0 0 0 4%; }
.headtop .toptel{ float:right; width:18%;  color:#fff; padding:30px 0 0 0;}
#trigger { display:none;}

.about dl{height:181px;}

.linian .wznr {float:left; color:#fff; width:70%; margin-left:3%; padding-top:4%;}
.linian ul:nth-child(2n) .wznr { margin-left:4%;}

}

@media screen and (max-width:1280px)
{

.about dl{height:171px;}
}


@media screen and (max-width:1024px)
{

.headtop .logo{ float:left; width:20%;}
.headtop .topnav{ float:right; width:78%; margin:0 0 0 0%;}
.headtop .toptel { display:none;}

.about .wznr {font-size:16px; line-height:36px;}

.about dl{height:140px;}
.about dl dd{ line-height:23px; padding:4% 2% 0% 2%;  float:left; text-align:center; width:50%; color:#fff; }
.about dl:nth-child(3) dd{  line-height:23px; padding:4% 2% 0% 2%; float:left; width:50%; color:#fff; }

.linian .wznr {float:left; color:#fff; width:45%; margin-left:3%; padding-top:2%;}
.linian ul:nth-child(2n) .wznr { margin-left:2%;}

.positioninfobox{ clear:both; margin:-200px auto 50px auto; width:90%;overflow:hidden;color:#fff;}
.positioninfo{font-size:30px;}

.zoominfo .zoominfoleft{ float:left; width:45%; }
.zoominfo .zoominforight{ float:left; width:50%; }

.footercontact li:nth-child(1){ width:50%;} 
.footercontact li:nth-child(2){ width:50%;} 
.footercontact li:nth-child(3){ width:50%;} 

}


/*<=920px*/
@media screen and (max-width:960px)
{


}


@media screen and (max-width:859px)
{
	 header { height:90px;}
    .headtop .logo{ float:left; width:30%;  padding:10px 0;}

    .linian { margin:auto; width:96%; border-radius:20px; overflow:hidden}
	.linian .tp { width:100%; overflow:hidden;}
	.linian .wznr {float:left; color:#fff; 	width:100%; margin-left:3%; padding-top:4%;}
	
    .container-fluid { margin:0 auto; width:96%;}
	
	.about dl:nth-child(2) dt ,.about dl:nth-child(4) dt{ overflow:hidden; float:right; width:50%; }
	.about dl:nth-child(3) dt{ overflow:hidden; float:left; width:50%; }
	.about dl:hover dd:nth-child(2){ position:absolute; width:100%; top:0px; left:0px; background:rgba(14,95,178,0.8); transition: 588ms; height:306px; }
    .about dl:hover dt{ width:100%; top:0px; left:0px; }
	
	.yb_conct { display:none}
	
	.fwtx img { width:100%;}
}



@media screen and (max-width:768px)

{
 header { height:80px;}
.positioninfobox{ clear:both; margin:-170px auto 30px auto; width:90%;overflow:hidden;color:#fff;}
.positioninfo{font-size:24px; line-height:32px;}

.network { display:none;}

.zoominfo .zoominfoleft{ float:left; width:100%; }
.zoominfo .zoominforight{ float:left; width:100%; margin-left:0%;}
}


@media screen and (max-width:640px)
{
.container-fluid { margin:0 auto; width:100%;}

.n_about .title { margin-bottom:30px; background:none;}
.n_about .title span {  font-size:38px; }
.n_about .title p FONT { font-size:24PX;}

.biaoti a{  font-size:28px; }
.linian .wznr h1 { font-size:28px; font-weight:bold; }

.nbiaoti {font-size:28px;  margin:20px 0;}

.footercontact li:nth-child(1){ width:100%;} 
.footercontact li:nth-child(2){ width:100%;} 
.footercontact li:nth-child(3){ width:100%;} 

.footerbox { margin-bottom:36px;}

.fnav2{ display: block;float:right;width:100%; margin:0 auto;  overflow:hidden; background:#2d2e2f; padding:10px 0 ; position: fixed ;bottom:0;z-index:9999}
.fnav2 a{ float:left; width:30%; overflow:hidden;  color:#FFF; font-size:18px; overflow:hidden ; text-align:center; font-size:16px;}
.fnav2 a img{ width:26%;vertical-align:middle; padding-left:4%; padding-right:5%;}

}
@media screen and (max-width:480px)
{
	 header { height:70px;}
    .headtop .logo{ float:left; width:50%;  padding:10px 0 0 0;}	
    .htmleaf-content{ width:90%; margin:3% auto 0 auto; }
	.biaoti p{ padding:0 3%; font-size:16px; color:#fff; line-height:21PX; }
	.about dl dt img {height:300px;  }
	.about dl dd strong{ font-size:20px; }
	.newsbox .new_right ul li .newlist{  margin-bottom:3%; }
	
	.linian .wznr { padding-left:10%;}
	
	.nbiaoti { margin-top:20px;}
	
	.jobbox dt .tpkd { width:100%;}
	
	.positioninfobox p { margin:5px 0 8px 0;}
	.positioninfobox img { width:80px;}
	
	/*.footercontact {padding:30px 0 0% 0;}*/
	
	.menu3 li { width:100%;}
	#ad{  position: absolute;  z-index: 999;  top:12px;  width: 1rem; right:15px}
	#ads{  margin:15px 15px 0px 0;}
	.menu1 { text-align:left; padding:10px 0 5px 0;}
	.menu1 a { width:29%; line-height:36px; padding:0%; display:inline-block; margin-bottom:5px;}
	
	
	
}

@media screen and (max-width:400px)
{


}


@media screen and (max-width:320px)
{
}
