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
}
body,button,input,select,textarea {
	font-family: Arial,Helvetica,Arial,sans-serif
}
* {
	margin: 0;
	padding: 0;
	list-style: none
}
ol,ul {
	list-style: none
}
a {
	text-decoration: none
}
a:hover {
	color: var(--color);
	text-decoration: none
}
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:visby;src:url(../fonts/VisbyRoundCF-Heavy-2.otf) format('truetype');font-weight:400;font-style:normal
}
:root {
	--color: #77bba6
}
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: Arial;
	font-size: .14rem;
	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;
}
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;
	display: inline-block
}
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
}
.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
}
.line-8 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-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: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 .05rem
}
.swiper-button-prev {
	left: -1.2rem;
	transform: rotate(180deg)
}
.swiper-button-next {
	right: -1.2rem
}
.swiper-button-next,.swiper-button-prev {
	width: .58rem;
	height: .58rem;
	border-radius: .29rem;
	background-color: var(--color);
	text-align: center;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
	cursor: pointer;
	background-image: none
}
.swiper-button-next>p,.swiper-button-prev>p {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(90deg,#f9b234,#ff6100);
	border-radius: 50%;
	opacity: 0;
	transform: scale(0);
	transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease
}
.swiper-button-next .swiper_btn_effect_box,.swiper-button-prev .swiper_btn_effect_box {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	z-index: 10
}
.swiper-button-next .swiper_btn_effect_box .swiper_btn_effect_list,.swiper-button-prev .swiper_btn_effect_box .swiper_btn_effect_list {
	width: 200%;
	margin-left: -100%;
	-webkit-transition: margin .3s ease;
	transition: margin .3s ease
}
.swiper-button-next .swiper_btn_effect_box .swiper_btn_effect_list i,.swiper-button-prev .swiper_btn_effect_box .swiper_btn_effect_list i {
	width: 50%;
	text-align: center
}
.swiper-button-next .swiper_btn_effect_box .swiper_btn_effect_list i:before,.swiper-button-prev .swiper_btn_effect_box .swiper_btn_effect_list i:before {
	content: '';
	display: block;
	width: .58rem;
	height: .58rem;
	border-radius: .29rem;
	background: url(/res/magic/images/2_43.png) no-repeat center;
	background-size: .14rem
}
.swiper-button-next:hover p,.swiper-button-prev:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
.swiper-button-next:hover .swiper_btn_effect_box .swiper_btn_effect_list,.swiper-button-prev:hover .swiper_btn_effect_box .swiper_btn_effect_list {
	margin-left: 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: #7f4428;
	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(-.2rem,0,0)
}
.more_btn:hover:before {
	width: calc(100% + .02rem);
	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(.05rem,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)
}
.btn_effect {
	width: 1.6rem;
	height: .5rem;
	line-height: .5rem;
	background: 0 0;
	border-radius: .25rem;
	transition: box-shadow .3s ease,padding .2s ease,-webkit-box-shadow .3s ease
}
.btn_effect a {
	width: 100%;
	height: 100%;
	background: #f9b234;
	border-radius: .25rem;
	text-align: center;
	margin: auto;
	justify-content: center;
	align-items: center
}
.btn_effect a>p {
	font-size: .16rem;
	font-weight: 700;
	color: #fff;
	margin-right: .1rem
}
.btn_effect .btn_effect_box {
	width: .1rem;
	overflow: hidden
}
.btn_effect .btn_effect_box .btn_effect_list {
	width: .2rem;
	margin-left: -.1rem;
	transition: margin .3s ease
}
.btn_effect .btn_effect_box .btn_effect_list img {
	max-width: .1rem
}
.btn_effect .btn_effect_box .btn_effect_list img:last-child {
	margin-right: 0
}
.btn_effect:hover {
	padding: .03rem
}
.btn_effect a:hover {
	box-shadow: 0 0 .1rem rgba(255,255,255,.8)
}
.btn_effect a:hover .btn_effect_box .btn_effect_list {
	margin-left: 0
}
.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: 40%;
	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 img {
	max-width: .5rem
}
#videomodal {
	top: 15%
}
#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: .18rem
}
@media (max-width:640px) {
	#foot-ph {
		display: block
	}
}
@media (max-width:768px) {
	.left-email {
		display: none
	}
}
.scale {
	transition: .6s all
}
.scale:hover {
	transform: scale(1.06)
}
.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
}
.head .nav_head {
	height: .3rem;
	line-height: .3rem;
	background: var(--color);
	text-align: center;
	font-size: .16rem;
	color: #fff;
	font-style: italic
}
.head .head_box {
	position: fixed;
	top: .3rem;
	width: 100%;
	z-index: 99;
	padding: 0 1rem;
	transition: all .3s ease-in-out;
	max-width: 1920px;
}
.head:before {
	content: '';
	display: block;
	background: url(/res/magic/images/header_bg.png);
	width: 100%;
	height: 2.3rem;
	position: absolute;
	top: .3rem;
	z-index: 2;
	background-size: cover;
	max-width: 1920px;
}
.head nav {
	display: flex;
	height: .8rem;
	position: relative;
	top: .26rem;
	justify-content: space-between;
	border-radius: .4rem;
	transition: all .5s ease;
	max-width: 1920px;
}
.head nav.c-style2 {
	top: .05rem
}
.head .navbar_logo {
	position: absolute;
	left: 46.6%;
	top: -.2rem
}
.head .navbar_logo .logo_icon img {
	max-width: 1.16rem
}
.head .navbar_box {
	width: 100%;
	display: flex
}
.head .navbar_box .navbar_nav {
	width: 50%;
	display: flex;
	border-radius: .4rem;
	align-items: center
}
.head .navbar_box .navbar_nav.navbar_nav_left {
	background: radial-gradient(circle at right .38rem ,transparent .65rem,#fff 0) left top;
	justify-content: flex-start;
	padding-right: 5%;
	padding-left: .4rem
}
.head .navbar_box .navbar_nav.navbar_nav_right {
	background: radial-gradient(circle at left .38rem ,transparent .65rem,#fff 0) left top;
	padding-left: 5%;
	justify-content: flex-end;
	padding-right: .4rem
}
.head .navbar_box .navbar_nav .nav_item {
	height: 100%;
	line-height: .8rem;
	position: relative
}
.head .navbar_box .navbar_nav .nav_item .dropdown_link a {
	font-size: .16rem;
	font-weight: 700;
	display: inline-block;
	padding-right: .4rem
}
.head .navbar_box .navbar_nav .nav_item .dropdown_link .iconfont::before {
	content: '';
	display: block
}
.head .navbar_box .navbar_nav .nav_item .dropdown_menu {
	position: absolute;
	width: max-content;
	padding-top: .04rem;
	opacity: 0;
	visibility: hidden
}
.head .navbar_box .navbar_nav .nav_item .dropdown_menu .submen_list {
	background: #fff;
	border-radius: .2rem;
	overflow: hidden
}
.head .navbar_box .navbar_nav .nav_item .dropdown_menu .submen_list li {
	line-height: initial
}
.head .navbar_box .navbar_nav .nav_item .dropdown_menu .submen_list li a {
	padding: 0 .3rem;
	font-size: .16rem;
	line-height: .4rem;
	display: inline-block
}
.head .navbar_box .navbar_nav .nav_item .dropdown_menu .submen_list li:hover {
	background: #ebf7f3
}
.head .navbar_box .navbar_nav .nav_item .dropdown_menu .submen_list li:hover a,.head .navbar_box .navbar_nav .nav_item.active .dropdown_link a,.head .navbar_box .navbar_nav .nav_item:hover .dropdown_link a {
	color: #77bba6
}
.head .navbar_box .navbar_nav .nav_item:hover .dropdown_menu {
	opacity: 1;
	visibility: unset
}
.head .navbar_right {
	display: none
}
.search_con2 {
	border: .02rem solid var(--color);
	box-sizing: border-box;
	height: .4rem;
	border-radius: .4rem;
	line-height: .4rem;
	padding: 0 .2rem
}
.search_con2 .search_input {
	display: flex;
	width: 100%;
	max-height: .36rem
}
.search_con2 .search_input input {
	width: 86%
}
.search_con2 .search_input .search_btn {
	width: .28rem;
	text-align: center;
	height: .28rem;
	background: var(--color);
	border-radius: .28rem;
	margin-top: .043rem;
	cursor: pointer
}
.search_con2 .search_input .search_btn img {
	max-width: .14rem;
	margin-top: .08rem
}
.footer {
	background: var(--color);
	position: relative;
	margin-top: .8rem;
	padding-bottom: .3rem;
	padding-top: .45rem;
}

.footer .auto-container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}
.footer .left {
	width: 64%;
	padding-top: .35rem
}
.footer .left .left_head {
	display: flex;
	justify-content: space-around;
	margin-bottom: .3rem
}
.footer .left .left_head .item {
	width: 33.3333%
}
.footer .left .left_head .item .item_title {
	font-size: .18rem;
	font-family: visby;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: .4rem
}
.footer .left .left_head .item:first-child ul li {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: .1rem
}
.footer .left .left_head .item li img {
	max-width: .3rem
}
.footer .left .left_head .item li a,.footer .left .left_head .item li span {
	font-size: .18rem;
	color: #fff;
	border-bottom: .02rem solid transparent;
	line-height: .24rem;
	margin-bottom: .1rem;
	display: inline-block
}
.footer .left .left_head .item:first-child ul li a,.footer .left .left_head .item:first-child ul li span {
	max-width: 80%
}
.footer .left .left_head .item:first-child ul li img {
	margin-right: .1rem
}
.footer .left .left_head .item li:hover a {
	border-color: #fff
}
.footer .left .left_main {
	border-bottom: .01rem solid rgb(255 255 255 / 30%);
	border-top: .01rem solid rgb(255 255 255 / 30%);
	padding: .22rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center
}
.footer .left .left_main .foot_share a {
	display: inline-block;
	margin-right: .07rem;
	background: #fff;
	border-radius: .25rem
}
.footer .left .left_main .foot_share a img {
	max-width: .5rem
}
.footer .left .left_main .foot_share a:hover {
	background: rgb(255 255 255 / 50%)
}
.footer .left .left_main .foot_bottom a {
	font-size: .18rem;
	color: #fff;
	display: inline-block;
	margin-left: .3rem
}
.footer .left .left_bottom {
	padding-top: .45rem;
	display: flex;
	justify-content: space-between
}
.footer .left .left_bottom p {
	font-size: .18rem;
	color: #fff
}
.footer .left .left_bottom p a {
	font-size: .18rem;
	color: #fff
}
.footer .right {
	width: 29%;
	margin-left: 7%;
	background: #ebf7f3;
	border-radius: .2rem;
	padding: .3rem .4rem .2rem .4rem;
	position: relative
}
.footer .right p {
	font-size: .26rem;
	font-family: visby;
	text-align: center;
	margin-bottom: .3rem
}
.footer .right .input div {
	margin-bottom: .08rem
}
.footer .right .input div input,.footer .right .textarea textarea {
	width: 100%;
	border-radius: .25rem;
	background: #cce3db;
	font-size: .16rem
}
.footer .right .input div input {
	height: .5rem;
	line-height: .5rem;
	padding-left: .15rem;
	padding-right: .1rem
}
.footer .right .input div input::placeholder,.footer .right .textarea textarea::placeholder {
	color: #666
}
.footer .right .textarea textarea {
	padding: .15rem;
	height: 1.4rem
}
.footer .right .submit {
	margin-top: .05rem;
	text-align: center
}
.footer .right .submit .btn_effect1 {
	width: 2rem;
	height: .5rem;
	background: #f9b234;
	border-radius: .25rem;
	line-height: .5rem;
	font-size: .18rem;
	color: #fff;
	transition: all .5s linear;
	display: inline-grid;
	cursor: pointer
}