@charset "utf-8";
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-weight: normal;
}
html, body {
	width: 100%;
	height: 100%;
	font-family: "微软雅黑", "黑体", "宋体", "Arial", "Microsoft YaHei", sans-serif;
}
body {
	font-size: 16px;
}
ul, ol, dl {
	list-style: none;
}
img {
	vertical-align: bottom;
}
* {
	box-sizing: border-box;
}
:after, :before {
	box-sizing: border-box;
}
a {
	text-decoration: none;
	color: #242424;
}
fieldset, img, input, button, textarea {
	border: none;
	margin: 0;
	padding: 0;
	outline: none;
}
i, cite, em, var, address, dfn {
	font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
button {
	vertical-align: middle;
}
select::-ms-expand {
display: none;
}
select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: none;
}
/* 间距 */
.mr0 {
	margin-right: 0 !important;
}
.ml0 {
	margin-left: 0 !important;
}
.mt0 {
	margin-top: 0 !important
}
.pr0 {
	padding-right: 0 !important;
}
.pl0 {
	padding-left: 0 !important;
}
/* 浮动 */
.fl {
	float: left;
}
.fr {
	float: right;
}
/* 清除浮动 */
.clearfix:before, .clearfix:after {
	content: '';
	display: table;
	clear: both;
}
.clearfix {
	zoom: 1;
}
/* 文字超出显示... */
.no-wrap {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* 版心 */
.w-1920 {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	min-width: 1100px;
}
.w {
	margin: 0 auto;
	max-width: 1300px;
	padding: 0 10px;
}
.w-100 {
	width: 100%;
	min-width: 1100px;
}
.w-1280 {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 10px;
}
.w-wrapper {
	width: 100%;
	min-width: 1100px;
}
.min_w {
	/* min-width: 1100px; */
}
/* 定位 */
.pos-r {
	position: relative;
	display: block;
}
.pos-a {
	position: absolute;
}
.pos-f {
	position: fixed !important;
	left: 0;
	top: 0;
}
/* 对齐 */
.tl {
	text-align: left;
}
.tj {
	text-align: justify;
	display: block;
	text-justify: inter-ideograph;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
/* 宽度 */
.w20 {
	width: 20%;
}
.w21 {
	width: 21%;
}
.w22 {
	width: 22%;
}
.w23 {
	width: 23%;
}
.w24 {
	width: 24%;
}
.w25 {
	width: 25%;
}
.w26 {
	width: 26%;
}
.w27 {
	width: 27%;
}
.w28 {
	width: 28%;
}
.w29 {
	width: 29%;
}
.w30 {
	width: 30%;
}
.w31 {
	width: 31%;
}
.w32 {
	width: 32%;
}
.w33 {
	width: 33%;
}
.w34 {
	width: 33%;
}
.w35 {
	width: 33%;
}
.w36 {
	width: 33%;
}
.w45 {
	width: 45%;
}
.w46 {
	width: 46%;
}
.w47 {
	width: 47%;
}
.w48 {
	width: 48%;
}
.w49 {
	width: 49%;
}
.w50 {
	width: 50%;
}
.w60 {
	width: 60%;
}
.w61 {
	width: 61%;
}
.w62 {
	width: 62%;
}
.w63 {
	width: 63%;
}
.w64 {
	width: 64%;
}
.w65 {
	width: 65%;
}
.w66 {
	width: 66%;
}
.w67 {
	width: 67%;
}
.w68 {
	width: 68%;
}
.w69 {
	width: 69%;
}
.w70 {
	width: 70%;
}
.w71 {
	width: 71%;
}
.w72 {
	width: 72%;
}
.w73 {
	width: 73%;
}
.w74 {
	width: 74%;
}
.w75 {
	width: 75%;
}
.w76 {
	width: 76%;
}
.w77 {
	width: 77%;
}
.w78 {
	width: 78%;
}
.w79 {
	width: 79%;
}
.w80 {
	width: 80%;
}
/* 表格布局 */
.table_layout {
	width: 100%;
	display: table;
	table-layout: fixed;
}
.table_layout_child {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.cssanimations {
	opacity: 0;
	animation-duration: 1.5s !important;
	-o-animation-duration: 1.5s !important;
	-ms-animation-duration: 1.5s !important;
	-moz-animation-duration: 1.5s !important;
	-webkit-animation-duration: 1.5s !important;
	animation-fill-mode: both !important;
	-o-animation-fill-mode: both !important;
	-ms-animation-fill-mode: both !important;
	-moz-animation-fill-mode: both !important;
	-webkit-animation-fill-mode: both !important;
}
.transition {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.scaleImg:hover img {
	transform: scale(1.03);
}
.translateY:hover {
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
}
/* 上下左右淡出 */
@keyframes fadeInDown {
 0% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
 100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes fadeInDown {
 0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
 100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDown {
	-webkit-animation: fadeInDown 1s;
	animation: fadeInDown 1s;
}
 @keyframes fadeInUp {
 0% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
 100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes fadeInUp {
 0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
 100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUp {
	-webkit-animation: fadeInUp 1s;
	animation: fadeInUp 1s;
}
 @keyframes fadeInLeft {
 0% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
 100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes fadeInLeft {
 0% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
 100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeft {
	-webkit-animation: fadeInLeft 1s;
	animation: fadeInLeft 1s;
}
 @keyframes fadeInRight {
 0% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
 100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes fadeInRight {
 0% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
 100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRight {
	-webkit-animation: fadeInRight 1s;
	animation: fadeInRight 1s;
}
/* 上下左右淡出结束 */


.myanimation_d {
	transition: all 1s;
	opacity: 0;
	transform: translateY(-40px);
}
.myanimation_l {
	transition: all 1s;
	opacity: 0;
	transform: translateX(-40px);
}
.myanimation_r {
	transition: all 1s;
	opacity: 0;
	transform: translateX(40px);
}
.myanimation_u {
	transition: all 1s;
	opacity: 0;
	transform: translateY(40px);
}
.my {
	transform: translateY(0px);
	transform: translateX(0px);
	opacity: 1;
}
.animated {
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-duration: 1s;
	animation-fill-mode: both;
}
/* 左右摇晃 */
@-webkit-keyframes swing {
 20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
 40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
 60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
 80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}
}
@keyframes swing {
 20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
 40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
 60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
 80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}
}
.swing {
	-webkit-animation-name: swing;
	-webkit-transform-origin: top center;
	animation-name: swing;
	transform-origin: top center;
}
/* 左右摇晃结束 */

.Two_lines-time {
	float: left;
}
.Two_lines-time p {
	font-size: 12px;
	color: #fff;
	text-align: center;
	display: block;
	background: #0068b7;
	padding: 2px 2px;
}
.Two_lines-time span {
	text-align: center;
	font-size: 22px;
 font-size: .22rem;
	color: #242424;
	display: block;
	text-align: center;
	background: #e4e4e4;
	padding: 0px 16px;
 padding: 0 .16rem;
	line-height: 45px;
	line-height: 0.45rem;
}
/* 动画 down_arrow */
@-webkit-keyframes down_arrow {
 0% {
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px)
}
 50% {
 -webkit-transform: translateY(5px);
 transform: translateY(5px)
}
 100% {
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px)
}
}
 @keyframes down_arrow {
 0% {
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px)
}
 50% {
 -webkit-transform: translateY(5px);
 transform: translateY(5px)
}
 100% {
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px)
}
}
.yb a {
    color: #fff;
}
.footer a {
    color: #fff;
}