.fl {
	float: left
}

.fr {
	float: right
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	*zoom: 1
}

.middle {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.s-side {
	min-width: 200px;
	position: fixed;
	top: 0;
	left: 0;
	width: 15%;
	bottom: 0;
	background-color: #292929;
	box-shadow: 0 0 10px #313131;
	padding: 10px
}

.s-side .s-firstItem i {
	font-size: 20px
}

.s-side .s-firstItem span {
	display: inline-block;
	margin-left: 10px;
	font-size: 20px;
	text-shadow: 0 0 5px #eee;
	white-space: 10px
}

.s-side .first {
	padding: 10px 0;
	border-bottom: 1px solid #dedede
}

.s-side .d-firstNav span {
	display: inline-block;
	margin-left: 10px
}

.s-side .d-firstNav i.fr {
	font-size: 25px
}

.s-side .s-secondNav,
.s-side .s-secondItem {
	margin-left: 50px;
	margin-top: 10px
}

.s-secondNav:hover,
.d-firstNav:hover {
	background-color: #3d3d3d;
	cursor: pointer
}

.s-side .d-secondDrop {
	margin-left: 100px;
	margin-top: 10px
}

.iconRotate {
	transform: rotate(90deg);
	transition: transform .5s
}

.s-firstDrop,
.s-secondDrop {
	display: none
}


/*nav*/

#nav-side {
	width: 50%;
	background-color: #fff;
	font-family: Average-Regular;
	color: #323232;
	padding-left: 0;
}

#nav-side li a span img {
	margin-left: 25%;
}

#nav-side li {
	background: #fff;
}

#nav-side i {
	color: #8d8d8d;
}

#nav-side i img {
	width: 7px;
}

#nav-side img {
	width: 50%;
}

#nav-side .d-firstNav {
	background: #fff;
}

#nav-side .d-secondNav {
	background: #fff;
}

#nav-side .s-secondItem a {
	background-color: #fff;
	font-family: Average-Regular;
	color: #323232;
}

#nav-side .s-thirdItem a {
	background-color: #fff;
	font-family: Average-Regular;
	color: #323232;
}

#nav-side ul>li:first-child {
	border: none;
}

.header-yd-one {
	width: 20%;
}

.header-yd a div {
	line-height: 3rem;
}

#nav-side ul li a {
	color: #323232;
}

@media all and (min-width:1023px) {
	.header-yd {
		display: none;
	}
}

@media all and (max-width:320px) {
	.header-yd {
		display: none;
	}
	.isbloak {
		display: none;
	}
}

@media all and (min-width: 1023px) and (max-width: 1023px) {
	.isbloak {
		display: none;
	}
}

@media all and (min-width: 320px) and (max-width: 1023px) {
	.header-yd {
		width: 100%;
		height: 6.375rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.header-yd-one img {
		width: 36%;
		margin-left: 1.5rem;
	}
	.header-yd-tow {
		width: 30%;
	}
	.header-yd-tow img {
		width: 75%;
	}
	.header-yd-tow a {
		display: flex;
		align-items: center;
		/*justify-content: center;*/
		margin-left: 6%;
	}
	.header-yd a:nth-child(3) {
		width: 8.75rem;
		height: 3rem;
		text-align: center;
		line-height: 3rem;
		/*border: 0.0625rem solid #0da7ee;*/
		border-radius: 20px;
		margin-right: 1.5rem;
		font-family: FjallaOne-Regular;
		font-size: 1.0625rem;
		color: #fff;
		background: #f97e0c;
	}
	.info-con {
		width: 100%;
		height: 15rem;
		flex-wrap: wrap;
		background: #666666;
	}
	.info-men {
		width: 50%;
		flex-wrap: nowrap;
	}
	.info-men img {
		margin-left: 2rem;
	}
	.menu-x p:nth-child(1) {
		font-size: 4rem;
	}
	.menu-x p:nth-child(2) {
		line-height: 1.5em;
		font-size: 4rem;
	}
	.menu-x a li {
		font-size: 4rem;
		height: 2em;
	}
	.about-con a span {
		font-size: 3rem;
	}
	.read-more {
		font-size: 3rem;
	}
}

.isbloak {
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, .6);
	position: fixed;
	left: -0;
	top: 0;
	z-index: 50;
	display: none;
}

.isbloak_left {
	width: 50%;
	height: 100%;
	background: #FFFFFF;
	position: absolute;
	left: -100%;
	top: 0;
}

.first:hover {
	border-left: 5px solid #0da7ee;
}

.d-firstNav {
	padding-left: 15%;
}

@media (max-width:550px) {
	.header-yd-one img {
		width: 45%;
	}
	.header-yd-tow {
		width: 50%;
	}
	.header-yd-tow img {
		width: 82%;
	}
	.header-yd {
		height: 5.375rem;
	}
}

@media (max-width:320px) {
	.header-yd {
		height: 3.375rem;
	}
}