@charset "utf-8";
/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
	/*logo*/
	.logo_m{position:fixed; left:0; right:0; top:0; z-index:99999; width:100%; height:auto; background-color:#FFF;  padding:10px 0; }
	.logo_m .l_mobile{width:80%; height:auto; margin-left:10px; overflow:hidden;}
	.logo_m .l_mobile img{max-width:100%; height:auto;}
	.logo_m .donghua_menu{ position:absolute; right:10px; top:50%; transform: translateY(-50%); width:30px; height:20px;}
		
	.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:#666; 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.35rem;
		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.5rem}
	.mobile_menu li{width:100%; height:auto; line-height:0.5rem; font-size: 0.16rem; }
	.mobile_menu li a{color: #1D4F91; display:block;}
	.mobile_menu li+li{border-top: 1px solid #1D4F91;}
	/*菜单end*/
	
	/*图片*/
	.banner_box{width:100%; height:260px; position:relative; text-align:center}	
	.bannerPic{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100%;
		transform: translate(-50%,-50%);
		object-fit: cover;
	}
	.banner_box .biaoti{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); text-shadow: 2px 2px 4px #000; color:#FFF}
	.banner_box .biaoti h5{ font-size:0.2rem; font-weight:bold; text-transform:Uppercase}
	.banner_box .biaoti p{ margin-top:20px; text-align:center; font-size:0.12rem; text-transform:Uppercase }
	.banner_box .biaoti a{ color:#fff; margin-right:10px;}
	.banner_box .biaoti a:hover{ color:#dc7f04}
	.banner_box .biaoti a+a:before{ padding-right:10px; color:#fff; content: "/";}

}

/*当页面大于992px时候*/
@media screen and (min-width:992px){
	.menu_box{position:fixed; left:0; right:0; top:0; z-index:99999; width:100%; height:auto; background-color:#FFF; }
	
	/*logo*/
	.logo{width:100%; height:120px; overflow:hidden; transition:all .3s ease-in;}
	
	.logo .l_pc{float:left; width:26%; height:100%; display: flex; align-items: center; justify-content: center;}
	.logo .l_pc img{max-width:100%; height:auto; }
	
	.logo .r{float:right; width:67%; height:auto;}
	
	.logo .so{float:right; width:6%; height:100%; display: flex; align-items: center; justify-content: center; cursor:pointer }
	
	/*导航菜单start*/
	.menu {float:right; height:auto; overflow:hidden;}
	.menu li{display:inline-block; line-height:120px; text-transform:Uppercase; transition:all .3s ease-in;}
	.menu li a{display:block; padding:0 23px; font-size:18px; font-weight:900; color:#000; position:relative}
	.menu li a:after{content: '';display: block; width: 60px; height:4px; background:#f38c04; position:absolute; top:0px; left:50%; margin-left:-30px; 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:#f38c04; transform: scaleX(1);}

	/*搜索*/
	.sosuo{position:fixed; left:0; right:0; top:0; z-index:999999; width:100%; height:auto; background-color:#FFF; display:none;}
	.sobox{ width:70%; height:auto; overflow:hidden; margin:0 auto; margin-top:90px; margin-bottom:90px;}
	.yuan_input_2{float:left; border:1px solid #ff6a00; background:#fff; height:55px; line-height:58px; text-indent:15px; width:78%; border-radius:25px 0 0 25px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.yuan_save_2{float:left; background:#ff6a00; color:#fff; cursor:pointer; height:55px; line-height:55px; width:22%; font-size:16px; border-radius:0 25px 25px 0;}
	.yuan_save_2:hover{background:#f60;}
	
	.soclose{ position:absolute; right:50px; top:30px; cursor:pointer;}
	.soclose img{transition: transform 0.5s ease;}
	.soclose:hover img{transform: rotate(360deg);}
	
	/*图片*/
	.banner_box{width:100%; height:auto; overflow:hidden; position:relative}
	.banner_box img{
		width:100%;
		height:auto;
		animation: banner_animate 3s;
		-moz-animation: banner_animate 3s;  /* Firefox */
		-webkit-animation: banner_animate 3s;   /* Safari 和 Chrome */
		-o-animation: banner_animate 3s;    /* Opera */
	}
	.banner_box .biaoti{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); text-shadow: 2px 2px 4px #000; color:#FFF}
	.banner_box .biaoti h5{ font-size:40px; font-weight:bold; text-transform:Uppercase}
	.banner_box .biaoti p{ margin-top:26px; text-align:center; text-transform:Uppercase}
	.banner_box .biaoti a{ color:#fff; margin-right:10px;}
	.banner_box .biaoti a:hover{ color:#dc7f04}
	.banner_box .biaoti a+a:before{ padding-right:10px; color:#fff; content: "/";}
	
	@keyframes banner_animate
	{
		from {transform: scale(1.2);}
		to {transform: scale(1);}
	}
	
	@-moz-keyframes banner_animate /* Firefox */
	{
		from {transform: scale(1.2);}
		to {transform: scale(1);}
	}
	
	@-webkit-keyframes banner_animate /* Safari 和 Chrome */
	{
		from {transform: scale(1.2);}
		to {transform: scale(1);}
	}
	
	@-o-keyframes banner_animate /* Opera */
	{
		from {transform: scale(1.2);}
		to {transform: scale(1);}
	}

}

/*遮罩层专用*/
.zzc{position: fixed; top: 0; left: 0; right:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999; display: none;}