@charset "utf-8";
@media screen and (max-width: 1200px) {
	html, body {
		min-width: auto;
	}
	.pgsize {
		width: auto;
		margin-left: 15px;
		margin-right: 15px;
	}
}


@media screen and (max-width: 700px) {
	#head {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#head .tel {
		margin-left: 10px;
	}
}
@media screen and (max-width: 600px) {
	#head .logo {
		width: 170px;
	}
	#head .tel {
		width: 140px;
	}
}

@media screen and (max-width: 1200px) {
	#nav a {
		min-width: 4em;
		padding: 0;
		text-align: center;
	}
}

@media screen and (max-width: 750px) {
	#nav {
		display: none;
	}
	#top-bar .pgsize {
		height: auto;
		justify-content: space-between;
		padding-top: 6px;
		padding-bottom: 8px;
	}

	#top-bar .link {
		justify-content: center;
	}

	#top-bar .search {
		display: none;
	}
	#top-bar .menu {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #005bac;
		font-size: 28px;
	}
	#top-bar .ct-close {
		display: none;
	}

	#top-bar .right-media-show {
		position: fixed;
		z-index: 1001;
		left: 15px;
		top: 15px;
		right: 15px;
		justify-content: space-between;
		align-items: center;
		display: flex;
		margin-left: 0;
	}
	#top-bar .right-media-show .ct-menu {
		display: none;
	}
	#top-bar .right-media-show .ct-close {
		display: block;
		font-size: 20px;
		color: #fff;
	}
	#top-bar .right-media-show .search {
		display: flex;
		flex-grow: 1;
		margin-right: 30px;
		background-color: #3159eb;
	}
	
	#nav.nav-media-show {
		position: fixed;
		z-index: 1000;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
		background-color:rgb(12,17,106);
		background:rgba(12,17,106,0.8);
		filter:alpha(opacity=80);
	}

	#nav ul {
		position: absolute;
		padding: 0;
		left: 0;
		bottom: 0;
		right: 0;
		top: 65px;
		overflow-y: auto;
		display: block;
		padding-bottom: 50px;
	}
	#nav a {
		display: block;
		text-align: left;
		padding: 0 15px;
	}

	#nav.nav-media-show .active:before, #nav.nav-media-show li:hover:before {
		background-color: #3159eb;
	}


	#banner {
		display: none;
	}
	#banner-media {
		display: block;
	}
	#banner-media .swiper-container {
		min-height: 50px;
	}
}

@media screen and (max-width: 375px) {
	#top-bar .link li {
		margin-left: 5px;
	}
	#top-bar .link li::before {
		display: none;
	}
}


#foot .foot-media {
	display: none;
	text-align: center;
	color: #fff;
	line-height: 1.8;
}
#foot .foot-media a {
	color: #fff;
	display: inline-block;
	border-bottom: 1px solid #fff;
	line-height: 1.2;
}

@media screen and (max-width: 1000px) {
	#foot .foot-media {
		display: block;
	}
	#foot .pgsize {display: none;}

	#foot .qrcode img:first-child {
		margin-left: 0;
	}
	#foot .qrcode img {
		margin-left: 10px;
	}
}

@media screen and (max-width: 940px) {
	#foot {
		margin-top: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	#foot .pgsize {
		flex-wrap: wrap;
		padding-left: 0;
		padding-right: 0;
		margin-left: 15px;
		margin-right: 15px;
		position: relative;
	}
	#foot .pgsize .tel {
		position: absolute;
		right: 0;
		top: 0;
	}
	#foot .pgsize .qrcode {
		display: flex;
		justify-content: center;
		margin-top: 75px;
	}
}

@media screen and (max-width: 680px) {
	#foot .pgsize {
		/*display: block;*/
		text-align: center;
	}
	#foot .pgsize .tel {
		position: static;
		margin-bottom: 10px
	}

	#foot .info {
		line-height: 1.4;
		word-wrap:break-word;
	}
	#foot .pgsize .qrcode {
		margin-top: 10px;
	}
}