:root {
	--animate-duration: .5s;
	--animate-delay: .5s;
	--animate-repeat: 1
}

/* Clearfix Clear float  */
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
	/*IE/7/6*/
}

.layout {
	width: 1200px;
	margin: 0 auto;
}

.px1600 {
	max-width: 1650px;
	margin: 0 auto;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.header .bd .px1600 {
	height: 1.03rem;
	padding-top: .15rem;
}

.nav {
	position: relative;
	z-index: 99;
	margin-right: .5rem;
}

.nav ul {
	float: left;
}

.nav ul li {
	display: inline-block;
	position: relative;
	font-size: 16px;
	vertical-align: top;
	margin: 0 0 0 .28rem;
}

.nav .nav-user {
	float: left;
}

.nav .nav-user img {
	width: 0.19rem;
	height: 0.19rem;
	display: block;
	margin: .27rem 0 0 .28rem;
}

.nav .sub_nav {
	width: 1.11rem;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 9px 9px 9px 9px;
	border: 1px solid rgba(255, 254, 254, 0.41);
	position: absolute;
	top: .57rem;
	left: 50%;
	z-index: 10000;
	transform: translateX(-50%) scaleY(0);
	visibility: hidden;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: .5s;
	transform-origin: top;
}

.nav .sub_nav:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -13px;
	width: 0px;
	height: 0px;
	border: 6px solid transparent;
	border-bottom-color: rgba(255, 255, 255, 0.7);
	z-index: 2;
	transform: translateX(-50%);
}

.nav .sub_nav a {
	display: block;
	text-align: center;
	font-family: Inter, Inter;
	font-weight: 500;
	font-size: .16rem;
	color: #333333;
	height: .47rem;
	line-height: .47rem;
}

.nav .sub_nav a:hover {
	background-color: rgba(64, 120, 255, 0.15);
}

.nav .sub_nav a:hover:first-child {
	border-radius: 10px 10px 0 0;
	background-color: rgba(64, 120, 255, 0.15);
}

.nav .sub_nav a:hover:last-child {
	border-radius: 0 0 10px 10px;
	background-color: rgba(64, 120, 255, 0.15);
}

.nav ul li:hover .sub_nav {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) scaleY(1);
}

.nav h3 a {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: bold;
	font-size: .20rem;
	color: #F2F2F4;
	display: block;
	color: #fff;
	white-space: nowrap;
	line-height: .76rem;
}

.ani-right {
	transform: translateX(350px);
	transition: all 1s ease-out;
	opacity: 0
}

.showdiv.slick_news,
.showdiv.list_new,
.showdiv.tit,
.showdiv.ani {
	opacity: 1 !important;
	transform: none !important;
}

.ani {
	transition: all 1s ease-out;
	transform: translateY(150px);
	opacity: 0
}



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

html,
body {
	height: 100%
}

body {
	overflow-x: hidden;
	background-attachment: fixed;
}

section {
	max-width: 13rem;
	margin: 0 auto !important;
}

.no_scroll {
	overflow: hidden
}

header,
.t_nav {
	font-family: "PingFang SC", "Microsoft Yahei", \5FAE\8F6F\96C5\9ED1, Arial, simHei, Helvetica
}

