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
}

* {
	margin: 0;
	padding: 0;
	list-style: none
}

ol,ul {
	list-style: none
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: none;
	color: var(--color)
}

legend {
	color: #000
}

fieldset,img {
	border: 0
}

img.imgauto {
	width: 100%;
	height: auto
}

button,input,select,textarea {
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.clearfix:after,.ks-clearfix:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both
}

img {
	vertical-align: middle
}

@font-face {
	font-family:segoeui;src:url(../fonts/segoeui.woff2);font-display:swap
}

@font-face {
	font-family:segoeuib;src:url(../fonts/segoeuib.woff2);font-display:swap
}

@font-face {
	font-family:bahnschrift;src:url(../fonts/bahnschrift.ttf);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,button,input,select,textarea {
	font-family: segoeui,Arial,sans-serif
}

body {
	min-height: 100%;
	font-family: segoeui;
	font-size: .14rem;
	line-height: 1.5;
	color: #222
}

:root {
	--color: #E1382D
}

#videomodal .modal-dialog {
	width: 60%
}

#imgModal .modal-dialog {
	width: max-content;
	text-align: center
}

#imgModal .modal-content {
	width: 100%;
	margin: auto
}

.modal-dialog {
	margin: .35rem auto
}

.embed-responsive-16by9::before {
	padding-top: 0
}

#videomodal .embed-responsive {
	height: 5.5rem
}

.text-primary {
	color: #4a7ff5
}

hr {
	margin: .35rem 0
}

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

ul {
	margin: 0
}

li {
	list-style: none
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
	margin-bottom: 0
}

a {
	color: #222;
	text-decoration: none;
	transition: all .3s ease-in
}

a:focus,a:hover {
	text-decoration: none
}

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
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.fixed {
	align-self: flex-start;
	position: sticky;
	top: 1.4rem
}

.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
}

.line-7 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-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: .2rem
}

.modal-header .close {
	padding: 0;
	margin: 0;
	line-height: .26rem;
	font-size: .3rem
}

.modal-header .close span {
	font-size: .3rem;
	line-height: .26rem
}

.modal-body {
	padding: .2rem
}

.modal-content {
	border-radius: .1rem
}

figure {
	margin: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: .3rem
}

.swiper-pagination-bullet {
	margin: 0 .05rem
}

.swiper-button-prev {
	left: -.9rem;
	transform: rotate(180deg)
}

.swiper-button-next {
	right: -.9rem
}

.swiper-button-next,.swiper-button-prev {
	margin-top: 0;
	position: absolute!important;
	background: url(/res/magic/images/index_56.webp) center no-repeat;
	width: .16rem;
	height: .24rem
}

.swiper-button-next.more_btn:before,.swiper-button-prev.more_btn:before {
	display: none
}

.swiper-button-next.more_btn .btn_icon,.swiper-button-prev.more_btn .btn_icon {
	width: .4rem
}

.swiper-button-next.more_btn .btn_icon:after,.swiper-button-next.more_btn .btn_icon:before,.swiper-button-prev.more_btn .btn_icon:after,.swiper-button-prev.more_btn .btn_icon:before {
	background-image: url(/res/magic/images/index_03.png);
	height: .2rem
}

.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: var(--color);
	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%;
	width: .12rem;
	height: .12rem;
	background-image: url(/res/magic/images/icon_small_arrow.png);
	background-size: contain;
	background-repeat: no-repeat
}

.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 p {
	color: #fff;
	display: inline-block;
	width: 80%;
	float: left
}

.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(100)
}

