@charset "utf-8";
 
:root {
	--font-size-f-14: .14rem;
	--font-size-f-16: .16rem;
	--font-size-f-18: .18rem;
	--font-size-f-20: .20rem;
	--font-size-f-22: .22rem;
	--font-size-f-24: .24rem;
	--font-size-f-26: .26rem;
	--font-size-f-28: .28rem;
	--font-size-f-30: .30rem;
	--font-size-f-32: .32rem;
	--font-size-f-34: .34rem;
	--font-size-f-36: .36rem;
	--font-size-f-38: .38rem;
	--font-size-f-40: .40rem;
	--font-size-f-42: .42rem;
	--font-size-f-44: .44rem;
	--font-size-f-46: .46rem;
	--font-size-f-48: .48rem;
	--font-size-f-50: .50rem;
	--color: #2ca6f9
}
@font-face {
	font-family:frabk;src:url(../fonts/frabk.woff);font-display:swap
}
@font-face {
	font-family:fradm;src:url(../fonts/fradm.woff);font-display:swap
}
html {
	font-size: calc(100vw/19.2)
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
body {
	min-height: 100%;
	font-family: frabk;
	font-size: var(--font-size-f-14);
	line-height: 1.5;
	color: #222
}
#videomodal .modal-dialog {
	max-width: 10rem
}
#imgModal .modal-dialog {
	max-width: 65rem;
	text-align: center
}
#imgModal .modal-content {
	max-width: 6.42rem;
	margin: auto
}
.modal-dialog {
	margin: .35rem auto
}
#imgModal .embed-responsive img {
	max-height: 6.5rem!important
}
.embed-responsive-16by9::before {
	padding-top: 0
}
#videomodal .embed-responsive {
	max-width: 8rem;
	margin: auto
}
.text-primary {
	color: #4a7ff5
}
hr {
	margin: .35rem 0
}
img {
	border: 0;
	vertical-align: top;
	max-width: 100%
}
ul {
	margin: 0;
	padding: 0
}
li {
	list-style: none
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
	margin-bottom: 0
}
 
a:focus,a:hover {
	text-decoration: none;
	color: var(--color)
}
button,input {
	border-radius: 0
}
button {
	cursor: pointer
}
input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
textarea {
	resize: none;
	overflow: auto
}
button,input,select,textarea {
	border: 0;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: 0 0;
	outline: 0
}
select {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
select::-ms-expand {
	display: none
}
table {
	border-collapse: collapse
}
.table {
	margin-bottom: 0
}
.table table {
	width: 100%
}
.table td,.table th {
	border: .01rem solid #f2f4fb
}
.scale {
	transition: .6s all
}
.scale:hover {
	transform: scale(1.06)
}
.fl {
	float: left
}
.fr {
	float: right
}
.clear {
	zoom: 1
}
.clear:after {
	content: '';
	display: block;
	clear: both
}
.flex-center {
	display: flex;
	align-items: center
}
.flex {
	display: flex
}
.flex_bd {
	flex: 1;
	min-width: 0
}
p {
	margin: 0;
}
dl,ol,ul {
	margin: 0
}
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.fixed {
	align-self: flex-start;
	position: sticky;
	top: .85rem
}
 
.hidden {
	display: none
}
.line-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
.line-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.line-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}
.line-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}
.line-5 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical
}
.line-6 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical
}
.auto-container {
	max-width: 14rem;
	margin: auto
}
.top-search-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 100;
	opacity: .8;
	display: none
}
.modal-header {
	padding: .2rem
}
.modal-title {
	font-size: var(--font-size-f-20)
}
.modal-header .close {
	padding: 0;
	margin: 0;
	line-height: .26rem;
	font-size: var(--font-size-f-30)
}
.modal-header .close span {
	font-size: var(--font-size-f-30);
	line-height: .26rem
}
.modal-body {
	padding: .2rem
}
.modal-content {
	border-radius: .1rem
}
figure {
	margin: 0
}
.more_btn {
	overflow: hidden;
	cursor: pointer;
	display: block;
	position: relative;
	z-index: 0
}
.more_btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: -.01rem -.01rem -.01rem auto;
	width: 0;
	background-color: #2ca6f9;
	opacity: 1;
	transition: .36s cubic-bezier(.05,.92,.21,.97)
}
.more_btn .btn_icon {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	width: .6rem
}
.btn_icon:after,.btn_icon:before {
	content: "";
	position: absolute;
	right: 50%;
	bottom: 50%;
	background: url(../images/arrow_icon.webp);
	width: .15rem;
	height: .15rem;
	background-size: contain;
	max-width: .15rem
}
.btn_icon:before {
	transform: translate(50%,50%) translateZ(0)
}
.btn_icon:after {
	opacity: 0;
	transform: translate(50%,50%) translate3d(-20px,0,0)
}
.more_btn:hover:before {
	width: calc(100% + 2px);
	right: auto;
	left: -.01rem
}
.more_btn:hover .btn_icon:before {
	opacity: 0;
	transform: translate(50%,50%) translate3d(5px,0,0);
	transition: transform .24s cubic-bezier(.05,.85,.36,.98) .12s,opacity .24s cubic-bezier(.05,.85,.36,.98) .12s
}
.more_btn:hover .btn_icon:after {
	opacity: 1;
	transform: translate(50%,50%) translateZ(0);
	transition: transform .6s cubic-bezier(.05,.85,.36,.98) .48s,opacity .48s cubic-bezier(.05,.85,.36,.98) .48s;
	filter: brightness(0) invert(1)
}
.loading-box {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	z-index: 99;
	text-align: center;
	top: 0;
	padding-top: 10%;
	display: none
}
.loading-box img {
	width: 1.2rem
}
.hide {
	display: none
}
@keyframes more_btn_hover {
	0% {
		opacity: 1;
		transform: scale(1) translateX(0)
	}
	30% {
		opacity: 0;
		transform: scale(.5) translateX(.15rem)
	}
	30.1% {
		opacity: 0;
		transform: scale(.5) translateX(-.2rem)
	}
	to {
		opacity: 1;
		transform: scale(1) translateX(0)
	}
}
.more_btn_hover {
	position: relative;
	display: inline-block
}
.more_btn_hover:before {
	content: "";
	vertical-align: middle;
	line-height: 1;
	display: inline-block;
	background: url(../images/arrow_icon.webp) no-repeat;
	width: .16rem;
	height: .16rem;
	background-size: .16rem;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}
