@charset "utf-8";
/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
	/*logo*/
	.logo_box{width: 100%; height:auto; background-color: #fff;}
	.logo_box .main{width: 100%!important;}
	
	.logo{width:100%; height:auto; position:relative}
	.logo .l_pc{display:none}
	.logo .l_mobile{width:80%; height:auto; margin-left:10px; padding:10px 0; overflow:hidden;}
	.logo .l_mobile img{max-width:100%; height:auto;}
	
	.logo .r{width:100%; height:auto; position:relative}
	
	.logo .allpage_close{ position:absolute; width:14%; height:0.5rem; line-height:0.5rem; top:5px; right:0; z-index:99999; background:#fff url(../images/cl.png) no-repeat right 15px center; display:none}
	
	.logo .donghua_menu{ position:absolute; right:10px; top:23px; width:30px; height:20px; display:block;}
		
	.dh {width: 100%; height:3px; position: relative;}
	.dh:before {animation: dhxgdhxg 1s linear 0s infinite alternate; position: absolute; left:0; top:0; width: 100%; height:4px; background:#999999; content: ""; display: block; opacity: 0; }
	.dh:nth-child(2):before {animation-delay: 0.5s; margin-top:5px}
	.dh:nth-child(3):before {animation-delay: 0.2s; margin-top:10px}
	@keyframes dhxgdhxg {
		0%{width:30%; opacity: 1;}
		50%{width:100%; opacity:0.5;}
	}
	
	/*首页菜单*/
	.menu{position:absolute; left:0; top:0; z-index:99999999; width:100%; height:auto; background:#df001f; z-index:9999999; display:none}
	.menu li{
		width:100%;
		height:0.46rem;
		line-height: 0.46rem;
		color: #fff;
		font-size: 0.14rem;
		text-indent:20px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		border-top: 0.5px solid rgba(255, 255, 255, 0.05);
		position:relative
	}
	.menu li a{display: block; color: #fff;}
	.menu li:hover a,.menu li.active a{text-decoration:none; color:#fff; background:linear-gradient(to bottom,#cf011e,#ae0018);}
	.menu li:before {
		content: "";
		right: 3%;
		top: 18px;
		position: absolute;
		border: 6px solid #fff;
		border-top:5px solid rgba(0, 0, 0, 0);
		border-bottom:5px solid rgba(0, 0, 0, 0);
		border-right:6px solid rgba(0, 0, 0, 0);
	}
	
	/*通栏banner*/
	.sub_banner{width:100%; height:160px; position:relative; }
	.sub_banner:before{content: ""; position:absolute; top:0; left:0; width:100%; height:30px; box-shadow:inset 0px 15px 10px -15px #666666}
	.bannerPic{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100%;
		transform: translate(-50%,-50%);
		object-fit: cover;
	}
}

/*当页面大于992px时候*/
@media screen and (min-width:992px){
	/*logo*/
	.logo_box{width: 100%; height:auto; padding:25px 0; border-top:5px solid #df001f}
	
	.logo{width:100%; height:auto; overflow:hidden;}
	.logo .l_pc{float:left; width:30%; height:auto; display:flex; align-items:center; overflow:hidden;}
	.logo .l_pc img{max-width:100%; height:auto;}
	.logo .l_mobile{ display:none}
	
	.logo .r{float:right; width:69%; height:auto; overflow:hidden;}
	
	.logo .donghua_menu{display:none}
	
	/*导航菜单start*/
	.menu {float:right; overflow:hidden;}
	.menu li {float:left; line-height:60px;}
	.menu li a {display:block; font-size:17px; color:#333333; padding:0 25px;}
	.menu li:hover a,.menu li.active a{text-decoration:none; color:#fff; font-weight:400; background-color:#df001f; border-radius:5px;}
	
	.allpage_close{display:none}
	
	/*通栏banner*/
	.sub_banner{width:100%; height:auto; position:relative; text-align: center}
	.sub_banner:before{content: ""; position:absolute; top:0; left:0; width:100%; height:30px; box-shadow:inset 0px 15px 10px -15px #666666}
	.sub_banner img{max-width:100%; height:auto; object-fit: none; /*保留原有元素内容的长度和宽度，图片不会变模糊*/}
}