@charset "utf-8";

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body {
	padding: 0;
	margin: 0;
}

img {
	border-style: none;
	border: 0;
	vertical-align: middle;
}

h1,
h2,
h3,
h4{
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #333;
}

p {
	margin: 0;
	padding: 0;
	color: #666;
}

b,
strong {
	font-weight: bolder;
}

a {
	background-color: transparent;
	color: #333;
	text-decoration: none;
	outline: none;
}

a:hover,
a:focus,
a:active {
	color: #666;
}

ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* 表单*/
input {
	outline: none;
	border: none;
	-webkit-appearance: none;
}

textarea {
	font-family: Arial, "Open Sans", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
	overflow: auto;
	resize: none;
}

button {
	outline: none;
	-webkit-appearance: none;
	cursor: pointer;
}


/* 表格 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*浮动*/
.fl {
	float: left;
}

.fr {
	float: right;
}

/*清除浮动*/
.clearfix:after {
	display: block;
	height: 0;
	content: "";
	clear: both;
	overflow: hidden;
}

/* 触发 hasLayout */
.clearfix {
	zoom: 1;
}

/* scrollbar */
::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 6px;
	width: 6px;
}

::-webkit-scrollbar-track {
	background: #eee;

}

::-webkit-scrollbar-thumb {
	background: var(--default);
}

::-webkit-scrollbar-thumb:active {
	background: #666;
}

/* 全局设置 */
body {
	font-size: 16px;
	font-family: Arial, "Open Sans", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
	line-height: 1.4;
}

