@import url("swiper.css");
@import url("../bootstrap/css/bootstrap.css");
@import url("animate.css");
@font-face {
	font-family: 'Impact';
	src: url('./impact.ttf');
}
@font-face {
	font-family: 'AG Buch Stencil BQ';
	src: url('./AGBuchStencilBQ-Medium.ttf');
}

/* 导航 */
.nav-top {padding: 10px 5%;}
.nav .container {display: flex;}
.nav-left {display: flex; align-items: center; justify-content: space-between; max-width: 100%;}
.nav-menu {display: flex; align-items: center; justify-content: center; max-width: 100%;}
.logo {float: left;margin:5px 15px 0 0;}
.logo-rig {padding: 5px 0 0;}
.logo-rig span {float: left;margin-right: 20px;color: #222; font-family: 'Impact';font-size: 44px;display: inline;}
.logo-rig img {margin-top: 10px;}
.logo-rig p {font-size: 20px;font-style: italic;color: #222;}
.searchBox {width: 352px;height: 32px; border: 1px solid #b3b3b3;}
.searchBox input {display: block;float: left; width: 85%;height: 32px;padding: 0 10px;}
.searchBox button {display: block;float: right;width: 15%;text-align: center;cursor: pointer;height: 28px;}

@media screen and (max-width:1600px) {
	.logo-rig span {font-size: 40px;}
}
@media screen and (max-width:1500px) {
	.logo-rig span {font-size: 36px;}
}
@media screen and (max-width:1400px) {
	.logo-rig span {font-size: 30px;}
}
@media screen and (max-width:1300px) {
	.logo-rig span {font-size: 28px;}
}
@media screen and (max-width:1200px) {
	.logo-rig span {font-size: 26px;}
	.logo-rig p {font-size: 16px;}
	.nav-top .nav-left {float: none;max-width:100%;}
	.nav-top .rig {float: none;margin-top: 10px;}
	.searchBox {width: 100%;}
}

@media screen and (max-width: 768px) {
	.logo-rig span {font-size: 22px;margin-right:0;}
	.logo-rig img {display: none;}
}