@charset "utf-8";
/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
	/*logo*/
	.logo{width:100%; height:auto; overflow:hidden}
	.logo .l_pc{display:none}
	.logo .l_mobile{height:auto; text-align:center; padding:10px}
	.logo .l_mobile img{max-width:100%; height:auto;}
	.logo .r{display:none}
	.logo .slogan{display:none}
	
	/*首页菜单*/
	.menu_box{width:100%; height:auto;}
	.menu{width:100%; height:auto; overflow:hidden;}
	.menu li{
		float: left;
		width:33.333%;
		text-align: center;
		color: #fff;
		overflow: hidden;
		font-size: 0.14rem;
		height:0.46rem;
		line-height: 0.46rem;
		white-space: nowrap;/*规定段落中的文本不进行换行*/
		text-overflow: ellipsis;/*当文本溢出包含元素时显示省略符号来代表被修剪的文本。*/
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
		background:linear-gradient(to bottom,#0b308e,#022479);
		position:relative;
		border-bottom:1px solid #0d37a2;
	}
	.menu li a{display: block; color: #fff;}
	.menu li:before{content: ""; width:1px; height:0.23rem; background-color:#0d37a2; position:absolute; right:0; top:0.11rem}
	.menu li:nth-child(3):before{ display:none}
	.menu li:nth-of-type(n+4){border-bottom:0;}
	.menu li:hover a,.menu li.active a{text-decoration:none; color:#fff; background:linear-gradient(to bottom,#012170,#001b5e);}
	
	/*通栏banner*/
	.sub_banner{width:100%; height:150px; 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{width:100%; height:80px; margin-top:20px; margin-bottom:20px; overflow:hidden; position:relative;}
	.logo .l_pc{float:left; width:550px; height:80px; line-height:80px;}
	.logo .l_pc img{max-width:100%; height:auto;}
	.logo .l_mobile{ display:none}
	.logo .r{float:right; width:230px; height:80px; padding-left:70px; background:url(../images/tel3.png) no-repeat left center; display: flex; justify-content: center; align-items: center; }
	.logo .r span{ display:block; }
	.logo .r span em{ display:block; color:#999999; font-size:14px; }
	.logo .r span i{ display:block; color:#DD0005; font-size:30px; font-weight:bold; margin-top:3px}
	
	.logo .slogan{position:absolute; left:0; right:0; width:500px; height:80px; line-height:80px; font-size: 23px; color: #ff6700; letter-spacing:3px; font-weight:bold;padding-left:300px}
	
	/*导航菜单start*/
	.menu_box{width:100%; height:55px; background:linear-gradient(to bottom,#3697fd,#0874e6);}
	.menu {display:table; margin:0 auto; overflow:hidden;}
	.menu li {float:left; line-height:55px;}
	.menu li a {display:block; font-size:17px; color:#fff; padding:0 38px;}
	.menu li:hover a,.menu li.active a{text-decoration:none; color:#fff; font-weight:400; background-color:#0059b5}
	
	/*通栏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; /*保留原有元素内容的长度和宽度，图片不会变模糊*/}
}