.flex {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.position {
	position: relative;
}

.overflow {
	overflow: hidden;
}

.background {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.container {
	margin: 0 auto;
	width: 1400px;
}

@media (max-width:1500px) {
	.container {
		padding-left: 50px;
		padding-right: 50px;
		max-width: 100%;
	}
}

@media (max-width:768px) {
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.padding {
	padding-top: 100px;
	padding-bottom: 100px;
}


@media (max-width:1200px) {
	.padding {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
}


.pt50 {
	padding-top: 100px;
}

@media (max-width:1200px) {
	.pt50 {
		padding-top: 50px;
	}
	
}

/* 主题色设置 */
:root {
	--default: #0070C0;
	--deputy: #E47C13;
}

/* 动画 */
.goScale {-moz-animation-name: goScale;-ms-animation-name: goScale;-webkit-animation-name: goScale;animation-name: goScale;}@keyframes goScale {0% {opacity: 0;-webkit-transform: scale(.4);-ms-transform: scale(.4);-moz-transform: scale(.4);transform: scale(.2);}to {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);transform: scale(1)}}.goLeft {-ms-animation-name: goLeft;-moz-animation-name: goLeft;-webkit-animation-name: goLeft;animation-name: goLeft;}@keyframes goLeft {0% {opacity: 0;-webkit-transform: translate3d(-30px, 0, 0);-ms-transform: translate3d(-30px, 0, 0);-moz-transform: translate3d(-30px, 0, 0);transform: translate3d(-30px, 0, 0)}to {opacity: 1;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);}}.goRight {-webkit-animation-name: goRight;-ms-animation-name: goRight;-moz-animation-name: goRight;animation-name: goRight;}@keyframes goRight {0% {opacity: 0;-webkit-transform: translate3d(30px, 0, 0);-ms-transform: translate3d(30px, 0, 0);-moz-transform: translate3d(30px, 0, 0);transform: translate3d(30px, 0, 0)}to {opacity: 1;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0)}}.goUp {-webkit-animation-name: goUp;-ms-animation-name: goUp;-moz-animation-name: goUp;animation-name: goUp;}@keyframes goUp {0% {opacity: 0;-webkit-transform: translate3d(0, 30px, 0);-ms-transform: translate3d(0, 30px, 0);-moz-transform: translate3d(0, 30px, 0);transform: translate3d(0, 30px, 0)}to {opacity: 1;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0)}}.goDown {-webkit-animation-name: goDown;-ms-animation-name: goDown;-moz-animation-name: goDown;animation-name: goDown;}@keyframes goDown {0% {opacity: 0;-webkit-transform: translate3d(0, -30px, 0);-ms-transform: translate3d(0, -30px, 0);-moz-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0)}to {opacity: 1;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0)}}.animated {-webkit-animation-duration: 1s;-ms-animation-duration: 1s;-moz-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;-ms-animation-fill-mode: both;-moz-animation-fill-mode: both;animation-fill-mode: both}.animated.infinite {-webkit-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite}.animated.delay-1s {-webkit-animation-delay: 1s;-ms-animation-delay: 1s;-moz-animation-delay: 1s;animation-delay: 1s}.animated.delay-2s {-webkit-animation-delay: 2s;-ms-animation-delay: 2s;-moz-animation-delay: 2s;animation-delay: 2s}.animated.delay-3s {-webkit-animation-delay: 3s;-ms-animation-delay: 3s;-moz-animation-delay: 3s;animation-delay: 3s}.animated.delay-4s {-webkit-animation-delay: 4s;animation-delay: 4s}.animated.delay-5s {-webkit-animation-delay: 5s;-ms-animation-delay: 5s;-moz-animation-delay: 5s;animation-delay: 5s}.animated.fast {-webkit-animation-duration: .8s;-ms-animation-duration: .8s;-moz-animation-duration: .8s;animation-duration: .8s}.animated.faster {-webkit-animation-duration: .5s;-ms-animation-duration: .5s;-moz-animation-duration: .5s;animation-duration: .5s}.animated.slow {-webkit-animation-duration: 2s;-ms-animation-duration: 2s;-moz-animation-duration: 2s;animation-duration: 2s}.animated.slower {-webkit-animation-duration: 3s;-ms-animation-duration: 3s;-moz-animation-duration: 3s;animation-duration: 3s}@media (prefers-reduced-motion:reduce),(print) {.animated {-webkit-animation-duration: 1ms !important;-ms-animation-duration: 1ms !important;-moz-animation-duration: 1ms !important;animation-duration: 1ms !important;-webkit-transition-duration: 1ms !important;-ms-transition-duration: 1ms !important;-moz-transition-duration: 1ms !important;transition-duration: 1ms !important;-webkit-animation-iteration-count: 1 !important;-ms-animation-iteration-count: 1 !important;-moz-animation-iteration-count: 1 !important;animation-iteration-count: 1 !important;}}/***编程使我快乐**/.an-animate .an-animate-item:nth-child(1) {animation-delay: .1s;-webkit-animation-delay: .1s;-ms-animation-delay: .1s;-moz-animation-delay: .1s;}.an-animate .an-animate-item:nth-child(2) {animation-delay: .2s;-webkit-animation-delay: .2s;-ms-animation-delay: .2s;-moz-animation-delay: .2s;}.an-animate .an-animate-item:nth-child(3) {animation-delay: .3s;-webkit-animation-delay: .3s;-ms-animation-delay: .3s;-moz-animation-delay: .3s;}.an-animate .an-animate-item:nth-child(4) {animation-delay: .4s;-webkit-animation-delay: .4s;-ms-animation-delay: .4s;-moz-animation-delay: .4s;}.an-animate .an-animate-item:nth-child(5) {animation-delay: .5s;-webkit-animation-delay: .5s;-ms-animation-delay: .5s;-moz-animation-delay: .5s;}.an-animate .an-animate-item:nth-child(6) {animation-delay: .6s;-webkit-animation-delay: .6s;-ms-animation-delay: .6s;-moz-animation-delay: .6s;}.an-animate .an-animate-item:nth-child(7) {animation-delay: .7s;-webkit-animation-delay: .7s;-ms-animation-delay: .7s;-moz-animation-delay: .7s;}.an-animate .an-animate-item:nth-child(8) {animation-delay: .8s;-webkit-animation-delay: .8s;-ms-animation-delay: .8s;-moz-animation-delay: .8s;}.an-animate .an-animate-item:nth-child(9) {animation-delay: .9s;-webkit-animation-delay: .9s;-ms-animation-delay: .9s;-moz-animation-delay: .9s;}.an-animate .an-animate-item:nth-child(10) {animation-delay: 1s;-webkit-animation-delay: 1s;-ms-animation-delay: 1s;-moz-animation-delay: 1s;}.an-animate .an-animate-item:nth-child(11) {animation-delay: 1.1s;-webkit-animation-delay: 1.1s;-ms-animation-delay: 1.1s;-moz-animation-delay: 1.1s;}.an-animate .an-animate-item:nth-child(12) {animation-delay: 1.2s;-webkit-animation-delay: 1.2s;-ms-animation-delay: 1.2s;-moz-animation-delay: 1.2s;}.an-animate .an-animate-item:nth-child(13) {animation-delay: 1.3s;-webkit-animation-delay: 1.3s;-ms-animation-delay: 1.3s;-moz-animation-delay: 1.3s;}.an-animate .an-animate-item:nth-child(14) {animation-delay: 1.4s;-webkit-animation-delay: 1.4s;-ms-animation-delay: 1.4s;-moz-animation-delay: 1.3s;}.an-animate .an-animate-item:nth-child(15) {animation-delay: 1.5s;-webkit-animation-delay: 1.5s;-ms-animation-delay: 1.5s;-moz-animation-delay: 1.5s;}.an-animate .an-animate-item:nth-child(16) {animation-delay: 1.6s;-webkit-animation-delay: 1.6s;-ms-animation-delay: 1.6s;-moz-animation-delay: 1.6s;}