﻿.container {



	padding: 0 15px;



	width: 1200px;



	margin: 0 auto;



}



.header {



	margin-bottom: -56px;



	position: relative;



	z-index: 2;



}

div{ display:block}



.header .nav {



	font-size: 0;



	color: #fff;



}



.header .nav .container {



	position: relative;



}



.header .nav .container:after {



	width: 500%;



	background: rgba(54,62,69,0.7);



	-webkit-transform: skewX(32deg);



	transform: skewX(32deg);



	position: absolute;



	left: 20px;



	top: 0;



	content: "";



	height: 100%;



}



.header .nav ul {



	position: relative;



	z-index: 1;



}



.header .nav li {



	display: inline-block;



	vertical-align: middle;



}



.header .nav li a {



	display: block;



	font-size: 15px;



	line-height: 56px;



	padding: 0 44px;



	color: #fff;



	position: relative;



}



.header .nav li a:after {



	content: '';



	position: absolute;



	top: 0;



	right: 0;



	bottom: 0;



	left: 0;



	z-index: -1;



	background: #104492;



	-webkit-transform: skewX(32deg);



	transform: skewX(32deg);



	width: 0;



}



.header .nav li .arr {



	float: right;



	height: 40px;



	width: 40px;



	position: relative;



	display: none;



	z-index: 1;



}



.header .nav li .arr:after {



	content: '';



	border-top: 2px solid #ccc;



	border-left: 2px solid #ccc;



	box-sizing: content-box;



	display: block;



	width: 8px;



	height: 8px;



	margin: auto;



	position: absolute;



	top: 0;



	bottom: 0;



	-webkit-transform: rotate(135deg);



	transform: rotate(135deg);



	right: 15px;



}



.header .nav li.dropdown {



	position: relative;



}



.header .nav .dropdown-box {



	position: absolute;



	left: 17px;



	min-width: 100%;



	top: 100%;



	display: none;



	z-index: 10;



	text-align: center;



	background: rgba(54,62,69,0.7);



}



.header .nav .dropdown-box p {



	margin: 0;



}



.header .nav .dropdown-box a {



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



	padding: 0 10px;



	font-size: 14px;



	line-height: 40px;



	border-bottom: 1px solid rgba(0, 0, 0, 0.2);



}



.header .nav .dropdown-box a:after {



	display: none;



}



.header .nav .dropdown-box a:hover {



	background-color: #104492;



}



.header .nav li.active a:after, .header .nav li.open a:after, .header .nav li a:hover:after {



	width: 100%;



}



.header .nav li.open .dropdown-box {



	display: block;



}







.banner .swiper-slide {



	background: no-repeat center / cover;



	height: 600px;



}



.banner .swiper-slide a{



	background: no-repeat center / cover;



	



}



.banner .swiper-slide img {



	display: block;



	width: 100%;



	height: auto;



}











.nav-sub {



	text-align: center;



	font-size: 0;



	margin: -20px 0 40px -20px;



}



.nav-sub li {



	display: inline-block;



	vertical-align: middle;



}



.nav-sub li a {



	display: block;



	line-height: 48px;



	padding: 0 40px;



	background-color: #363e45;



	color: #fff;



	font-size: 16px;



	margin: 20px 0 0 20px;



}



.nav-sub li a:hover, .nav-sub li.active a {



	background-color: #104492;



}