@charset "utf-8";
/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
	.anco{width:100%; height:auto;}
	.cncn{ position:fixed; right:2px; top:100px; width:100px; height:26px; z-index:99999999999}
	.cncn img{ width:100%; height:auto}
	
	/*logo*/
	.logo{ height:auto; background-color: #fff; padding:10px 0 10px 10px; position:relative}
	.logo img{max-width:80%; height:auto;}

	.logo .donghua_menu{ position:absolute; right:20px; top:50%; margin-top:-10px; 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:#f36f2e; 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;}
	}

	.right-box{
		position: fixed;
		right:-100%;
		top: 0;
		bottom: 0;
		width: 100%;
		height:100%;
		background: rgba(255, 255, 255, .95);
		z-index: 99999;
		padding:0.5rem;
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	}
	
	.close{ width:100%; height:auto; text-align:left; cursor:pointer;}
	.close img{transition: transform 0.5s ease;}
	.close img:hover{transform: rotate(360deg);}
	
	/*菜单*/
	.mobile_menu{ width:100%; height:auto; margin-top:0.7rem}
	.mobile_menu li{height:auto; padding-bottom:0.1rem}
	.mobile_menu li+li{border-top: 1px solid #1D4F91; padding-top:0.1rem}
	.mobile_menu li .menu_head {
		height:0.35rem;
		line-height:0.35rem;
		font-size: 0.2rem;
		font-weight: bold;
		color: #1D4F91;
		cursor: pointer;
		background-image: url(../images/jiajia.png);
		background-position:center right;
		background-repeat: no-repeat;
	}
	.mobile_menu li .menu_head a{color: #1D4F91;}
	.mobile_menu li .current {background-image:url(../images/jianjian.png);}
	
	.menu_body {
		width:100%;
		height: auto;
		margin-top:0.35rem;
		overflow: hidden;
		line-height:0.4rem;
		font-size: 0.18rem;
		display: none;
	}
	.menu_body a {
		display: block;
		padding-left:0.8rem;
		color: #1D4F91;
		border-bottom: 1px solid #EEE;
	}
	/*菜单end*/
	
	/*通栏banner*/
	.sub_banner{width:100%; height:auto; position:relative; }
	.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:100%; }
	.bannerPic{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100%;
		transform: translate(-50%,-50%);
		object-fit: cover;
	}

	.sub_banner2{width:100%; height:auto; position:relative; margin-top:20px;text-align: center}
	.sub_banner2:before{content: ""; position:absolute; left:0; width:100%; height:30px; }
	.sub_banner2 img{max-width:100%; height:100%; }

}

/*当页面大于992px时候*/
@media screen and (min-width:992px){
	.anco{width:100%; height:auto; min-width:1260px; }
	/*logo*/
	.logo_box{width: 100%; height:120px; background-color: #fff;}
	
	.logo{width:100%; height:120px; position:relative}
	.logo .l{float:left; width:20%; height:120px; display:flex; align-items:center; overflow:hidden;}
	.logo .l img{max-width:100%; height:auto;}
	.logo .c{float:left; width:66%; height:120px;}
	.logo .r{ overflow:hidden; background:url(../images/tel.png) no-repeat left center; height:120px;  float:right }
	.logo .r p{ font-size:16px; color:#ff0000; margin-left:25px; }
	.logo .r h3{ font-size:22px;margin-left:40px;margin-top:45px; height:120px; color:#be0c0c}
	.logo .en{ position:absolute; left:22%; top:50%; width:120px; height:45px; line-height:45px; padding-left:15px; margin-top:-20px; font-size:0.09rem; text-align:center; color:#FF0000; background:url(../images/enen.png) no-repeat left center}
	.logo .en a{color:#FF0000}
	
	/*导航菜单start*/
	.menu {float:right; position:relative;}
	.menu li{float:left; line-height:120px;}
	.menu li a {
		display:block;
		font-size:18px;
		color:#000;
		padding: 0 35px;
		position:relative
	}
	.menu li.on>a:after{content: '';display: block; width: 60px; height:5px; background:#40a1f6; position:absolute; bottom:30px; left:50%; margin-left:-30px; }
	.menu li.on a{color:#40a1f6;}
	
	.menu li dl{width:100%; height:auto; position:absolute; left:0; top:120px;  z-index:999999; display:none;}
	.menu li dl dd{float:left; line-height:50px;}
	.menu li dl dd a{padding: 0 15px; font-size:16px;display: block;display: block; color:#333!important}
	.menu li dl dd a:hover{font-size:16px;display: block;display: block;color:#40a1f6!important;}

.dropdown:hover .dropdown-content {
    display: block;
}
	.nav_bj{
		position:fixed;
		z-index:1;
		top: 120px;
		left: 0;
		width: 100%;
		height: 100px;
		background: rgba(255, 255, 255, 0.9);
		transition: all 0.8s;
		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; /*保留原有元素内容的长度和宽度，图片不会变模糊*/}
	.sub_banner2{width:100%; height:auto; position:relative; margin-top:30px;text-align: center}
	.sub_banner2:before{content: ""; position:absolute; left:0; width:100%; height:30px; }
	.sub_banner2 img{max-width:100%; height:auto; object-fit: none; /*保留原有元素内容的长度和宽度，图片不会变模糊*/}
}