.more_btn_hover:hover:before {
	animation: more_btn_hover cubic-bezier(.785,.135,.15,.86) .5s forwards
}
/*! 常规鼠标经过效果*/.btn_effect1 {
	place-items: center;
	position: relative;
	transition: color .5s cubic-bezier(.26,.06,0,1),background-color .5s cubic-bezier(.26,.06,0,1),border-color .5s cubic-bezier(.26,.06,0,1)
}
.btn_effect1>span {
	overflow: hidden;
	width: 100%;
	display: block;
	line-height: normal
}
.btn_effect1 .effect_label {
	display: block;
	position: relative;
	text-align: center;
	transform: translateZ(0);
	transition: transform .5s cubic-bezier(.47,.16,.24,1) .3s
}
.btn_effect1 .effect_label>span {
	display: block;
	width: 100%
}
.btn_effect1 .effect_label>span:nth-child(2) {
	left: 0;
	opacity: 0;
	padding-right: 0;
	position: absolute;
	top: 0;
	transform: translate3d(0,200%,0);
	transition: transform .6s cubic-bezier(.43,.05,.17,1),opacity .4s cubic-bezier(.26,.06,0,1)
}
.btn_effect1:hover .effect_label {
	transform: translate3d(0,-100%,0);
	transition: transform .4s cubic-bezier(.47,.16,.24,1)
}
.btn_effect1:hover .effect_label>span:nth-child(2) {
	opacity: 1;
	transform: translate3d(0,100%,0);
	transition: transform .7s cubic-bezier(.47,.16,.24,1) .3s
}
/*! 常规鼠标经过效果*//*! 鼠标经过效果1*/.btn_effect2 {
	border-radius: 99.99rem;
	background-color: #e5e5e5;
	transition-duration: .5s;
	transform: scaleX(1) scaleY(1)
}
.btn_effect2:hover {
	transform: scaleX(.9) scaleY(.9)
}
.btn_effect2 .effect2_label {
	transition-duration: .5s;
	display: flex;
	align-items: center;
	justify-content: center
}
/*! 鼠标经过效果1*/.btn_effect3 .effect3_label_icon {
	transition: transform .4s ease-in-out;
	transform: translate(0,0)
}
.btn_effect3 .effect3_label_icon .label_icon img {
	max-width: .13rem;
	vertical-align: baseline
}
.btn_effect3:hover .effect3_label_icon {
	transition: transform .2s cubic-bezier(.25,.46,.45,.94)
}
/*! 鼠标经过效果2*/.btn_effect3 {
	padding-right: .2rem;
	display: inline-grid;
	place-items: center;
	position: relative;
	transition: color .5s cubic-bezier(.26,.06,0,1),background-color .5s cubic-bezier(.26,.06,0,1),border-color .5s cubic-bezier(.26,.06,0,1)
}
.btn_effect3:hover {
	background-color: var(--color)!important;
	border-color: var(--color)!important;
	color: #fff;
	transition: color .3s cubic-bezier(.26,.06,0,1) .3s,background-color .8s cubic-bezier(.26,.06,0,1) .3s,border-color .8s cubic-bezier(.26,.06,0,1) .3s
}
.effect3_label_icon {
	background-color: var(--color);
	border-radius: .4rem;
	color: #fff;
	display: grid;
	height: .4rem;
	left: calc(.4rem/4);
	place-items: center;
	position: absolute;
	top: calc(50% - .4rem/ 2);
	transform: translateZ(0);
	width: .4rem
}
.effect3_label {
	display: block;
	position: relative;
	text-align: center;
	transform: translateZ(0);
	transition: transform .5s cubic-bezier(.47,.16,.24,1) .3s
}
.effect3_label>span {
	display: block;
	width: 100%;
	font-size: var(--font-size-f-16);
	font-family: fradm;
	text-transform: uppercase
}
.effect3_label>span:first-child {
	padding-left: calc(.6rem)
}
.effect3_label>span:nth-child(2) {
	left: -.1rem;
	opacity: 0;
	padding-right: 0;
	position: absolute;
	top: 0;
	transform: translate3d(0,200%,0);
	transition: transform .6s cubic-bezier(.43,.05,.17,1),opacity .4s cubic-bezier(.26,.06,0,1)
}
.btn_effect3:hover .effect3_label {
	transform: translate3d(0,-100%,0);
	transition: transform .4s cubic-bezier(.47,.16,.24,1)
}
.btn_effect3:hover .effect3_label>span:nth-child(2) {
	opacity: 1;
	transform: translate3d(0,100%,0);
	transition: transform .7s cubic-bezier(.47,.16,.24,1) .3s
}
/*! 鼠标经过效果2*/.head {
	position: fixed;
	top: .26rem;
	width: 100%;
	z-index: 99;
	padding: 0 1rem;
	transition: all .3s ease-in-out
}
.head.c-style2 {
	padding: 0;
	top: 0
}
.head nav {
	display: flex;
	background: #fff;
	align-items: center;
	justify-content: space-between;
	position: relative;
	min-height: .8rem;
	background-size: contain;
	border-radius: .2rem;
	border: .01rem solid #2ca6f9;
	max-width: 100%;
}
.head.c-style2 nav {
	border-radius: 0
}
.head .nav_logo {
	display: flex;
	align-items: center;
	width: 25%;
}
.head .nav_logo .logo_icon {
	display: inline-block;
	margin-left: .2rem
}
.head .nav_logo .logo_icon img {
	max-width: 1.6rem
}
.head .nav_logo .slogan {
	margin-left: .2rem;
	font-family: fradm;
	font-size: var(--font-size-f-16);
	line-height: .2rem;
	max-width: 2.45rem;
	color: #2ca6f9;
	width: 2.45rem;
}
.head .nav_item {
	display: flex;
	width: 10.5rem;
	justify-content: flex-end
}
.head .nav_item .item:hover .dropdown_link.children {
	position: relative
}
.head .nav_item .item .dropdown_link a:before {
	display: block;
	content: '';
	background: url(../images/icon_nav.webp);
	width: .19rem;
	height: .3rem;
	max-width: .19rem;
	position: absolute;
	right: 0;
	left: 0;
	bottom: -.2rem;
	margin: auto;
	opacity: 0;
	transition: all .4s linear;
	background-size: contain
}
.head .nav_item .item.active .dropdown_link a:before,.head .nav_item .item:hover .dropdown_link a:before {
	opacity: 1
}
.head .nav_item .item .dropdown_link a {
	font-family: fradm;
	font-size: var(--font-size-f-18);
	line-height: .9rem;
	margin-right: .5rem;
	text-transform: uppercase;
	position: relative;
	padding-bottom: .2rem;
	padding-top: .2rem
}
.head .nav_item .item:last-child .dropdown_link a {
	margin-right: .2rem
}
.head .nav_item .item .dropdown_link a span {
	line-height: initial
}
.head .nav_item .item .dropdown_menu {
	position: absolute;
	top: .81rem;
	width: 100%;
	left: 0;
	max-width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: all .5s linear;
	background: #fff;
	border-radius: .1rem
}
.head.c-style2 .nav_item .item .dropdown_menu {
	border-radius: 0
}
.head .nav_item .item .dropdown_link.children:after {
	content: '';
	background: url(../images/icon_nav1.webp);
	width: 1rem;
	height: .13rem;
	max-width: 1rem;
	position: absolute;
	left: -.35rem;
	right: 0;
	bottom: -.35rem;
	margin: auto;
	opacity: 0;
	visibility: hidden;
	background-size: contain
}
.head .nav_item .item.active .dropdown_link a span,.head .nav_item .item:hover .dropdown_link a span {
	color: var(--color)
}
.head .nav_item .item:hover .dropdown_link.children:after {
	opacity: 1;
	visibility: unset;
	transition: all .5s ease-in
}
.head .nav_item .item:hover .dropdown_menu {
	opacity: 1;
	visibility: unset
}
.head .nav_item .item .submen_list {
	display: flex;
	width: 14rem;
	padding: .4rem 0;
	justify-content: flex-start;
	flex-wrap: wrap;
	visibility: hidden;
	border-radius: .1rem;
	margin: auto
}
.head .nav_item .item:hover .submen_list {
	visibility: unset
}
.head .nav_item .item .submen_list li {
	width: 20%;
	margin-bottom: .4rem
}
.head .nav_item .item .submen_list .submen_head {
	margin-bottom: .1rem
}
.head .nav_item .item .submen_list .submen_head .head_icon a {
	overflow: hidden
}
.head .nav_item .item .submen_list .submen_head .head_icon img {
	max-width: .35rem
}
.head .nav_item .item .submen_list .submen_head>a {
	font-size: var(--font-size-f-18);
	font-family: fradm;
	margin-top: .05rem;
	display: inline-block
}
.head .nav_item .item .submen_list .head_children a {
	width: 100%;
	font-size: var(--font-size-f-18);
	line-height: .3rem
}
.head .navbar_right {
	display: flex;
	width: 15%;
	justify-content: flex-end
}
.head .navbar_right .navbar_group {
	display: flex;
	align-items: center
}
.language-select {
	position: relative;
	margin-left: .15rem;
}

