body,html {
	width:100%;
	height:100%;
	overflow:auto;
	background-color:#fafafa;
}
/* header */
.header-contain {
	width:1200px;
	margin:20px auto;
	display:flex;
	justify-content:space-between;
}
.header-contain .header-code {
	text-align:right;
	margin-top:-5px;
}
.header-contain .header-code img {
	width:80%;
}
.header-logo img{
	width:370px;
}
/* nav */
.nav-contain {
	width:1200px;
	margin:0 auto;
}
.nav-contain ul {
	width:100%;
	display:flex;
	color:#333333;
	justify-content: center;
}
.nav-contain ul li {
	font-size:14px;
	border-left:1px solid #d8d9db;
	width:calc(100% / 8);
	text-align:center;
	cursor:pointer;
}
.nav-contain ul li.active > a {
	color:#2b73a5;
}
.nav-contain ul li:first-child {
	border:none;
}
.nav-contain ul li a {
	display:inline-block;
	width:100%;
    color: #666666;
}
/* banner */
.banner-contain {
	margin-top:20px;
	width:100%;
	height:340px;
}
.banner-contain img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.contain {
	width:1200px;
	margin:0 auto;
}
.content_pic_slider .swiper-container,
.content_pic_slider .swiper-container .swiper-wrapper,
.content_pic_slider .swiper-container .swiper-wrapper .swiper-slide
{
	height: 100%;
}


.contain{
    margin: 20px auto;
}


/* footer */
.footer {
	width:100%;
	background-color:#292e34;
}
.footer .footer-box {
	width:1200px;
	margin:0 auto;
	color:#fff;
	display:flex;
	padding:60px 0;
	justify-content:space-between;
}
.footer .footer-box .footer-item{
	width: 33%;
}
.footer .footer-box .footer-item .title {
	font-size:20px;
	font-weight:bold;
}
.footer .footer-box .footer-item .detail {
	margin-top:40px;
	display: flex;
}
.footer .footer-box .footer-item .detail .detail-item {
	padding: 20px 0 0px 0;
}
.footer .footer-box .footer-item .detail p img {
	margin-top: 15px;
	width: 107px;
	margin-right: 20px;
}
.footer .footer-box .footer-item:nth-child(1) .detail {
	display:flex;
	flex-wrap:wrap;
}
.footer .footer-box .footer-item:nth-child(1) .detail .detail-item {
	width:100%;
	padding:10px 0;
}
.footer .footer-box .footer-item:nth-child(1) .detail .detail-item a{
	color: #fff;
}
.footer .copyright-box{
	color: #fff;
	text-align: center;	
	padding-bottom: 20px;
}
.footer .copyright-box p:last-child a{
	color: #fff;
}