@charset "utf-8";
/*-----------------初始化---------------------*/
.yb_conct *{margin:0;padding:0;list-style-type:none;}
.yb_conct a,.yb_conct img{border:0;}
.yb_conct a{text-decoration:none;color:#333;}

.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ffaf3f url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ffaf3f url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ffaf3f url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ffaf3f url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}







/**头部**/
.top{
	width:100%;
	background-color:rgba(0,9,84,0.7);}
.logo{
	width:auto;
	height:auto;
	float:left;
	margin-left:5%;
	margin-top:1.25em;}
.navs{
	float:right;
	width:auto;
	}
.nav{
	width:5em;
	height:4.375em;
	float:left;
	color:#FFF;
	text-align:center;
	padding-top:1.875em;}
	
.navs .nnoott {color: rgb(255, 175, 63) !important; }	

.navs .nnoott hr { display:block !important;}

.nav br{
	line-height:1.5625em;}
	
.nav hr{
	display:none;
	border:0.0625em solid #FFAF3F;
	width:80%;
}
.phone{
	height:2.5em;
	width:6.5em;
	float:left;
	color:#FFF;
	text-align:left;
	padding-top:1.475em;
	margin-left:3em;}
.bt{
	width:3em;
	height:4.0625em;
	float:left;
	padding-top:2.1875em;
	padding-left:1.5em;}
#searchi{
	border:0;
	background:none;
	outline:none;
	width:8.5em;
	color:#F60;
	border-bottom:0.0625em solid #2b63B0;
	}
#searchbt,#close{
	width:2.4375em;
	height:1.875em;
	border:none;
	cursor:pointer;
	outline:none;
	
	}
#searchbt{
	background:url(../images/search.png) no-repeat;}
#close{
background:url(../images/close.png) no-repeat;}
#phone{
	color:#FFAF3F;
    //text-align: center;
    animation: myfirst 2s infinite;
}
@keyframes myfirst {
     0% {
         transform:translate(0px, 0px);
     }
     50% {
         transform:translate(0px, -10px);
     }
     100% {
         transform:translate(0px, 0px);
     }
}
#search button{
	color:#FFF;
	cursor:pointer;
	border:none;
	outline:none;
	background:none;}
/*@media screen and (max-width:75em) {
   .phone,.search,.bt{
       display:none;
   }
   .logo{
      margin-left:0;
   }
   .navs{
   float:left;
   marign-right:5%;}
}*/
@media screen and (max-width:1920px){/*完善*/
	.top{
	height:120px;
	}
	.logo{
	margin-top:25px;/*logo被换了以后每个分辨率减去5px*/
	}
	.nav{
		font-size:20px;
		width:135px;
	}
	.nav span{
		font-size:14px;
	}
	.navs{
	width:auto;
	float:left;
	margin-left:3%;
	}
	.phone{
	width:200px;
	font-size:25px;
	height:130px;
	padding-top:40px;
	margin-left:16%;
	}
	.bt{
	padding-top:55px;
	height:130px;
	}
	#searchi{
	width:160px;
	}
	.rigs{
	margin-right:3%;
	float:right;
	width:330px;
	}
}

@media screen and (max-width:1680px){/*完善*/
	.top{
	height:115px;
	}
	.logo{
	margin-top:20px;
	}
	.nav{
		font-size:20px;
		width:130px;
	}
	.nav span{
		font-size:14px;
	}
	.navs{
	width:auto;
	float:left;
	margin-top:-10px;
	margin-left:2%;
	}
	.phone{
	width:190px;
	font-size:23px;
	height:115px;
	padding-top:35px;
	//margin-left:5%;
	}
	.bt{
	padding-top:50px;
	height:115px;
	}
	#searchi{
	width:150px;
	}
	.rigs{
	margin-right:3%;
	float:right;
	width:320px;
	}
}

@media screen and (max-width:1600px){/*完善*/
	.top{
	height:100px;
	}
	.logo{
	margin-top:15px;
	float:left;
	}
	.nav{
		font-size:18px;
		width:125px;
	}
	.nav span{
		font-size:12px;
	}
	.navs{
	width:auto;
	float:left;
	margin-right:1%;
	}
	.phone{
	width:160px;
	font-size:21px;
	height:100px;
	padding-top:30px;
	//margin-left:5%;
	}
	.bt{
	padding-top:45px;
	height:100px;
	}
	#searchi{
	width:100px;
	}
	.rigs{
	margin-right:3%;
	float:right;
	width:280px;
	}
}

@media screen and (max-width:1440px){
	.top{
	height:90px;
	}
	.logo{
	margin-top:15px;
	}
	.nav{
		font-size:18px;
		width:120px;
	}
	.nav span{
		font-size:11px;
	}
	.navs{
	width:auto;
	float:left;
	margin-right:1%;
	}
	.phone{
	width:160px;
	font-size:20px;
	height:90px;
	padding-top:30px;
	margin-left:4%;
	}
	.bt{
	padding-top:40px;
	height:90px;
	}
	#searchi{
	width:120px;
	}
	.rigs{
	margin-right:3%;
	float:right;
	width:250px;
	}
}

@media screen and (max-width:1366px){
	.top{
	height:80px;
	}
	.logo{
	margin-top:5px;
	}
	.nav{
		font-size:16px;
		width:110px;
	}
	.nav span{
		font-size:10px;
	}
	.navs{
	width:auto;
	float:left;
	margin-right:1%;
	}
	.phone{
	width:160px;
	font-size:20px;
	height:80px;
	padding-top:20px;
	margin-left:4%;
	}
	.bt{
	padding-top:30px;
	height:80px;
	}
	#searchi{
	width:120px;
	}
	.rigs{
	margin-right:3%;
	float:right;
	width:250px;
	}
}

@media screen and (max-width:1024px){
.rigs{display:none;}
.logo{margin-left:0;}
.navs{float:left; margin-right:5%;}
.douyin{display: none;}

	
}