.banner-wrap {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	overflow: hidden;
}

.banner-wrap .left {
	float: left;
	width: 206px;
	/* height: 460px; */
	background: #666;
}

.banner-wrap .left>ul {
	text-align: center;
}

.banner-wrap .left>ul>li {
	line-height: 45px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #fff;
	border-bottom: #8e8e8e solid 1px;
}

.banner-wrap .left>ul>li>a {
	display: block;
	color: #fff;
	position: relative;
}

.banner-wrap .left>ul>li:hover {
	background: #004F94;
	opacity: 1;
}

.banner-wrap .left>ul>li:hover .left-item-wrap {
	display: block;
}

.banner-wrap .left>ul>li .left-item-wrap {
	display: none;
	position: absolute;
	padding: 16px;
	top: 0;
	left: 206px;
	z-index: 1000;
	width: 526px;
	height: 426px;
	color: #666;
	background: #fff;
	border: 1px solid #EAEAEA;
	box-shadow: 7px -2px 7px 0px rgba(0, 0, 1, 0.1);
	text-align: left;
	line-height: normal;
}

.banner-wrap .left>ul>li .left-item-wrap>h3 {
	padding-left: 10px;
	font-size: 16px;
	line-height: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000;
	border-left: 2px #004F94 solid;
}

.banner-wrap .left>ul>li .left-item-wrap>ul {
	margin-top: 16px;
	font-size: 0;
}

.banner-wrap .left>ul>li .left-item-wrap>ul>li {
	display: inline-block;
	width: 33.3%;
	font-size: 14px;
	height: 64px;
	line-height: 64px;
	overflow: hidden;
}

.banner-wrap .left>ul>li .left-item-wrap>ul>li>a {
	display: block;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
}

.banner-wrap .left>ul>li .left-item-wrap>ul>li>a>img {
	vertical-align: top;
	margin-top: 0;
	margin-left: 10px;
	width: 75px;
	height: 60px;
}

.banner-wrap .banner {
	float: right;
	width: 982px;
}

.banner-wrap .banner .slider {
	width: 982px;
	height: 460px;
	overflow: hidden;
	position: relative;
}

.banner-wrap .banner .slider .bd {
	width: 982px;
	height: 460px;
	position: relative;
	background: #f7f7f7;
}

.banner-wrap .banner .slider .bd img {
	width: 100%;
	height: 460px;
}

.banner-wrap .banner .slider .hd {
	overflow: hidden;
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 1;
}

.banner-wrap .banner .slider .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}

.banner-wrap .banner .slider .hd ul li {
	float: left;
	margin-right: 4px;
	padding: 2px 4px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	font-size: 14px;
}

.banner-wrap .banner .slider .hd ul li.on {
	background: #f00;
	color: #fff;
}

.banner-wrap .banner.cateslider {
	float: right;
	width: 920px;
	margin-top: 20px;
}

.banner-wrap .banner.cateslider .slider {
	width: 920px;
	height: 149px;
	overflow: hidden;
	position: relative;
}

.banner-wrap .banner.cateslider .slider .bd {
	width: 920px;
	height: 149px;
	position: relative;
}

.banner-wrap .banner.cateslider img {
	width: 920px;
	height: 149px;
}

.banner-wrap .banner .brand {
	margin-top: 10px;
	width: 100%;
	height: 170px;
}

.banner-wrap .banner .brand ul {
	width: 1000px;
}

.banner-wrap .banner .brand li {
	float: left;
	margin-right: 11px;
	width: 317px;
	height: 170px;
}

.menu li ul {
	overflow: hidden;
}

.menu li ul.level2 {
	display: none;
	background: rgba(49, 49, 49, 1);
}

ul.level2 li {
	text-align: center;
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #ddd;
}

ul.level2 li:last-child {
	border-bottom: none;
}

.menu li ul.level2 li a {
	display: block;
	height: 45px;
	line-height: 45px;
	color: #fff;
	font-size: 14px;
	transition: all 1s ease 0s;
}

.bannerContainer {
	width: 1200px;
	max-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	pointer-events: none;
}

/* 官网首页 banner（无左侧导航栏） */
.banner {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

.banner .slider,
.banner .slider .bd {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.swiper-container1 {
	width: 100%;
	/* 原 height: 550px → 改为按图比例自适应，让容器宽高比 = 图宽高比，contain 自然铺满、不裁切、无两侧留白 */
	/* 比例按实际 banner 图宽高比设：宽 1920 × 高 720。换图后改 720 这一个数对齐新图即可 */
	aspect-ratio: 1920 / 720;
	height: auto;
	overflow: hidden;
	position: relative;
	--swiper-navigation-color: rgba(255, 255, 255, 0.9);
	/* 单独设置按钮颜色 */
	--swiper-navigation-size: 48px;
	/* 设置按钮大小 */
}

.swiper-container1 .swiper-slide {
	width: 100%;
	height: 100%;
}

.swiper-container1 .swiper-slide a,
.swiper-container1 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover; /* 铺满容器，两侧不留白；代价是图上下会被裁切一截 */
	background-color: #f7f7f7; /* 图加载前/失败时的底色 */
}

.swiper-btn {
	visibility: hidden;
	padding: 16px 11px;
	background-color: rgba(51, 51, 51, 0.2);
	pointer-events: auto;
}

.menu_icon {
	display: block;
	width: 14px;
	height: 14px;
	background: url("/images/menu_icon.png") no-repeat;
	background-size: 100%;
	position: absolute;
	right: 6px;
	top: 50%;
	margin-top: -7px;
	/* transform: translateY(-50%); */
}

.menu li.level1 a.menu_current {
	background: #0f4679;
}

.level1 i.down {
	transform: rotate(90deg);
	transition: all linear .2s;
	margin-top: -7px;
}

.show {
	display: block !important;
}