@charset "utf-8";

/* CSS Document */
body,
html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	font: 12px/2 "Microsoft JhengHei",微软雅黑, Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	background: #f9f9f9;
	overflow-x: hidden;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

p {
	margin: 0;
	padding: 0;
}

ul,
li {
	list-style: none;
}

img {
	border: 0;
	max-width: 100%;
}

.c-b,
.clear {
	clear: both;
}

a {
	text-decoration: none;
	color: #404040;
}

.line {
	width: 100%;
	height: 1px;
	margin: 20px 0;
	background: #ccc;
}

.text-center {
	text-align: center;
}

.hide {
	display: none !important;
}

.bg-white{
	background: #fff;
}

*::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 4px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 4px;
}

*::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
	background: rgba(0, 0, 0, 0.1);
}

*::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.1);
}

/*动画*/
.lg-fade {
	animation: lg-fadeIn 0.3s 0s forwards;
}

.lg-fade.act {
	z-index: 0;
	animation: lg-fadeOut 0.3s 0s forwards;
}

.lg-fade-right {
	animation: lg-fadeInRight 0.3s 0s forwards;
}

.lg-fade-right.act {
	z-index: 0;
	animation: lg-fadeOutRight 0.3s 0s forwards;
}

@keyframes lg-fadeIn {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}

@keyframes lg-fadeOut {
	0% {
		opacity: 1;
		transform: translateY(0);;
	}

	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

@keyframes lg-fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(200px);
	}

	100% {
		opacity: 1;
		transform: translateX(0px);
	}
}

@keyframes lg-fadeOutRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(200px);
	}
}

@keyframes lg-UpDown {
	0% {
		bottom: 0;
	}

	50% {
		bottom: 10px;
	}

	100% {
		bottom: 0;
	}
}


@keyframes lg-floatUpSlow {
	0% {
		transform: translateY(20px);
	}

	50% {
		transform: translateY(50px);
	}

	100% {
		transform: translateY(20px);
	}
}


@keyframes lg-floatLeftSlow {
	0% {
		transform: translateX(0px);
	}

	50% {
		transform: translateX(-20px);
	}

	100% {
		transform: translateX(0px);
	}
}


@keyframes lg-rotate {
	0% {
		transform:rotate(0deg)
	}

	100% {
		transform: rotate(360deg);
	}
}


@keyframes lg-rotate-1 {
	0% {
		transform:rotate(0deg)
	}

	100% {
		transform: rotate(180deg);
	}
}
@keyframes lg-rotate-2 {
	0% {
		transform:rotate(180deg)
	}

	100% {
		transform: rotate(360deg);
	}
}


@keyframes lg-hrl {
	0% {
		left: 0;
	}

	50% {
		left: 100%;
	}

	100% {
		left: 0;
	}
}

@keyframes lg-progress {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

@keyframes lg-rotateColor {
	0% {
		transform:rotate(0deg);
		color: #aab6c2;
	}
	20% {
		transform:rotate(72deg);
		color: #b4cfff;
	}
	40% {
		transform:rotate(144deg);
		color: #81aae8;
	}
	60% {
		transform:rotate(216deg);
		color: #3876c2;
	}
	80% {
		transform:rotate(288deg);
		color: #81aae8;
	}
	100% {
		transform: rotate(360deg);
		color: #aab6c2;
	}
}

@keyframes lg-scale {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: scale(20);
		opacity: 0;
	}
}

@keyframes lg-fadeInUp{
	0% {
		opacity: 0;
		transform: translateY(200px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}

/*搜索框*/
.search {
	border: 1px solid #aab6c2;
	border-radius: 25px;
	padding: 10px;
	display: flex;
	align-items: center;
}

.search span {
	border-right: 1px solid #aab6c2;
	font-size: 20px;
	color: #aab6c2;
	padding: 0 10px;
	margin-right: 10px;
	cursor: pointer;
}

.search span:hover {
	color: #003777;
}

.search input {
	width:100%;
	border: 0;
	outline: none;
	background: none;
	color: #fff;
	font-size: 16px;
}

/*波浪*/
@keyframes move_wave {
	0% {
		transform: translateX(0) translateZ(0) scaleY(1)
	}

	50% {
		transform: translateX(-25%) translateZ(0) scaleY(0.55)
	}

	100% {
		transform: translateX(-50%) translateZ(0) scaleY(1)
	}
}

.waveWrapper {
	overflow: hidden;
	height: 120px;
	width: 100%;
	position: absolute;
	top: -120px;
	left: 0;
	z-index: 12;
}

.waveWrapperInner {
	position: absolute;
	width: 100%;
	overflow: hidden;
	height: 100%;
	bottom: -1px;
}

.bgTop {
	z-index: 15;
	opacity: 1;
}

.bgMiddle {
	z-index: 10;
	opacity: 0.75;
	display: none;
}

.bgBottom {
	z-index: 5;
	display: none;
}

.wave {
	position: absolute;
	left: 0;
	width: 200%;
	height: 100%;
	background-repeat: repeat no-repeat;
	background-position: 0 bottom;
	transform-origin: center bottom;
}

.waveTop {
	background-size: 50% 100px;
}

.waveAnimation .waveTop {
	animation: move-wave 3s;
	-webkit-animation: move-wave 3s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.waveMiddle {
	background-size: 50% 120px;
}

.waveAnimation .waveMiddle {
	animation: move_wave 10s linear infinite;
}

.waveBottom {
	background-size: 50% 100px;
}

.waveAnimation .waveBottom {
	animation: move_wave 15s linear infinite;
}

/*彩色边框*/
.color-border-box{
	padding: 5px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.color-border-box:before{
	content: "";
	position: absolute;
	width: 500px;
	height:500px;
	background-image: conic-gradient(
	transparent,
	transparent,
	transparent,
	#1f6ed3);
	animation: lg-rotate-1 2s linear infinite; 
	opacity: 0;
}

.color-border-box:after{
	content: "";
	position: absolute;
	width: 600px;
	height:600px;
	background-image: conic-gradient(
	transparent,
	transparent,
	transparent,
	#1f6ed3);
	transform: rotate(180deg);
	animation: lg-rotate-2 2s linear infinite; 
	opacity: 0;
}
.color-border-box:hover:before,.color-border-box:hover:after{
	opacity: 1;
} 

/*switch*/
.switch{
	position: relative;
}
.switchMenu{
	
}
.switchBox{
	display:none;
}
.switchBox.act{
	display: block;
}<!--0.00018215179443359-->