@charset "utf-8";
/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
	/*logo*/
	.logo_box{width:100%; height:auto; border-top: 5px solid #0068bd;}
	
	.logo{width:100%; height:auto; padding:10px 0; position:relative}
	.logo .l_pc{display:none}
	.logo .l_mobile{width:83%; height:auto; margin-left:0; overflow:hidden;}
	.logo .l_mobile img{max-width:100%; height:auto;}
	
	.logo .r{ display:none}
	
	.logo .donghua_menu{position:absolute; right:10px; top:50%; transform: translateY(-50%); 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_box{
		position: fixed;
		right:-100%;
		top: 0;
		bottom: 0;
		width: 100%;
		height:100%;
		background: rgba(255, 255, 255, .95);
		z-index: 99999;
		padding:0.35rem;
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	}
	
	.menu_box .close{ width:100%; height:auto; text-align:left; cursor:pointer;}
	.menu_box .close img{transition: transform 0.5s ease;}
	.menu_box .close img:hover{transform: rotate(720deg);}
	
	.menu{ width:100%; height:auto; margin-top:0.5rem}
	.menu li{width:100%; height:auto; line-height:0.5rem; font-size: 0.16rem; }
	.menu li a{color: #1D4F91; display:block;}
	.menu li+li{border-top: 1px solid #1D4F91;}
	/*手机菜单end*/
	
	/*通栏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:30px 0 25px 0; border-top: 3px solid #00459d;}
	
	.logo{width:100%; height:auto; overflow:hidden;}
	.logo .l_pc{float:left; width:50%; height:auto;}
	.logo .l_pc img{max-width:100%; height:auto;}
	
	.logo .l_mobile{ display:none}
	
	.logo .r{float:right; width:330px; height:auto;}
	
	/*电话*/
	.top_text{background:url(../images/tel2.png) no-repeat left center; height:auto; padding-left:85px; margin-top:0px}
	.top_text p{ color:#333;}
	.top_text span{ display:block; font-size: 38px; line-height: 38px; margin-top:10px; font-family: Impact; font-weight: bold; color: #00459d;}
	
	.logo .donghua_menu{display:none}
	
	/*导航菜单start*/
	.menu_box{width: 100%; height:65px; background-color:#ebebeb;}
	.menu_box .close{ display:none}
	
	.menu {display:table; margin:0 auto; overflow:hidden;}
	.menu li{float:left; line-height:65px; font-weight: 900;}
	.menu li a {display:block; font-size:18px; color:#333333; padding:0 45px; position:relative;}
	.menu li+li a:before{content: ""; width:1px; height:15px; background-color:#a0a0a0; position:absolute; left:0; top:25px}
	.menu li a:after{content: '';display: block; width:100%; height:2px; background:#00459d; position:absolute; top:0; left:50%; margin-left:-50%; transition: 0.4s ease-out; transform: scaleX(0);}
	.menu li:hover a,.menu li.active a,.menu li:hover a:after,.menu li.active a:after{text-decoration:none; color:#00459d; transform: scaleX(1);}
	
	/*通栏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{width:100%; height:auto;}
}