header {
	height: 1.03rem;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#00000000', GradientType=0);
	/* background: linear-gradient( 325deg, rgba(42,101,235,0) 0%, #062CDF 100%); */
	background: linear-gradient(to bottom, #062CDF, rgba(42, 101, 235, 0));
}

header.on .t_logo {
	margin: -0.4rem 0 0
}

.more:before {
	background: #4078FF;
	bottom: -6px;
	top: initial;
}

.more:hover:before {
	width: 100%
}

.t_logo {
	position: relative
}

.t_logo img {
	display: inline-block;
	vertical-align: middle;
	width: 3.65rem;
	height: .72rem;
}

.t_logo .logo_on {
	display: none
}


header.on .t_nav h3 i,
header.on .logo {
	display: none;
}

/* header.on{background:url(../images/bg_time.jpg) 50%;padding: 0 0 10px;} */
header.on {
	background-color: #2356DC;
}

header.on .logo_on {
	display: block
}

header.on .t_nav {
	margin: 0 0 -4px;
}

/* header.on .t_nav h3 a {
	padding: 0;
} */

.t_nav {
	position: relative;
	z-index: 99
}

.t_nav h3 i {
	display: block;
	font-size: 36px
}

.t_nav li {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin: 0 28px;
}

.t_nav li:last-child {
	margin-right: 0
}

.t_nav h3 {
	font-weight: normal;
	position: relative;
	z-index: 3;
	text-align: center
}

.t_nav h3 a {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: bold;
	font-size: 22px;
	color: #F2F2F4;
	display: block;
	color: #fff;
	white-space: nowrap;
}

.t_nav a {
	display: block;
	color: #fff
}

.t_nav .sub_nav {
	position: absolute;
	top: 100%;
	font-size: 0;
	padding: .28rem .26rem;
	background: #fff;
	min-width: 720px;
	line-height: .38rem;
	border-top: 2px solid #bc1616;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.t_nav .sub_nav a {
	display: inline-block;
	font-size: 16px;
	color: #444;
	vertical-align: middle;
	width: 33.333333%;
	padding: .05rem .05rem .05rem 0;
}

.t_nav .sub_nav a:hover {
	color: #bc1616;
	background-position: 0 -25.5px
}

.sub_nav .cover_img {
	float: right;
	padding-top: 20.06%;
	width: 30%;
}

.t_logo,
.menu {
	z-index: 9999
}

.nav-profile-photo {
	float: left;
	width: .54rem;
	height: .54rem;
	border: 1px solid rgba(5, 255, 255, 0.23);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-left: .3rem;
	margin-top: .1rem;
	opacity: 0;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.nav-profile-photo img {
	width: .44rem;
	display: block;
	border-radius: 50%;
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		/* opacity: 0 */
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

:root {
	--animate-duration: .5s;
	--animate-delay: .5s;
	--animate-repeat: 1
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		/* opacity: 0 */
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		/* opacity: 0 */
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@-webkit-keyframes fadeInUp {
	0% {
		/* opacity: 0; */
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}

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

@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)
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

@font-face {
	font-family: hebfont;
	src: url(../fonts/hebfont.woff?t=1672628936820) format('woff'), url(../fonts/hebfont.ttf?t=1672628936820) format('truetype')
}

-webkit-@keyframes ani_rotate {
	0% {
		transform: rotate(0)
	}

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

-moz-@keyframes ani_rotate {
	0% {
		transform: rotate(0)
	}

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

-ms-@keyframes ani_rotate {
	0% {
		transform: rotate(0)
	}

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

@keyframes ani_rotate {
	0% {
		transform: rotate(0)
	}

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

-webkit-@keyframes ani_down {
	0% {
		transform: translateY(-4px)
	}

	50% {
		transform: translateY(4px)
	}

	100% {
		transform: translateY(-4px)
	}
}

-moz-@keyframes ani_down {
	0% {
		transform: translateY(-4px)
	}

	50% {
		transform: translateY(4px)
	}

	100% {
		transform: translateY(-4px)
	}
}

-ms-@keyframes ani_down {
	0% {
		transform: translateY(-4px)
	}

	50% {
		transform: translateY(4px)
	}

	100% {
		transform: translateY(-4px)
	}
}

@keyframes ani_down {
	0% {
		transform: translateY(-4px)
	}

	50% {
		transform: translateY(4px)
	}

	100% {
		transform: translateY(-4px)
	}
}


.main_wrap {
	/* position: fixed; */
	top: calc(100% - 25%);
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	/* overflow-y: auto;
	overflow-x: hidden; */
	z-index: 99;
}

.tit {
	margin: 0 0 30px 0
}

.tit.ani {
	transform: translateY(-40px);
	/* opacity: 0 */
}

.tit h2 {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: bold;
	font-size: .4rem;
	color: #000000;
	position: relative;
}

.tit i {
	width: .46rem;
	height: .05rem;
	background: #2356DC;
	display: inline-block;
	vertical-align: 4px;
}

.tit span {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: 400;
	font-size: .18rem;
	color: #999999;
	padding-left: 10px;
}

.tit .more {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: 400;
	font-size: .2rem;
	color: #2356DC;
}

.tit.ani {
	transform: translateY(50px)
}

.more b {
	display: block;
	width: 52px;
	height: 1px;
	background: #8AA7EC;
	position: relative;
	margin: 5px 0 0;
}

.more:hover b {
	width: 62px
}

.more b:before,
.more b:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -4px;
	background: #2356DC;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.more b:after {
	-webkit-animation: warn 1.2s ease-out;
	-moz-animation: warn 1.2s ease-out;
	animation: warn 1.2s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.tit.white .more b {
	background: rgba(197, 174, 115, .2);
}

.tit.white .more b:before,
.tit.white .more b:after {
	background: #c5ae73
}



.tit.col {
	writing-mode: tb-lr;
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	margin: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	padding: 52px 0 0 24px;
}

.tit.col h2:before {
	bottom: inherit;
	top: -52px;
	left: -26px;
}

.tit.col .more {
	bottom: 44px;
	top: initial;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	display: inline-block;
	/* height: 80px; */
	padding: 12px 0 0;
}

.tit.col .more b {
	width: 1px;
	height: 52px;
	margin: -12px 0 0 6px;
}

.tit.col .more:hover b {
	height: 62px
}

.tit.col .more b:before,
.tit.col .more b:after {
	right: -4px;
	top: 0;
}

.nav-profile-photo {
	position: relative;
}

.nav-profile-photo:hover .column-user {
	display: block;
}

.column-user {
	width: .8rem;
	position: absolute;
	top: .5rem;
	background-color: white;
	display: none;
}

.column-user a {
	text-align: center;
	color: #323233;
	font-size: .14rem;
	transition: all 0.4s ease-in-out;
	line-height: .44rem;
	display: block;
}

.column-user a:hover {
	background: #f5f5f5;
}
.search_wrap {
	position: fixed;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #666;
	transition: all 0.5s;
	z-index: 99999
}

.search_wrap .bck {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 99999;
}

.search_wrap .search_box {
	position: fixed;
	width: 90%;
	max-width: 660px;
	z-index: 999;
	z-index: 3;
	display: none;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 99999;
}

.search_wrap .i_txt {
	width: 100%;
	height: 46px;
	position: relative;
	border: none;
	padding: 0 95px 0 15px;
	font-size: 15px;
	background: #fff;
}

.search_wrap .search-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 46px;
	cursor: pointer;
	background: #4078FF;
}

.search_wrap .submit {
	width: 22px;
	margin: 10px auto;
	display: block;
}

.search_wrap .close {
	position: fixed;
	right: 5%;
	top: 15%;
	width: 32px;
	height: 32px;
	background: url(/statics/againgb/images/xxx.png) no-repeat center;
	background-size: cover;
	cursor: pointer;
	transition-duration: .5s;
	z-index: 99999;
}

.search_wrap .close:hover {
	transform: rotate(90deg)
}

@keyframes warn {
	0% {
		transform: scale(0.3);
		-webkit-transform: scale(0.3);
		/* opacity: 0 */
	}

	25% {
		transform: scale(0.6);
		-webkit-transform: scale(0.6);
		opacity: .1
	}

	50% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		opacity: .2
	}

	75% {
		transform: scale(1.8);
		-webkit-transform: scale(1.8);
		opacity: .3
	}

	100% {
		transform: scale(2.4);
		-webkit-transform: scale(2.4);
		/* opacity: 0 */
	}
}



/* .showdiv.slick_news,.showdiv.list_news,.showdiv.tit,.showdiv.ani{transform:none !important;opacity:1 !important;} */

/* .ani{transition:all 1s ease-out;transform:translateY(50px);opacity:0} */

/* .header{transform:translateY(-50px)} */


-webkit-@keyframes ani_toRight2 {

	0%,
	100% {
		right: 16px
	}

	50% {
		right: 24px
	}
}

-moz-@keyframes ani_toRight2 {

	0%,
	100% {
		right: 16px
	}

	50% {
		right: 24px
	}
}

-ms-@keyframes ani_toRight2 {

	0%,
	100% {
		right: 16px
	}

	50% {
		right: 24px
	}
}

@keyframes ani_toRight2 {

	0%,
	100% {
		right: 16px
	}

	50% {
		right: 24px
	}
}


.f_about p:hover i,
.t_nav li:hover h3 i,
.a_more a:hover i,
.list_icon a:hover i {
	-webkit-animation: icon-bounce 0.5s alternate;
	-moz-animation: icon-bounce 0.5s alternate;
	-ms-animation: icon-bounce 0.5s alternate;
	-o-animation: icon-bounce 0.5s alternate;
	animation: icon-bounce 0.5s alternate
}


@keyframes icon-bounce {

	0%,
	100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg)
	}

	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
}

@-webkit-keyframes icon-bounce {

	0%,
	100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg)
	}

	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
}

@-moz-keyframes icon-bounce {

	0%,
	100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg)
	}

	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
}