.language-cell {
	display: flex;
	align-items: center;
	color: #fff;
	padding: .03rem 0;
}

.language-cell img {
	width: .2rem;
	height: .2rem;
	margin-right: .04rem;
}

.language-title {
	font-size: var(--font-size-f-18);
	color: #2ca6f9;
	line-height: .24rem;
	text-transform: uppercase;
}

.language-arrow {
	width: .2rem;
	text-align: center;
}

.language-arrow .iconfont {
	font-size: 12px;
}
.language-arrow {
	width: 0;
	height: 0;
	border-top: .06rem solid #2ca6f9;
	border-right: .03rem solid transparent;
	border-left: .03rem solid transparent;
	margin-left: .15rem;
	margin-top: .03rem;
}
.language-list {
	position: absolute;
	top: .28rem;
	left: 0;
	width: 100%;
	background: #fff;
	border-radius: .04rem;
	padding: .04rem 0;
	display: none;
	z-index: 9;
	box-shadow: 0 .02rem .08rem rgba(0, 0, 0, 0.12);
}

.language-item {
	display: block;
	font-size: var(--font-size-f-14);
	font-weight: 400;
	color: #222;
	text-align: center;
	padding: 0 10px;
}

.language-item img {
	width: .24rem;
	height: .24rem;
	margin-right: .12rem;
}