@keyframes hover-effect-text {
	0% {
		opacity: 1;
		transform: translateY(0)
	}

	30% {
		opacity: 0;
		transform: translateY(0)
	}

	40% {
		opacity: 0;
		transform: translateY(5px)
	}

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

.btn_effect4 {
	color: #fff;
	text-align: center;
	transition: .5s cubic-bezier(.85,0,.15,1);
	max-width: 1.5rem;
	height: .5rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	font-size: .16rem;
	font-weight: 700;
	line-height: .26rem
}

.btn_effect4 .btn_effect4_text {
	margin-left: .15rem
}

.btn_effect4 .btn_effect4_icon {
	position: absolute;
	top: 50%;
	right: .15rem;
	width: .13rem;
	height: .13rem;
	border-radius: 50%;
	margin: -.07rem 0 0;
	transition: all .3s cubic-bezier(.4,0,1,1);
	overflow: hidden
}

.btn_effect4 .btn_effect4_icon .btn_effect4_icon_arrow {
	width: .13rem;
	height: .13rem;
	transition: .5s cubic-bezier(.85,0,.15,1);
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -.065rem;
	background: url(/res/magic/images/index_67.png);
	background-size: .13rem
}

.btn_effect4 .btn_effect4_icon_arrow:first-child {
	opacity: 1;
	transform: translateX(0)
}

.btn_effect4 .btn_effect4_icon_arrow:last-child {
	opacity: 0;
	transform: translateX(-20px)
}

.btn_effect4:hover {
	color: #fff
}

.btn_effect4:hover .btn_effect4_text {
	animation: hover-effect-text .5s cubic-bezier(.85,0,.15,1)
}

.btn_effect4:hover .btn_effect4_text {
	opacity: 1;
	transform: translateX(0)
}

.btn_effect4:hover .btn_effect4_icon_arrow:first-child {
	opacity: 0;
	transform: translateX(20px)
}

.btn_effect4:hover .btn_effect4_icon_arrow:last-child {
	opacity: 1;
	transform: translateX(0);
	background: url(/res/magic/images/index_68.png)
}

.btn_effect5 {
	transition: .5s cubic-bezier(.85,0,.15,1);
	display: inline-block
}

.btn_effect5 .btn_effect5_text {
	display: block;
	position: relative;
	line-height: inherit;
	width: 100px;
	line-height: 40px;
	text-align: center;
	transition: .5s cubic-bezier(.85,0,.15,1);
	display: inline-block;
	background-color: #eaeaea;
	padding: 0;
	font-weight: 400;
	color: #222;
	font-size: .16rem;
	border-radius: .05rem
}

.btn_effect5:hover {
	background-color: var(--color);
	border-color: #fff;
	color: #fff
}

.btn_effect5:hover .btn_effect5_text {
	animation: hover-effect-text .6s cubic-bezier(.85,0,.15,1);
	color: #fff
}

.btn_anima {
	display: inline-block;
	border-radius: 5px;
	transition: all .3s linear
}

.btn_anima .btn_major {
	position: relative;
	overflow: hidden
}

.btn_anima .btn_major span {
	position: absolute;
	left: 0;
	animation: ctaBtnAnimation infinite linear 5s;
	width: 190px
}

.btn_anima .btn_major span:nth-child(2) {
	animation-delay: -2.5s
}

.btn_anima .btn_major {
	font-size: .16rem;
	line-height: .4rem;
	display: inline-block;
	width: 100%;
	height: 100%
}

.btn_anima:hover {
	background: var(--color)
}

.btn_anima:hover a {
	color: #fff
}

@-webkit-keyframes ctaBtnAnimation {
	0% {
		left: 100%
	}

	100% {
		left: -110%
	}
}

@keyframes ctaBtnAnimation {
	0% {
		left: 100%
	}

	100% {
		left: -110%
	}
}

@keyframes ctaBtnAnimation1 {
	0% {
		left: 100%
	}

	100% {
		left: -750%
	}
}

.swiper-pagination-bullet {
	width: .1rem;
	height: .1rem;
	background: 0 0;
	border: .02rem solid var(--color);
	opacity: 1
}

.swiper-pagination-bullet-active {
	background: var(--color)
}

.additional-features {
	position: fixed;
	right: .4rem;
	top: 45%;
	z-index: 200;
	box-sizing: border-box;
	border-bottom: 0
}

.additional-features li {
	padding: .03rem 0
}

.additional-features .opa-0 {
	display: none
}

.additional-features .additional-icon {
	height: .5rem;
	position: relative;
	cursor: pointer
}

.additional-features .additional-icon a {
	display: inline-block
}

.additional-features .additional-icon img {
	max-width: .5rem;
	width: .5rem
}

#videomodal {
	top: 10%
}

#foot-ph {
	z-index: 999;
	position: fixed;
	bottom: 0;
	display: none;
	width: 100%
}

