@import url(animate.min.css);
@import url(media.css);

* {
	box-sizing:border-box;
}
header {
	height:100px;
	position:relative;
	display:flex;
	justify-content:space-around;
	width:100%;
	align-items:center;
	z-index:5;
}
.header.on {
	position:fixed;
	z-index:9999;
	background:#fff;
	width:100%;
	box-shadow:0px 0px 5px 0px #9a9a9a;
}
.top {
	display:flex;
	align-items:center;
	width:69%;
	height:100%;
}
.top .logo {
	width:25%;
	padding-right:20px;
}
.top img {
	max-width:100%;
}
.menu {
	width:74%;
	height:100%;
}
.menu ul {
	display:flex;
	align-items:center;
	justify-content:space-around;
	height:100%;
}
.menu ul .item {
	position:relative;
	font-size:16px;
	width:10%;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
}
.menu ul .secNav {
	visibility:hidden;
	transition:all 250ms ease-out 0ms;
	transform:translate(0%,10px);
	position:absolute;
	background:#ffffff;
	box-shadow:0px 0px 5px 0px #cccccc;
	width:190%;
	padding:20px 0;
	top:100%;
}
.menu ul .secNav li {
	height:33px;
	line-height:33px;
	font-size:14px;
}
.menu ul .secNav.active {
	visibility:visible;
	transform:translate(0%,0px);
}
.menu .item:after {
	content:" ";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:3px;
	border-radius:3px;
	background-color:#ef1b25;
	-webkit-transition:all 250ms ease-out 0ms;
	transition:all 250ms ease-out 0ms;
	opacity:0;
	visibility:hidden;
	-webkit-transform:scale(0);
	transform:scale(0)
}
.menu .item:hover:after {
	-webkit-transform:none !important;
	transform:none !important;
	-webkit-transition:all 250ms ease-out 0ms;
	transition:all 250ms ease-out 0ms;
	opacity:1;
	visibility:visible
}
.tel div {
	display:flex;
	align-items:center;
}
.tel i {
	font-style:normal;
	font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;
	font-size:30px;
	margin-left:10px;
}
.blank-top {
	height:100px;
}
.banner {
	position:relative;
}
.banner .swiper {
	width:100%;
	height:100%;
}
.banner .swiper-slide {
	width:100%;
	height:100%;
	overflow:hidden;
}
.banner .aniss {
	width:80%;
	position:absolute;
	top:30%;
	left:10%;
}

.banner .aniss h1 {
	font-size:60px;
	color:#ffffff;
	line-height:2;
}
.banner .aniss p {
	font-size:30px;
	color:#ffffff;
	line-height:1.5;
}
.seemore {
	background:#dc253b;
	text-align:center;
	height:33px;
	line-height:33px;
	color:#ffffff;
	padding:0 15px;
	display:inline-block;
	margin-top:25px;
}
.seemore a {
	color:#ffffff;
	position:relative;
	font-size:18px;
	display:flex;
	align-items:center;
}
.seemore  i {
	border-bottom:1px solid #ffffff;
	width:10px;
	display:block;
	height:1px;
	margin-left:5px;
}


.top_r {
	display:flex;
	align-items:center;
	height:100%;
	width:27%;
	justify-content:flex-end;
}
.search {
	background:#dc253b;
	height:100%;
	display:flex;
	margin-left:2px;
	align-items:center;
	padding:0  15px;
	min-width:70px;
	justify-content:center;
}
.search input {
	background:none;
	border:0px;
	border-bottom:1px solid #f2f2f2;
	transition:all 710ms;
	width:0px;
}
.search div {
	display:flex;
}
.search:hover  input {
	width:150px;
	outline:none;
	color:#ffffff;
}
.search input::-webkit-input-placeholder {
	/* WebKit browsers */ font-size:14px;
	color:#ffffff;
}
.search input::-moz-placeholder {
	/* Mozilla Firefox 19+ */ font-size:14px;
	color:#ffffff;
}
.search input:-ms-input-placeholder {
	/* Internet Explorer 10+ */ font-size:14px;
	color:#ffffff;
}
.banner .swiper-pagination-bullet {
	width:12px;
	height:12px;
	border-radius:12px;
	transition:all linear .2s;
	background:#fff;
}
.banner .swiper-pagination-bullet-active {
	background:rgba(255,255,255,.8);
	width:32px;
}