@-o-keyframes icon-bounce {

	0%,
	100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg)
	}

	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
}



-webkit-@keyframes ani_toRight1 {

	0%,
	100% {
		right: 6px
	}

	50% {
		right: 14px
	}
}

-moz-@keyframes ani_toRight1 {

	0%,
	100% {
		right: 6px
	}

	50% {
		right: 14px
	}
}

-ms-@keyframes ani_toRight1 {

	0%,
	100% {
		right: 6px
	}

	50% {
		right: 14px
	}
}

@media (max-width: 1540px) {
	.t_nav li {
		margin: 0 18px;
	}
}
.footer {
	width: 100%;
	height: 4.63rem;
	background: url(/statics/againgb/images/footer_bck.png) no-repeat center top;
	background-size: cover;
	padding-top: .82rem;
	background-color: #2356DC;
}

.footer .footer_logo {
	width: 3.93rem;
	height: 2.3rem;
	border-right: 1px solid white;
	padding-top: .2rem;
	float: left;
}

.footer .footer_logo .footer_box {
	float: left;
	text-align: center;
}
.footer .footer_logo .footer_box img{
	width: 95px;
	height: 95px;
}
.footer .footer_box p {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: bold;
	font-size: .16rem;
	color: #ECEBEB;
	padding-top: .12rem;
}