.new-foot-item {
	float: left;
	width: 50%;
	padding-top: .08rem;
	height: .513rem;
	text-align: center
}

.new-foot-item a {
	color: #fff;
	font-size: 18px
}

@media (max-width:640px) {
	#foot-ph {
		display: block
	}

	#videomodal .modal-dialog {
		width: 100%
	}

	#imgModal .modal-dialog {
		width: 100%
	}
}

@media (max-width:768px) {
	.left-email {
		display: none
	}
}

.scale {
	transition: .6s all
}

.scale:hover {
	transform: scale(1.06)
}

.embed-responsive-16by9 {
	padding: 0;
	height: 100%
}
.head {
	background: #fff;
	position: fixed;
	z-index: 10;
	width: 100%
}

.head .tophead_box {
	display: flex;
	width: 100%;
	max-width: 1720px;
	margin: auto
}

.head .logo_box {
	width: 23.2%;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.head .logo_box .navbar_logo .logo_icon img {
	max-width: 2rem
}

.head .logo_box .slogan {
	font-family: 'bahnschrift';
	font-size: .18rem;
}
.head .logo_box .btn_anima,.head .logo_box .c_switch{
    display: none;
} 
.head .nav_box {
	width: 78%;
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	justify-content: center
}

.head .nav_box .head_box {
	display: flex;
	align-items: center
}

.head .nav_box .head_box .right a {
	font-family: 'bahnschrift';
	font-size: .26rem;
	margin-right: .1rem
}

.head .nav_box .head_box .right a img {
	max-width: .16rem;
	vertical-align: middle;
	margin-right: .05rem;
	margin-top: -.03rem
}

.head .nav_box .head_box .gtranslate_wrapper {
	margin-top: 5px
}

.head .nav_box .head_box .gtranslate_wrapper .gt_switcher_wrapper {
	position: unset!important
}

.head .nav_box .head_box .gt_container--hich1m .gt_switcher {
	width: 55px
}

.head .nav_box .head_box .gt_container--hich1m .gt_switcher .gt_selected {
	line-height: 14px;
	background: 0 0
}

.head .nav_box .head_box .gt_container--hich1m .gt_switcher .gt_selected a {
	width: 20px;
	padding: 0;
	overflow: hidden;
	height: 20px
}

.head .nav_box .head_box .gt_container--hich1m .gt_switcher .gt_selected a:after {
	right: 15px;
	top: 0;
	background-size: 12px
}

.head .nav_box .head_box .gt_container--hich1m .gt_switcher .gt_option {
	position: absolute;
	width: 40px;
	margin-top: 3px
}

.head .nav_box .head_box .gt_container--hich1m .gt_switcher .gt_option a {
	width: 20px;
	line-height: 20px;
	height: 20px;
	overflow: hidden
}

.head .nav_box .head_box,.head .nav_box nav {
	min-height: .58rem
}

.head .nav_box .navbar_group {
	display: flex;
	justify-content: space-between
}

.head .nav_box .navbar_group a {
	font-size: .16rem;
	font-weight: 700
}

.head .nav_box .navbar_group .btn_inquiry {
	border-radius: .05rem;
	width: 1rem;
	display: inline-block;
	text-align: center;
	height: .4rem;
	line-height: .4rem;
	transition: all .5s ease
}

.head .nav_box .navbar_group .btn_inquiry .badge {
	font-size: .16rem;
	padding: 0;
	background: 0 0;
	font-weight: 700;
	color: var(--color)
}

.head .nav_box .navbar_group .btn_inquiry:hover .badge {
	color: #fff
}

.head .nav_box .navbar_group .icosearch {
	width: .36rem;
	height: .36rem;
	border-radius: .36rem;
	margin-right: .4rem;
	line-height: .18rem
}

.head .nav_box .navbar_group .icosearch img {
	max-width: .17rem;
	filter: brightness(0) invert(1)
}

.head .nav_box .head_box .search_input {
	width: 1.6rem;
	position: relative;
	background: #f0f0f0;
	border: .01rem solid #cdcdcd;
	border-radius: .05rem
}

.head .search_input input {
	height: .3rem;
	line-height: .3rem;
	overflow: hidden;
	border-radius: .05rem;
	font-size: .16rem;
	padding: 0 0 0 .1rem;
	box-shadow: unset;
	width: 100%;
	padding-right: .3rem
}

.head .search_input input::placeholder {
	color: #666
}

.head .search_input .search_btn {
	width: .3rem;
	height: .3rem;
	cursor: pointer;
	border: none;
	outline: 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	color: #222;
	line-height: .3rem
}

.head .search_input .search_btn img {
	vertical-align: middle;
	max-width: .17rem;
	filter: brightness(0)
}

.gt_container--hich1m .gt_switcher .gt_selected a {
	border: 0!important
}

.head .nav_box .navlist {
	width: 100%
}

.head .nav_box .nav {
	display: flex;
	justify-content: flex-end
}

.head .nav_box .nav>li {
	position: relative;
	margin-right: 50px;
	vertical-align: top
}

.head .nav_box .nav>li:last-child {
	margin-right: 0
}

.head .nav_box .nav>li .stair {
	position: relative
}

.head .nav_box .nav>li.active .stair>a,.head .nav_box .nav>li:hover .stair>a {
	color: var(--color)
}

.head .nav_box .nav>li .a {
	display: block;
	color: #222;
	font-size: .16rem;
	text-transform: uppercase;
	font-family: segoeuib;
	line-height: .4rem;
	padding-bottom: .18rem
}

.head .nav_box .nav>li .a:before {
	content: '';
	display: block;
	width: 0;
	height: .02rem;
	position: absolute;
	bottom: 0;
	transition: all .3s linear
}

.head .nav_box .nav>li.active .stair>a:before,.head .nav_box .nav>li:hover .stair>a:before {
	width: 100%;
	background: var(--color)
}

.head .nav_box .nav>li .a .mobile-navbtn {
	display: none;
	position: absolute;
	top: 10px;
	right: 0;
	margin: auto;
	font-size: 20px;
	width: 20px;
	height: 20px;
	transition: .3s
}

.head .nav_box .nav>li .a .mobile-navbtn.open {
	transform: rotate(90deg)
}

.head .nav_box .nav>li .a .mobile-navbtn::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: '';
	width: 10px;
	height: 10px;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	transform: rotate(45deg)
}