.language-select:hover .language-list {
	display: block;
}
.head .navbar_right .navbar_group>a {
	margin-left: .15rem;
	font-size: var(--font-size-f-18);
	font-family: fradm;
	color: var(--color);
	text-transform: uppercase;
	padding-bottom: .05rem;
	border-bottom: .02rem solid rgb(18,165,163,.2);
	display: none;
}
.head .navbar_right .navbar_group .icosearch {
	width: .8rem;
	height: .36rem;
	border-radius: 0 .2rem .2rem 0;
	background: var(--color);
	margin-left: .3rem;
	cursor: pointer;
	height: .8rem
}
.head.c-style2 .navbar_right .navbar_group .icosearch {
	border-radius: 0
}
.head .navbar_right .navbar_group .icosearch .effect2_label {
	width: 100%;
	height: 100%;
	text-align: center
}
.head .navbar_right .navbar_group .icosearch img {
	max-width: .18rem;
	filter: brightness(100);
	vertical-align: text-bottom
}
.head .navbar_right .search_con2 {
	height: .5rem;
	transform: scale3d(0,0,0);
	transform-origin: right center;
	transition: all .5s;
	width: 5rem;
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	position: absolute;
	right: .1rem;
	top: 20%
}
.head nav.c-style2 .navbar_right .search_con2 {
	top: 20%
}
.head .navbar_right .search_con2 .moblie_search_close img {
	max-width: .2rem
}
.head .navbar_right .search_con2 .search_input {
	width: 3.8rem;
	position: relative
}
.head .open .navbar_right .search_con2 {
	opacity: 1;
	transform: scale3d(1,1,1)
}
.head .open .navbar_box,.head .open .navbar_right .c_switch {
	opacity: 0;
	transform: scale3d(0,0,0)
}
.head .open .navbar_right .navbar_group {
	opacity: 0
}
.head .navbar_right .search_con2 .search_input input {
	height: .5rem;
	line-height: .5rem;
	overflow: hidden;
	border: .01rem solid #d4d4d4;
	border-radius: .05rem;
	font-size: var(--font-size-f-16);
	padding: 0 0 0 .2rem;
	box-shadow: unset;
	width: 100%;
	padding-right: .5rem
}
.head .navbar_right .search_con2 .search_input .search_btn {
	width: .5rem;
	height: .5rem;
	cursor: pointer;
	border: none;
	outline: 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	color: #222;
	line-height: .5rem
}
.head .navbar_right .search_con2 .search_input .search_btn img {
	vertical-align: middle;
	max-width: .17rem
}
.head .navbar_right .search_con2 .moblie_search_close {
	width: .3rem;
	height: .3rem;
	text-align: left;
	color: #222;
	line-height: .3rem;
	margin-top: .12rem
}
.head .navbar_right .search_con2 .moblie_search_close .iconfont {
	font-size: var(--font-size-f-20)
}
.footer {
	background-color: #222;
	padding-top: .8rem;
	padding-bottom: .8rem
}
.footer .auto-container {
	display: flex
}
.footer .foot_head {
	display: flex
}
.footer .foot_head .foot_cantact_box {
	max-width: 3.7rem
}
.footer .foot_head .foot_cantact_box .foot_cantact .foot_cantact_title {
	font-size: var(--font-size-f-30);
	line-height: .3rem;
	font-family: fradm;
	color: #fff;
	margin-bottom: .5rem;
}
.footer .foot_head .foot_cantact_box .foot_cantact .item {
	display: flex;
	margin-bottom: .1rem
}
.footer .foot_head .foot_cantact_box .foot_cantact .item .icon_box img {
	max-width: .24rem
}
.footer .foot_head .foot_cantact_box .foot_cantact .item .text_box {
	margin-left: .1rem
}
.footer .foot_head .foot_cantact_box .foot_cantact .item .text_box a,.footer .foot_head .foot_cantact_box .foot_cantact .item .text_box p {
	color: #fff
}
.footer .foot_head .foot_cantact_box .foot_cantact .item .text_box a {
	font-size: var(--font-size-f-16);
	color: #2ca6f9
}
.footer .foot_head .foot_cantact_box .foot_cantact .item .text_box a:hover {
	color: #fff
}
.footer .foot_head .foot_cantact_box .foot_cantact .item .text_box p {
	font-size: var(--font-size-f-16);
	line-height: .24rem
}
.footer .foot_head .foot_cantact_box .foot_share {
	padding-top: .2rem;
	padding-bottom: .3rem
}
.footer .foot_head .foot_cantact_box .foot_share a {
	margin-right: .05rem;
	display: inline-block;
	border-radius: .28rem;
	transition: all .3s linear
}
.footer .foot_head .foot_cantact_box .foot_share a:last-child {
	margin-right: 0
}
.footer .foot_head .foot_cantact_box .foot_share a img {
	max-width: .28rem
}
.footer .foot_head .foot_cantact_box .foot_share a:hover {
	outline: .05rem solid rgb(18 165 163 / 30%);
	background: var(--color)
}
.footer .foot_head .foot_cantact_box .foot_links {
	width: 2.65rem;
	border: .01rem solid #2ca6f9;
	height: .4rem;
	cursor: pointer;
	line-height: .4rem;
	border-radius: .05rem;
	position: relative
}
.footer .foot_head .foot_cantact_box .foot_links .links_title {
	text-align: left;
	line-height: .38rem
}
.footer .foot_head .foot_cantact_box .foot_links .links_title div {
	font-size: var(--font-size-f-16);
	font-family: fradm;
	color: #2ca6f9;
	text-transform: uppercase;
	border-right: .01rem solid #2ca6f9;
	display: inline-block;
	padding: 0 .15rem
}
.footer .foot_head .foot_cantact_box .foot_links .links_title p {
	color: #2ca6f9;
	display: inline-block;
	padding-left: .2rem;
	font-size: var(--font-size-f-16);
	line-height: .38rem;
	width: 50%
}
.footer .foot_head .foot_cantact_box .foot_links .links_title p:before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	right: .1rem;
	transform: translateY(-50%) rotate(180deg);
	border-width: .1rem .06rem 0;
	border-style: solid;
	border-color: #2ca6f9 transparent transparent transparent
}
.footer .foot_head .foot_cantact_box .foot_links:hover .links_title p:before {
	transform: translateY(-50%)
}
.footer .foot_head .foot_cantact_box .foot_links ul {
	display: none;
	position: absolute;
	bottom: .4rem;
	width: max-content;
	border-radius: .05rem;
	max-height: 5rem;
	overflow: auto;
	width: 100%
}
.footer .foot_head .foot_cantact_box .foot_links ul li {
	background: #fff;
	line-height: .4rem;
	padding: 0 .1rem
}
.footer .foot_head .foot_cantact_box .foot_links ul li:hover {
	background: #2ca6f9
}
.footer .foot_head .foot_cantact_box .foot_links ul li a {
	font-size: var(--font-size-f-16);
	width: 100%
}
.footer .foot_head .foot_cantact_box .foot_links ul li:hover a {
	color: #fff
}
.footer .foot_head .foot_cantact_box .foot_links:hover ul {
	display: block
}
.footer .foot_head .foot_cate_item_box {
	display: flex;
	width: 6.3rem;
	justify-content: center
}
.footer .foot_head .foot_cate_item_box .item {
	padding-right: .75rem
}
.footer .foot_head .foot_cate_item_box .item .foot_title {
	font-size: var(--font-size-f-20);
	font-family: fradm;
	color: #fff;
	text-transform: uppercase
}
.footer .foot_head .foot_cate_item_box .item .foot_cate_item_list {
	padding-top: .2rem
}
.footer .foot_head .foot_cate_item_box .item .foot_cate_item_list a {
	display: block;
	color: #fff;
	font-size: var(--font-size-f-16);
	line-height: .3rem
}
.footer .foot_head .foot_cate_item_box .item .foot_cate_item_list a:hover {
	color: var(--color)
}
.foot_bottom {
	font-size: var(--font-size-f-16);
	background: #393939;
	height: .7rem;
	line-height: .7rem
}
.foot_bottom .auto-container {
	display: flex;
	justify-content: space-between
}
.foot_bottom .foot_bottom_head {
	width: 70%
}
.foot_bottom .foot_bottom_head p,.foot_bottom .foot_bottom_head p a {
	color: #aaa
}
.foot_bottom .foot_bottom_head p {
	width: auto;
	display: inline-block;
	color: #aaa;
	position: relative;
	margin-bottom: 0;
	margin-left: .35rem
}
.foot_bottom .foot_bottom_bottom a:before,.foot_bottom .foot_bottom_head p:before {
	content: '';
	display: block;
	position: absolute;
	right: -.2rem;
	width: .01rem;
	height: .12rem;
	background: #aaa;
	top: 42%
}
.foot_bottom .foot_bottom_head p:first-child{
	margin-left: 0
}
.foot_bottom .foot_bottom_bottom a:last-child:before,.foot_bottom .foot_bottom_head p:last-child:before {
	display: none
}
.foot_bottom .foot_bottom_bottom a,.foot_bottom .foot_bottom_head p {
	transition: all .3s linear
}
.foot_bottom .foot_bottom_bottom a:hover,.foot_bottom .foot_bottom_head p:hover a {
	color: #fff
}
.foot_bottom .foot_bottom_bottom {
	width: 30%;
	text-align: right
}
.foot_bottom .foot_bottom_bottom a {
	color: #aaa;
	margin-right: .35rem;
	position: relative
}
.foot_bottom .foot_bottom_bottom a:last-child{
    margin-right: 0;
}
.footer .right {
	width: 4rem;
	border: .03rem solid #2ca6f9;
	border-radius: .2rem;
	padding: .25rem .4rem;
	width: 100%;
}
.footer .foot_form .foot_form_title {
	font-size: var(--font-size-f-26);
	font-family: fradm;
	color: #2ca6f9;
	margin-bottom: .2rem
}
.footer .foot_form .foot_form_box .input div {
	margin-bottom: .08rem
}
.footer .foot_form .foot_form_box .input div input,.footer .foot_form .foot_form_box .textarea textarea {
	width: 100%;
	border-radius: .25rem;
	background: #fff;
	font-size: var(--font-size-f-16)
}
.footer .foot_form .foot_form_box .input div input {
	height: .45rem;
	line-height: .45rem;
	padding-left: .15rem;
	padding-right: .1rem
}
.footer .foot_form .foot_form_box .input div input::placeholder,.footer .foot_form .foot_form_box .textarea textarea::placeholder {
	color: #222
}
.footer .foot_form .foot_form_box .textarea textarea {
	padding: .15rem;
	height: 1.4rem
}
.footer .foot_form .foot_form_box .submit {
	margin-top: .05rem;
	text-align: center
}
.footer .foot_form .foot_form_box .submit .btn_effect1 {
	width: 1.6rem;
	height: .45rem;
	background: var(--color);
	border-radius: .25rem;
	font-size: var(--font-size-f-16);
	font-family: fradm;
	color: #fff;
	text-transform: uppercase;
	border: .02rem solid transparent;
	transition: all .5s linear;
	display: inline-grid;
	cursor: pointer
}
.additional_features {
	position: fixed;
	right: .4rem;
	top: 60%;
	z-index: 200;
	box-sizing: border-box
}
.additional_features li {
	margin-bottom: .1rem;
	transition: all .5s linear
}
.additional_features li.wechat_code_box{
    position: relative;
}
.additional_features li.wechat_code_box .left_wechat{
    background: #0e932e;
}
.additional_features li.wechat_code_box .left_wechat img{}
.additional_features li.wechat_code_box .code_box{
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.additional_features li.wechat_code_box:before{content:'';display:block;background: url(../images/slide_arr.png);width: .15rem;height: .11rem;position: absolute;right: .5rem;top: .2rem;opacity: 0;}
.additional_features li.wechat_code_box .code_box img{
    max-width: 100px;
    width: 1rem;
}
.additional_features li.wechat_code_box:hover:before{
	opacity:1
}
.additional_features li.wechat_code_box:hover .code_box{
	opacity: 1;
	visibility: visible;
	left: -1.15rem;
	top: -.3rem;
	bottom: 0;
	right: 0;
	width: max-content;
	height: max-content;
	overflow: hidden;
	border: .01rem solid #eeeeee;
}




.additional_features li a {
	display: block;
	border-radius: .5rem;
	width: .5rem;
	height: .5rem;
	text-align: center;
	line-height: .45rem;
	box-shadow: 0 0 .1rem 0 rgba(0,0,0,.12)
}
.additional_features li a img {
	vertical-align: middle;
	transition: all .3s linear
}
.additional_features li a.left_whatsapp {
	background: #5ccf66
}
.additional_features li a.left_whatsapp img {
	max-width: .23rem
}
.additional_features li:hover {
	transform: scale(1.2)
}
.additional_features li:hover a.left_whatsapp img {
	max-width: .19rem
}
.additional_features li a.left_tel {
	background: #00aef3
}
.additional_features li a.left_tel img {
	max-width: .2rem
}
.additional_features li:hover a.left_tel img {
	max-width: .18rem
}
.additional_features li a.left_email {
	background: #0384f1
}
.additional_features li a.left_email img {
	max-width: .23rem
}
.additional_features li:hover a.left_email img {
	max-width: .19rem
}
.additional_features li a.up_btn {
	background: #fff
}
.additional_features li a.up_btn img {
	max-width: .16rem
}
.additional_features li:hover a.up_btn img {
	max-width: .13rem
}