.footer .footer_box i {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: 400;
	font-size: .11rem;
	color: #ECEBEB;
	font-style: normal;
	display: block;
}

.footer .footer_box a span {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: 400;
	font-size: .14rem;
	color: #ECEBEB;
	display: block;
	padding-top: .28rem;
}

.footer .footer_logo .copy_img {
	width: .76rem;
	height: .89rem;
	display: block;
	float: left;
	margin-left: .2rem;
	margin-top: .05rem;
}

.footer_message {
	float: left;
	margin-left: .56rem;
}

.footer_message ul li {
	float: left;
	position: relative;
	margin-right: .45rem;
}

.footer_message ul li:last-child {
	margin-right: 0;
}

.footer_message ul li h3 {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: bold;
	font-size: .14rem;
	color: #FFFFFF;
	padding-bottom: .26rem;
}

.footer_message ul li h3:after {
	content: "";
	width: .3rem;
	height: 1px;
	background-color: #FFFFFF;
	position: absolute;
	top: .27rem;
	left: 0;
}

.footer_message ul li a {
	display: block;
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: bold;
	font-size: .14rem;
	color: #E4E4E4;
	line-height: .42rem;
}

.footer_list {
	float: left;
	margin-left: .8rem;
}

.footer_list li {
	position: relative;
	z-index: 9999;
	cursor: pointer;
	margin-bottom: .36rem;
}

.footer_list li:last-child {
	margin-bottom: 0;
}

.footer_list li .ico {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .5s
}

.footer_list li .ico img {
	transition: .5s;
}

.footer_list li .ewm {
	position: absolute;
	bottom: -0.23rem;
	left: 30%;
	width: .86rem;
	padding: 0;
	transition: .5s;
	opacity: 0;
	visibility: hidden;
	border-radius: 0;
	overflow: hidden;
}

.footer_list li .ewm img {
	width: 100%;
}

.footer_list li:hover .ico svg {
	fill: #1d1d1d;
	opacity: 1
}

.footer_list li:hover .ewm {
	transform: translate(50%, 0);
	opacity: 1;
	visibility: visible;
}

.footer .copy-text {
	width: 10.4rem;
	text-align: center;
	font-family: zihun111hao-jibangzhaopaiti, zihun111hao-jibangzhaopaiti;
	font-weight: 400;
	font-size: .23rem;
	color: #5CE3D3;
	letter-spacing: 3px;
	display: block;
}
.footer .copy-text img{
	width: 8.3rem;
	height: .28rem;
	margin-top: -0.44rem;
}
.footer_list ul li:nth-child(1) .ico img{
		width: .37rem;
		height: .37rem;
}
.footer_list ul li:nth-child(2) .ico img{
		width: .35rem;
		height: .35rem;
}
.footer_list ul li:nth-child(3) .ico img{
		width: .29rem;
		height: .28rem;
}
.footer_list ul li:nth-child(4) .ico img{
		width: .31rem;
		height: .30rem;
}
.footer_list ul li:nth-child(5) .ico img{
		width: .29rem;
		height: .28rem;
}
@keyframes warn {
	0% {
		transform: scale(0.3);
		-webkit-transform: scale(0.3);
		opacity: 0
	}

	25% {
		transform: scale(0.6);
		-webkit-transform: scale(0.6);
		opacity: .1
	}

	50% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		opacity: .2
	}

	75% {
		transform: scale(1.8);
		-webkit-transform: scale(1.8);
		opacity: .3
	}

	100% {
		transform: scale(2.4);
		-webkit-transform: scale(2.4);
		opacity: 0
	}
}