.head .nav_box .sub {
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 2;
	background: #fff;
	margin-top: .01rem;
	border-radius: .1rem
}

.head .nav_box .sub .arr {
	display: none;
	width: 0;
	height: 0;
	border: 0 solid transparent;
	border-left-width: 8px;
	border-right-width: 8px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-bottom-color: #fff;
	position: absolute;
	top: -12px;
	left: 28px
}

.head .nav_box .sub>dl {
	display: none
}

.head .nav_box .sub>dl dd {
	font-size: 16px;
	position: relative
}

.head .nav_box .sub>dl dd .mobile-navbtn {
	display: none;
	position: absolute;
	top: 8px;
	right: 15px;
	margin: auto;
	font-size: 20px;
	width: 20px;
	height: 20px;
	transition: .3s
}

.head .nav_box .sub>dl dd .mobile-navbtn.open {
	transform: rotate(90deg)
}

.head .nav_box .sub>dl dd .mobile-navbtn:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: '';
	width: 10px;
	height: 10px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	transform: rotate(45deg)
}

.head .nav_box .sub>dl dd .text {
	padding: 0 25px
}

.head .nav_box .sub>dl dd .r-menu a:hover,.head .nav_box .sub>dl dd .t-menu li:hover,.head .nav_box .sub>dl dd:hover {
	background: rgb(225 56 45 / 20%)
}

.head .nav_box .sub>dl dd .t-menu {
	position: absolute;
	top: 0;
	left: 100%;
	background-color: #fff;
	display: none;
	border-radius: .1rem
}

.head .nav_box .sub>dl dd .t-menu li a {
	display: block;
	padding: 0 .15rem;
	line-height: .45rem
}

.head .nav_box .sub>dl dd .t-menu li:first-child a {
	line-height: .55rem
}

.head .nav_box .sub>dl dd .t-menu li:last-child a {
	line-height: .55rem
}

