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: Helvetica Neue,Helvetica,Arial,sans-serif
}
* {
	margin: 0;
	padding: 0;
	list-style: none
}
ol,ul {
	list-style: none
}
a {
	text-decoration: none
}
a:hover {
	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:segoeui;src:url(../fonts/segoeui.ttf) format('truetype');font-weight:400;font-style:normal
}
@font-face {
	font-family:segoeuii;src:url(../fonts/segoeuii.ttf) format('truetype');font-weight:400;font-style:normal
}
@font-face {
	font-family:segoeuisb;src:url(../fonts/seguisb.ttf) format('truetype');font-weight:400;font-style:normal
}
@font-face {
	font-family:segoeuib;src:url(../fonts/segoeuib.ttf) format('truetype');font-weight:400;font-style:normal
}
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: segoeui;
	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;
	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
}
.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: -.9rem;
	transform: rotate(180deg)
}
.swiper-button-next {
	right: -.9rem
}
.swiper-button-next,.swiper-button-prev {
	background-image: url(/res/magic/images/icon_arrow.png);
	max-width: .4rem;
	width: .4rem;
	height: .4rem;
	background-size: contain;
	margin-top: 0;
	position: absolute !important;
	background: #7f4428;
	border-radius: .4rem;
}
.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:before,.swiper-button-prev.more_btn .btn_icon:before,
.swiper-button-next.more_btn .btn_icon:after,.swiper-button-prev.more_btn .btn_icon:after
{
	background-image: url(/res/magic/images/icon_small_arrow_white.png);
}
.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(-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)
}
.swiper-pagination-bullet {
	width: .1rem;
	height: .1rem;
	background: 0 0;
	border: .02rem solid #7c4028;
	opacity: 1
}
.swiper-pagination-bullet-active {
	background: #7c4028
}
.head nav {
	position: fixed;
	top: 0;
	z-index: 99;
	left: 0;
	right: 0;
	padding: 0 1rem;
	width: 100%;
	justify-content: space-between;
	display: flex;
	align-items: center;
	transition: all .3s linear;
	max-width: 1920px;
	margin: auto;
}
.head nav.c-style2,.head nav.open {
	background: #7f4428
}
.head nav:hover {
	background: #7f4428
}
.head nav.c-style2 {
	padding: 0 .5rem
}
.head nav.c-style2 .navbar_box .navbar_nav .nav_item .dropdown_link {
	line-height: .8rem;
	font-size: .16rem
}
.head .navbar_logo {
	display: flex;
	align-items: center;
	max-width: 5.7rem
}
.head .navbar_logo .logo_icon {
	margin-right: .25rem;
	display: inline-block;
	width: .8rem
}
.head .navbar_logo .logo_icon img {
	max-height: .7rem
}
.head .navbar_logo .logo_text {
	font-size: .18rem;
	line-height: .24rem;
	color: #fff;
	font-family: segoeuib;
	max-width: 2.7rem
}
.head .navbar_box {
	width: 66%
}
.head .navbar_box .navbar_nav {
	display: flex;
	justify-content: flex-end;
	margin-right: .4rem
}
.head .navbar_box .navbar_nav .nav_item {
	margin-right: .5rem
}
.head .navbar_box .navbar_nav .nav_item:last-child {
	margin-right: 0
}
.head .navbar_box .navbar_nav .nav_item .dropdown_link {
	font-size: .16rem;
	line-height: .95rem;
	text-transform: uppercase;
	position: relative;
	transition: all .3s linear;
	font-family: segoeuib
}
.head .navbar_box .nav_item .dropdown_link a {
	display: inline-block;
	transition: none;
	color: #fff
}
.head .navbar_box .nav_item .dropdown_link a:before {
	content: '';
	display: block;
	position: absolute;
	bottom: .15rem;
	left: 0;
	right: 0;
	margin: auto;
	width: .14rem;
	height: .11rem;
	background: url(/res/magic/images/before_icon.png);
	opacity: 0;
	transition: opacity .3s;
	background-size: contain
}
.head .navbar_box .nav_item.active .dropdown_link a,.head .navbar_box .nav_item:hover .dropdown_link a {
	color: #fff
}
.head .navbar_box .nav_item.active .dropdown_link a:before,.head .navbar_box .nav_item:hover .dropdown_link a:before {
	opacity: 1
}
.head .navbar_box .nav_item .dropdown_menu {
	display: none;
	background: #fff;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	opacity: .96
}
.head .navbar_box .nav_item:hover .dropdown_menu {
	display: block
}
.head .navbar_box .nav_item .submen_list {
	display: flex;
	flex-wrap: wrap;
	max-width: 14rem;
	margin: auto;
	align-items: stretch;
	justify-content: space-between
}
.head .navbar_box .nav_item .submen_list li {
	padding: 0 .55rem;
	border-left: .01rem solid #dddede;
	width: 25%;
	padding-bottom: .5rem
}
.head .navbar_box .nav_item .submen_list li:nth-child(-n+4) {
	padding-top: .5rem
}
.head .navbar_box .nav_item .submen_list li:first-child,.head .navbar_box .nav_item .submen_list li:nth-child(4n+1) {
	border-left: 0;
	padding-left: 0;
	max-width: 2.85rem
}
.head .navbar_box .nav_item .submen_list li:last-child {
	padding-right: .3rem
}
.head .navbar_box .nav_item .submen_list li:nth-child(4n) {
	padding-right: 0
}
.head .navbar_box .nav_item .submen_list .submen_head {
	display: flex;
	align-items: center;
	justify-content: flex-start
}
.head .navbar_box .nav_item .submen_head .head_icon img {
	max-width: .35rem
}
.head .navbar_box .nav_item .submen_head a {
	font-size: .16rem;
	color: #7f4428;
	margin-left: .15rem;
	display: block;
	font-weight: 700
}
.head .navbar_box .nav_item .submen_list .head_children {
	margin-top: .15rem
}
.head .navbar_box .nav_item .submen_list .head_children a {
	display: block;
	font-size: .16rem;
	line-height: .3rem;
	position: relative;
	padding-left: 20px
}
.head .navbar_box .nav_item .submen_list .head_children a:after {
	content: '';
	display: block;
	background: url(/res/magic/images/head_nav_icon.png);
	width: .07rem;
	height: .08rem;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 40%
}
.head .navbar_box .nav_item .submen_list .head_children a:hover {
	color: #7c4028
}
.head .navbar_right .navbar_group a {
	font-size: .16rem;
	text-transform: uppercase;
	color: #7f4428;
	font-weight: 700
}
.head .navbar_right .navbar_group .btn_inquiry {
	border: .02rem solid #fff;
	border-radius: .4rem;
	width: 1.2rem;
	display: inline-block;
	text-align: center;
	height: .4rem;
	line-height: .32rem
}
.head .navbar_right .navbar_group .btn_inquiry .badge {
	font-size: .16rem;
	padding: 0;
	background: 0 0;
	font-family: segoeuib
}
.head .navbar_right .navbar_group .icosearch {
	width: .36rem;
	height: .36rem;
	border-radius: .36rem;
	background: #fff;
	margin-left: .4rem;
	line-height: .18rem
}
.head .navbar_right .navbar_group .icosearch img {
	max-width: .17rem
}
.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: 0;
	top: 25%
}
.head nav.c-style2 .navbar_right .search_con2 {
	top: 20%
}
.head .navbar_right .search_con2 .moblie_search_close img {
	max-width: .2rem;
	filter: brightness(100)
}
.head .navbar_right .search_con2 .search_input {
	width: 3.8rem;
	position: relative;
	color: #fff
}
.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 #fff;
	border-radius: .05rem;
	font-size: .16rem;
	padding: 0 0 0 .2rem;
	box-shadow: unset;
	width: 100%;
	padding-right: .5rem
}
.head .navbar_right .search_con2 .search_input input::placeholder {
	color: #fff
}
.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: .2rem
}
.pop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8)
}
.top_search_M {
	display: none
}
.top-search-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #666;
	z-index: 100;
	opacity: .8;
	display: none
}
.footer .footer_head .auto-container {
	display: flex;
	justify-content: space-between;
	padding: .7rem 0
}
.footer .footer_head .left {
	max-width: 3.4rem
}
.footer .foot_title {
	font-size: .2rem;
	font-family: segoeuib;
	margin-bottom: .4rem;
	text-transform: uppercase;
}
.footer .footer_head .left .foot_cantact {
	padding-bottom: .25rem;
	border-bottom: .01rem solid #ddd;
	margin-bottom: .25rem
}
.footer .footer_head .left .foot_cantact .item {
	display: flex;
	margin-bottom: .07rem;
	align-items: stretch
}
.footer .footer_head .left .foot_cantact .item .icon_box {
	margin-right: .18rem
}
.footer .footer_head .left .foot_cantact .item .icon_box img {
	max-width: .2rem;
	vertical-align: middle
}
.footer .footer_head .left .foot_cantact .item .text_box a,.footer .footer_head .left .foot_cantact .item .text_box p {
	color: #7b4025;
	font-size: .16rem
}
.footer .footer_head .left .foot_cantact .item .text_box a {
	font-family: segoeuisb
}
.footer .footer_head .left .foot_cantact .item .text_box p {
	line-height: .24rem
}
.footer .footer_head .left .foot_share a {
	display: inline-block;
	margin-right: .05rem
}
.footer .footer_head .left .foot_share a img {
	max-width: .27rem
}
.footer .footer_head .left .foot_share a:hover img {
	opacity: .7
}
.footer .footer_head .main .main_item .main_item_box a {
	display: block;
	font-size: .16rem;
	line-height: .36rem
}
.footer .footer_head .main .main_item .main_item_box a:hover {
	color: #7b4025
}
.footer .footer_head .foot_form {
	max-width: 5.3rem
}
.footer .footer_head .foot_form .foot_form_title {
	font-size: .26rem;
	font-family: segoeuib;
	margin-bottom: .2rem
}
.footer .footer_head .foot_form .foot_form_box .input {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.footer .footer_head .foot_form .foot_form_box .input div {
	border: .02rem solid #eaded0;
	border-radius: .05rem;
	width: 49.5%;
	margin-bottom: .06rem;
	height: .5rem;
	line-height: .45rem;
	font-size: .16rem
}
.footer .footer_head .foot_form .foot_form_box .input div input {
	width: 100%;
	padding-left: .15rem;
	padding-right: .05rem
}
.footer .footer_head .foot_form .foot_form_box .input div input::placeholder,.footer .footer_head .foot_form .foot_form_box .textarea textarea::placeholder {
	color: #222
}
.footer .footer_head .foot_form .foot_form_box .input div select {
	width: 100%;
	padding-left: .15rem;
	cursor: pointer
}
.footer .footer_head .foot_form .foot_form_box .textarea {
	border: .02rem solid #eaded0;
	border-radius: .05rem;
	height: 1.3rem;
	padding: .15rem;
	font-size: .16rem;
	display: flex;
	padding-right: .08rem
}
.footer .footer_head .foot_form .foot_form_box .textarea textarea {
	width: 90%
}
.footer .footer_head .foot_form .foot_form_box .textarea .submit {
	width: .6rem;
	height: .6rem;
	margin-top: .41rem;
	background: #7f4428;
	border-radius: .6rem;
	border: .02rem solid transparent
}
.footer .footer_head .foot_form .foot_form_box .textarea .submit::before {
	background: #fff
}
.footer .footer_head .foot_form .foot_form_box .textarea .submit input {
	width: 100%;
	height: 100%
}
.footer .footer_head .foot_form .foot_form_box .textarea .submit img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: -1;
	filter: brightness(100);
    max-width: .28rem;
}
.footer .footer_head .foot_form .foot_form_box .textarea .submit:hover img {
	filter: brightness(1)
}
.footer .footer_bottom {
	background: #eaded0
}
.footer .footer_bottom .auto-container {
	display: flex;
	justify-content: space-between;
	height: .8rem;
	line-height: .8rem;
	font-size: .16rem
}
.footer .footer_bottom .left a,.footer .footer_bottom .left p {
	display: inline-block
}
.footer .footer_bottom .left p:nth-of-type(1) {
	margin-right: .25rem
}
.footer .footer_bottom .right a {
	margin-right: .3rem
}
.footer .footer_bottom .right a:last-child {
	margin-right: 0
}
.footer .footer_bottom .left a:hover,.footer .footer_bottom .right a:hover {
	color: #7b4025
}
.additional-features {
	position: fixed;
	right: .4rem;
	top: 60%;
	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 {
	border-radius: 50%;
	box-shadow: 0 0 .1rem rgba(0,0,0,.2);
	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: 18px
}
@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)
}