.head .nav_box .sub>dl dd .t-menu li a:hover {
	color: var(--color)
}

.head .nav_box .sub>dl a {
	white-space: nowrap;
	line-height: .55rem
}

.head .nav_box .nav .btn_anima {
	width: 1rem;
	height: .4rem;
	background: #eaeaea
}

.head .nav_box .nav .btn_anima a:hover {
	color: var(--color)
}

.footer {
	border-top: .01rem solid #df1e31
}

.footer .footer_head {
	display: flex;
	justify-content: space-between;
	padding: 69px 0;
	align-items: center;
}

.footer .footer_head .foot_logo a img {
	max-width: 1.7rem
}

.footer .footer_head .foot_headbox {
	display: flex;
	align-items: center;
}

.footer .footer_head .foot_headbox .foot_contact {
	display: flex
}

.footer .footer_head .foot_headbox .foot_contact .item {
	display: flex;
	align-items: center;
	margin-right: .3rem
}

.footer .footer_head .foot_headbox .foot_contact .item .icon_box img {
    max-width: .22rem;
	margin-right: .05rem
}

.footer .footer_head .foot_headbox .foot_contact .item .text_box a {
	font-size: .26rem;
	font-family: 'bahnschrift';
}

.footer .footer_head .foot_headbox .foot_contact .item .text_box a span{
    font-size: .16rem;
}
.footer .footer_head .foot_headbox .foot_share a {
	display: inline-block;
	margin-right: .1rem
}

.footer .foot_main {
	background: #eee;
	padding-top: .5rem;
	padding-bottom: .3rem;
	border-bottom: .01rem solid #ddd
}

.footer .foot_main .foot_main_box {
	display: flex;
	justify-content: space-between
}
.footer .foot_main .main_item .banner_block1_btn{
	font-size: .16rem;
	font-family: segoeuib;
	color: #fff;
	border-radius: .05rem;
	padding: 0 5px;
	width: 2rem;
	height: .45rem;
	transition: all .3s linear;
	background: var(--color);
	margin-top: 10px;
}
.footer .foot_main .main_item .banner_block1_btn .btn_major span{
    animation: none;
    width: 100%;
    text-align: center;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: .45rem;
}
.footer .foot_main .main_item .banner_block1_btn:hover{
	background: #2275de;
}
.footer .foot_main .main_item .foot_title {
	font-size: .16rem;
	font-family: segoeuib;
	text-transform: uppercase;
	margin-bottom: .1rem
}

.footer .foot_main .main_item .main_item_box {
	margin-bottom: .2rem
}

.footer .foot_main .main_item .main_item_box a {
	font-size: .16rem;
	line-height: .3rem;
	display: block
}

.footer .foot_main .main_item .main_item_box a:hover {
	text-decoration: underline
}

.footer .footer_bottom {
	background: #eee;
	font-size: .16rem;
	padding: 26px 0
}

.footer .footer_bottom .auto-container {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.footer .footer_bottom .left {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.footer .footer_bottom .left p {
	margin-right: .2rem
}

.footer .footer_bottom .right a {
	margin-right: .15rem
}

.footer .footer_bottom .left p:last-child,.footer .footer_bottom .right a:last-child {
	margin-right: 0
}

.additional-features li>.btn_anima {
	width: .5rem;
	height: .5rem;
	background: url(/res/magic/images/5_03.png);
	transition: all .3s linear;
	cursor: pointer;
	background-size: contain;
}

.additional-features li>.btn_anima .btn_major {
	color: #fff;
	line-height: .45rem
}

.additional-features li>.btn_anima .btn_major span {
	animation: ctaBtnAnimation1 infinite linear 10s
}

.additional-features li>.btn_anima .btn_major span:nth-child(2) {
	animation-delay: -15s
}

.additional-features li>.btn_anima .btn_major span img {
	vertical-align: middle;
	margin-right: .05rem;
	max-width: .27rem;
}

.additional-features li.left_form {
	position: relative
}

.additional-features li.left_form:before {
	content: '';
	display: block;
	background: url(/res/magic/images/index_6.webp);
	width: 9px;
	height: 22px;
	position: absolute;
	top: .15rem;
	left: -.2rem;
	opacity: 0
}

.additional-features li.left_form.open:before {
	opacity: 1
}

.additional-features li.left_form .alert_form {
	position: absolute;
	left: -4.2rem;
	top: -2.3rem;
	display: none
}

.additional-features li.left_form .alert_form i {
	display: block;
	width: .3rem;
	height: .3rem;
	background: url(/res/magic/images/cloture_btn.png) center no-repeat;
	position: absolute;
	right: .1rem;
	top: .1rem;
	cursor: pointer
}

.additional-features li .alert_form {
	background: var(--color);
	border-radius: .05rem;
	padding: .3rem .4rem;
	max-width: 4rem
}

.additional-features li .alert_form .head_block .title {
	font-size: .24rem;
	font-family: segoeuib;
	color: #fff;
	text-transform: unset;
	text-align: left;
	margin-bottom: .1rem
}

.additional-features li .alert_form .head_block .remark {
	font-size: .16rem;
	color: #fff;
	margin-bottom: .15rem;
	white-space: pre-line
}

.additional-features li .alert_form .form_box .input>div {
	background: #fff;
	line-height: .5rem;
	margin-bottom: .05rem;
	border-radius: .05rem;
	padding: 0 .1rem 0 .15rem;
	font-size: .16rem
}

.additional-features li .alert_form .form_box .input>.form_select {
	position: relative;
	cursor: pointer;
	padding-left: 0
}

.additional-features li .alert_form .form_box .input>.form_select:before {
	content: '';
	display: block;
	background: url(/res/magic/images/index_57.webp) center no-repeat;
	filter: brightness(0);
	transform: rotate(90deg);
	width: .5rem;
	height: .5rem;
	position: absolute;
	right: 0;
	top: 0
}

.additional-features li .alert_form .form_box .input>div input {
	width: 100%
}

.additional-features li .alert_form .form_box textarea {
	height: 1rem;
	background: #fff;
	width: 100%;
	border-radius: .05rem;
	padding: .1rem .15rem;
	font-size: .16rem
}

.additional-features li .alert_form .form_box .input>div select {
	width: 100%;
	cursor: pointer;
	padding-left: .15rem
}

.additional-features li .alert_form .form_box .submit {
	border-radius: .05rem;
	font-family: segoeuib;
	font-size: .16rem;
	margin-top: .1rem
}

.additional-features li .alert_form .form_box .submit .btn_anima {
	width: 1.6rem;
	height: .45rem;
	color: #fff;
	border: .02rem solid #fff;
	cursor: pointer
}

.additional-features li .alert_form .form_box form .upload-box {
	padding: .1rem .2rem;
	background: #c2d5ef;
	height: .6rem;
	border: .01rem dashed #154f8c;
	border-radius: .05rem;
	margin-top: .1rem;
	margin-bottom: .3rem;
	position: relative
}

.additional-features li .alert_form .form_box form .upload-wrap .file-open span {
	font-size: .14rem;
	line-height: .4rem
}

.additional-features li .alert_form .form_box form .upload-wrap .file-open icon_box {
	width: 1.2rem;
	margin-right: .1rem
}

.additional-features li .alert_form .form_box form #fileName {
	margin-top: .12rem;
	color: #fff!important;
	font-size: .16rem
}

.additional-features li .alert_form .form_box form #fileName div {
	display: inline-block
}

.additional-features li .alert_form .form_box form .upload-wrap .file-ele {
	position: absolute;
	opacity: 0;
	height: .4rem;
	width: 1rem;
	cursor: pointer
}

input[type=file]::-webkit-file-upload-button {
	cursor: pointer
}

.additional-features li .alert_form .form_box form .upload-wrap .file-open {
	display: flex
}

.additional-features li .alert_form .form_box form .upload-wrap .file-open .icon_box {
	margin-right: .2rem;
	width: 1rem;
	height: .4rem;
	background: #fff;
	line-height: .35rem;
	text-align: center;
	border: .01rem solid;
	border-radius: .05rem;
	cursor: pointer
}

.additional-features li .alert_form .form_box form .upload-wrap .file-open .icon_box img {
	vertical-align: middle;
	max-width: .7rem;
}