body {
	/* background: #111; */
	font-size: 19px;
	overflow-x: hidden;
	overflow: hidden !important;
}

:root{
	--font-family: "Times New Roman"
}

a,
p,
h1,
h2,
h3,
h4,
h5,
span{
	font-family: var(--font-family)
}

img[src=""],
img:not([src]) {
	display: none;
}

.my-element {
	--animate-duration: 0.2s;
}

#bannerSwiper{
	background-color: #2E1F15;
}

#bannerSwiper .banner_img1 {
	width: 100%
}

#bannerSwiper,
.ProductSwiper,
.ourWorld_box_s,
.ourWorld_box_CORE,
.shop_swiper {
	display: none
}

.Bonest .f_Privacy,
.f_Legal,
.f_Cookie {
	display: none
}

#bannerSwiper video::-webkit-media-controls {
	display: none !important
}

#bannerSwiper video::-webkit-media-controls-fullscreen-button {
	display: none
}

#bannerSwiper video::-webkit-media-controls-play-button {
	display: none
}

#bannerSwiper video::-webkit-media-controls-timeline {
	display: none
}

#bannerSwiper video::-webkit-media-controls-current-time-display {
	display: none
}

#bannerSwiper video::-webkit-media-controls-time-remaining-display {
	display: none
}

#bannerSwiper video::-webkit-media-controls-mute-button {
	display: none
}

#bannerSwiper video::-webkit-media-controls-toggle-closed-captions-button {
	display: none
}

#bannerSwiper video::-webkit-media-controls-volume-slider {
	display: none
}

#bannerSwiper video::-webkit-media-controls-enclosure {
	display: none
}

#bannerSwiper .swiper-slide{
	background-color: #431a0b;
}

/* @font-face {
	font-family: 'title';
	src: url(https://bonestgatti.oss-ap-southeast-1.aliyuncs.com/fonts/MyriadPro-BoldCondIt.otf)
} */

@font-face {
	font-family: 'title';
	src: url('../fonts/DE VINNE BT.TTF')
}	

@font-face {
	font-family: 'title2';
	src: url(https://bonestgatti.oss-ap-southeast-1.aliyuncs.com/fonts/OPPOSANS-H.TTF)
}

/* @font-face {
	font-family: 'menu';
	src: url(https://bonestgatti.oss-ap-southeast-1.aliyuncs.com/fonts/MyriadPro-BoldCond.otf)
} */

/* @font-face {
	font-family: 'content';
	src: url(https://bonestgatti.oss-ap-southeast-1.aliyuncs.com/fonts/MyriadPro-Light.otf)
} */

@font-face {
	font-family: 'decorate';
	src: url(https://bonestgatti.oss-ap-southeast-1.aliyuncs.com/fonts/MyriadPro-SemiboldIt.otf)
}

@font-face {
	font-family: 'btn';
	src: url(https://bonestgatti.oss-ap-southeast-1.aliyuncs.com/fonts/MyriadPro-Regular.otf)
}

@font-face {
	font-family: 'num';
	src: url(https://bonestgatti.oss-ap-southeast-1.aliyuncs.com/fonts/DINCOND-BOLDALTERNATE.OTF)
}

.b_banner_page .line span {
	display: block;
	background-color: #fff;
}

.slider {
	background: #d5d5d5;
	height: 7px;
	position: relative;
	cursor: pointer;
	width: 100%;
	clear: right;
	top: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: inset 0 0 8px #000;
	margin: 10px 0 10px 0
}

.progress {
	height: 7px;
	position: relative;
	background: #5389c5;
	background: -moz-linear-gradient(top, #5389c5 0, #4775a9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5389c5), color-stop(100%, #4775a9));
	background: -webkit-linear-gradient(top, #5389c5 0, #4775a9 100%);
	background: -o-linear-gradient(top, #5389c5 0, #4775a9 100%);
	background: -ms-linear-gradient(top, #5389c5 0, #4775a9 100%);
	background: linear-gradient(to bottom, #5389c5 0, #4775a9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5389c5', endColorstr='#4775a9', GradientType=0);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	top: 0;
	border: 1px solid #4b7bb1;
	-moz-box-shadow: inset 0 .7px 0 0 rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: inset 0 .7px 0 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 .7px 0 0 rgba(255, 255, 255, 0.3)
}

.handle {
	background: url(../images/handle.png) repeat-x center;
	height: 19px;
	width: 19px;
	top: -5px;
	position: absolute;
	display: block;
	margin-top: 1px;
	cursor: pointer
}

.range {
	display: none
}

/*! Freebie Skelet */
ul.expmenu {
	width: 100%
}

ul.expmenu * {
	list-style: none
}

ul.expmenu>li>div.header {
	cursor: pointer
}

.expmenu li {
	border-bottom: 1px #431A0B solid;
	padding: 12px
}

ul.expmenu>li ul li {
	padding: 12px;
	color: #431A0B;
	line-height: 30px;
	font-family: var(--font-family);
	font-weight: 300;
	font-size: 19px;
}

ul.expmenu>li ul li:last-child {
	border-bottom: 0
}

ul.expmenu>li ul li.selected {
	background-color: #f4f4f4
}

ul.expmenu div.header i span {
	font-size: 20px;
	font-family: var(--font-family) !important;
	margin-left: 5px;
	color: #431A0B;
}

ul.expmenu>li>div.header>.label {
	padding-left: 24px;
	background: no-repeat;
	width: 100%
}

ul.expmenu>li>div.header>.arrow {
	display: block;
	width: 20px;
	height: 20px;
	background: no-repeat center;
	float: right;
	margin-left: 10px;
}

ul.expmenu>li>div.header>.arrow.up {
	background-image: url(../img/arrow_u.png);
	background-size: contain
}

ul.expmenu>li>div.header>.arrow.down {
	background-image: url(../img/arrow_d.png);
	background-size: contain
}

ul.expmenu>li ul li:not(.selected):hover {
	background: #e7e7e7;
	cursor: pointer
}

ul.expmenu>li ul li:not(.selected):active {
	background: #f1f1f1;
	cursor: pointer
}

/* 产品详情 */
ul.watch_parameter {
	width: 100%
}

ul.watch_parameter * {
	list-style: none
}

ul.watch_parameter>li>div.header {
	cursor: pointer
}

.watch_parameter li {
	border-bottom: 1px #000 solid;
	padding: 12px 0;
}

ul.watch_parameter>li ul li {
	padding: 24px 0;
	color: #431a0b;
	line-height: 30px;
	font-family: var(--font-family);
	font-weight: 300;
	font-size: 20px;
}

ul.watch_parameter>li ul li:last-child {
	border-bottom: 0
}

ul.watch_parameter>li ul li.selected {
	/* background-color: #f4f4f4 */
}

ul.watch_parameter div.header i span {
	font-size: 24px;
	font-family: var(--font-family) !important;
	font-weight: bold;
	line-height: 55px;
	margin-left: 5px;
	color: #431a0b;
}

ul.watch_parameter>li>div.header>.label {
	padding-left: 24px;
	background: no-repeat;
	width: 100%
}

ul.watch_parameter>li>div.header>.arrow {
	display: block;
	width: 20px;
	height: 20px;
	background: no-repeat center;
	float: right
}

ul.watch_parameter>li>div.header>.arrow.up {
	background-image: url(../img/arrow_u.png);
	background-size: contain
}

ul.watch_parameter>li>div.header>.arrow.down {
	background-image: url(../img/arrow_d.png);
	background-size: contain
}

ul.watch_parameter>li ul li:not(.selected):hover {
	/* background: #e7e7e7; */
	cursor: pointer
}

ul.watch_parameter>li ul li:not(.selected):active {
	/* background: #f1f1f1; */
	cursor: pointer
}


ul#pagination-freebie {
	display: table;
	padding-right: 20px;
	margin: 20px auto;
	list-style: none
}

ul#pagination-freebie:last-child {
	padding-right: 0
}

ul#pagination-freebie li {
	float: left;
	margin-bottom: 20px
}

ul#pagination-freebie li:last-child {
	margin-right: 0
}

div#text {
	text-align: center;
	font-size: 48px;
	width: 610px;
	margin: 0 auto;
	margin-top: 50px;
	margin-top: 80px
}

div#smalltext {
	text-align: center;
	font-size: 15px;
	width: 600px;
	margin: 0 auto
}

div#content {
	width: 100%;
	padding: 30px
}

.backfff{
	background: #fff !important;
}

.flex {
	display: flex;
}

.flexImportant{
	display: flex !important;
}

.align-content-centent {
	align-items: center
}

.align-end{
	align-items: flex-end;
}

.align-content-between {
	align-content: space-between
}

.flex-1{
	flex: 1;
}

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

.flex-column {
	flex-direction: column
}

.flex-around {
	justify-content: space-around
}

.justify-content-center {
	justify-content: center
}

.justify-content-between {
	justify-content: space-between;
}

.justify-content-end {
	justify-content: flex-end
}

.align-content-start {
	align-items: flex-start
}

.align-center {
	align-items: center;
}

.align-content-end {
	align-items: flex-end
}

.flex-warp {
	flex-wrap: wrap
}

.overHidden {
	overflow: hidden;
}

.btn {
	font-family: decorate;
	font-size: 30px
}

.width100{
	width: 100%;
}

.colorBlack {
	color: #2E1F15 !important;
}

.colorLight {
	color: #F4F0DD !important;
}

.colorBrown{
	color: #AA9A8C !important;
}

.colorDrak {
	color: #383838 !important;
}

.colorMain{
	color: #431A0B !important; 
}

.colorWhite{
	color: #fff !important;
}

.colorOld{
	color: #877245 !important;
}

.border-top-line{
	border-top: 1px #000 solid;
}

.layout .nav {
	width: 100%;
	color: #AA9A8C;
	/* background: #2E1F15; */
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8;
	padding: 20px 0px;
	/* z-index: 1001; */
}

.Menu_model_nav {
	width: 100%;
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1005;
	padding: 20px 0px;
}

.Menu_model_line{
	width: 80% !important;
	left: 10%;
	margin-top: 15px;
}

.nav_left {
	position: relative
}

/* .nav_left,
.nav_right {
	width: 33.33%;
	overflow: hidden;
	line-height: 26px
}
 */


.nav_left li {
	margin-right: 30px;
}

.nav_left li a {
	font-size: 20px;
	font-family: var(--font-family);
	color: #AA9A8C;
}

.nav_left li p a:hover {
	/* text-decoration: underline; */
	color: #2E1F15;
}

.nav_left li .iconcaidan {
	font-size: 25px
}

.nav_right {
	position: absolute;
	right: 0
}

.nav_right div:first-child {
	/* margin-right: 24px */
}

.ajax_SEARCHPRODUCTS_content,
.SEARCHPRODUCTS_content_item {
	margin-right: 0 !important
}

.nav_right div a {
	color: #fff;
	font-size: 20px;
	font-family: btn;
	margin-left: 5px
}

.nav_right div .iconfont {
	font-size: 17px
}

.logo {
	/* width: 33.33%; */
	text-align: center
}

.logo .pc_logo{
	display:block
}

.logo .move_logo{
	display:none
}

.logo img {
	width: 100px;
	height: 58px;
	line-height: 58px;
	object-fit: contain
}

.footerLogo img {
	width: 120px;
	height: 80px;
	line-height: 80px;
	object-fit: contain
}

.b_banner_size {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 2
}

.b_banner_content {
	width: 85%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.b_banner_PASSION {
	font-size: 40px;
	color: #f4f0dd;
	font-family: var(--font-family);
	font-weight: normal
}

.b_banner_FLAMING {
	font-size: 80px;
	color: #fff;
	font-family: var(--font-family);
	font-weight: normal
}

.b_banner_SERIES {
	font-size: 34px;
	color: #fff;
	font-family: decorate;
	font-weight: normal
}

.add {
	font-size: 100px;
	line-height: 100px;
	font-family: num;
	font-weight: 400;
	color: #fff
}

.add2 {
	font-size: 38px !important;
	font-family: num;
	font-weight: 400;
	color: #fff
}

.LearnMore_top {
	margin-top: 50px
}

.footer .LearnMore:hover {
	color: #fff;
}

.LearnMore {
	font-size: 19px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #2E1F15;
	display: inline-block;
	transition: all .1s;
	text-transform: capitalize;
	position: relative;
	/* overflow: hidden; */
	line-height: 24px;
	padding: 0 5px 0 0
}

.LearnMore::before {
	position: absolute;
	z-index: 0;
	bottom: -50%;
	display: inline-block;
	width: 0%;
	height: 12%;
	content: '';
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	/* background: #431A0B */
	background: #451C0D
}

.LearnmoreIcon{
	font-size: 19px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #b5a663;
	display: inline-block;
	transition: all .1s;
	text-transform: capitalize;
	position: relative;
	/* overflow: hidden; */
	line-height: 24px;
	padding: 0 5px 0 0
}

.LearnmoreIcon::before {
	position: absolute;
	z-index: 0;
	bottom: -60%;
	left: 25%;
	display: inline-block;
	width: 0%;
	height: 12%;
	content: '';
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	/* background: #431A0B */
	background:#b5a663
}


.LearnmoreIcon:hover::before{
	width: 50%
}

.LearnmoreIcon:hover{
	transition: all .2s ease-in-out;
}

.b_banner_content .LearnMore::before{
	position: absolute;
	z-index: 0;
	bottom: -60%;
	/* left: 25%; */
	display: inline-block;
	width: 0%;
	height: 12%;
	content: '';
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	background: #f4f0dd
}

.LearnMore span {
	text-align: center;
	position: relative;
	z-index: 1
}

.LearnMore:hover::before {
	width: 100%;
}

.LearnMore:hover {
	transition: all .2s ease-in-out;
	/* color: #fff; */
	/* font-style: italic */
}

.LearnMore2::before {
	position: absolute;
	z-index: 0;
	bottom: 20%;
	left: -100%;
	display: inline-block;
	width: 100%;
	height: 10%;
	content: '';
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	background: #ed0000
}

.line {
	width: 4px;
	height: 178px;
	background: #999
}

.page {
	font-size: 60px;
	font-family: var(--font-family);
	font-weight: 400;
	color: #f9f9f9;
	line-height: 60px
}

.page_box {
	margin-right: 30px;
	position: relative;
	left: -50px
}

.length {
	font-family: var(--font-family);
	font-size: 30px;
	font-weight: 400;
	color: #f9f9f9;
	line-height: 30px;
	text-align: right
}

.Menu_model {
	width: 100%;
	height: 100%;
	/* background-color: #070322; */
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	display: none;
	overflow: auto
}

.Menu_model .iconguanbi {
	color: #AA9A8C;
}

.Menu_box {
	position: absolute;
	width: 100%;
	top: 15%
}

.downActive {
	color: #000
}

.Menu_left a {
	font-size: 80px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #fff;
	line-height: 121px;
	text-align: center
}

.menuActive,
.menuActive a,
.menuActive a span {
	font-style: italic
}

.menuActive .LearnMore::before {
	/* left: 0 */
}

.mb_menuActive .mbLearnMore::before {
	/* left: 0 */
}

.mb_menu_show{
	animation: mbMenuShow 1s forwards;
}

@keyframes mbMenuShow{
	from{
		height: 0%;
		scale: 1
	}

	to{
		height: 100%;
		scale: 1
	}
}

.mb_menu_hidden{
	animation: mbMenuHidden 1s forwards;
}

@keyframes mbMenuHidden{
	from{
		height: 100%;
		scale: 1
	}

	to{
		height: 0%;
		scale: 1
	}
}

.mb_menu .mb_menumb_menu{
	display:none;
}

.content-wrap section .title {
	color: #fff;
	font-size: 20px;
	font-family: btn;
	font-weight: 400;
	color: #fff;
	padding: 15px 0
}

.Menu_left {
	width: 30%
}

.Menu_right {
	width: 67%
}

.ajax_pro_boxs .product_item {
	width: 20%;
	margin-bottom: 15px;
}

.product_item {
	color: #999;
	display: inline-block;
	text-align: center;
	margin-bottom: 20px;

}

.product_item:hover {
	color: #fff
}

.product_item img {
	width: 100%
}

.product_box {
	margin: 40px 0
}

.Menu_left a {
	padding: 0 15px 0 0
}

.product_item p {
	text-align: center;
	color: inherit;
	font-family: content;
	font-weight: 600;
	margin-top: 13px;
	font-size: 20px
}

.PURCHASE_item {
	width: 261px;
	height: 287px;
	background: #2f2f2f;
	border: 1px solid #d0d0d0;
	display: inline-block
}

.PURCHASE_item_info {
	padding: 30px;
	color: inherit
}

.PURCHASE_item_info p {
	color: inherit;
	font-family: var(--font-family);
	font-size: 26px
}

.PURCHASE_item .iconfont {
	font-size: 77px;
	color: inherit
}

.PURCHASE_item_top {
	margin: 35px 0 30px
}

.PURCHASE_item_iconfont {
	text-align: right
}

.PURCHASE_item {
	color: #999;
	cursor: pointer
}

.PURCHASE_item .LearnMore {
	color: inherit
}

.PURCHASE_item:hover {
	color: #fff !important
}

.product_SERVICE p {
	margin-bottom: 15px
}

.Languages,
.FOLLOWUS {
	font-size: 19px;
	font-family: var(--font-family);
	font-weight: 400;
	/* color: #F4F0DD; */
	color: #FFF;
	padding-top: 5px
}

.LANGUAGES_w {
	width: 200px;
	margin-left: 15px
}

.model_footer .lang {
	/* color: #F4F0DD; */
	color: #FFF;
	font-family: var(--font-family);
	margin-left: 5px
}

.LANGUAGES_w p {
	cursor: pointer
}

.model_footer .icon {
	width: 30px;
	height: 30px
}

.FOLLOWUs a {
	margin-left: 20px
}

.menu_Seach {
	margin: 70px 0 0
}

.menu_Seach div {
	margin-top: 20px
}

.menu_Seach .iconfont,
.menu_Seach a {
	color: inherit
}

.menu_Seach a {
	margin-left: 10px
}

.bOnestGattSwiper img {
	width: 90%;
	height: 320px;
	margin-top: 20px;
	object-fit: contain;
	cursor: pointer
}

.bOnestGattSwiper h4 {
	font-size: 22px;
	font-family: var(--font-family);
	font-weight: bold;
	color: #431A0B;
	text-align: center;
	padding: 30px
}

.bOnestGattSwiper {
	margin: 20px;
}

.bOnestGattSwiper a {
	text-align: center;
	margin: 20px 20px 20px 10px;
	background: #FFFEFA;
	border-radius: 5px;
}

.bOnestGattSwiper a:hover {
	box-shadow: 0px 0px 9px 0px #8C8067;
}

.bOnestGattSwiper_content {
	/* width: 270px; */
	/* margin: 0 auto; */
	/* margin-right: 50px !important; */
	display: block;
	text-align: center
}

.bOnestGatt_head h4 {
	font-size: 40px;
	font-family: var(--font-family);
	/* font-family:var(--font-family); */
	font-weight: bold;
	color: #431A0B;
}

.bOnestGatt_head p {
	font-size: 19px;
	font-family: var(--font-family);
	font-weight: 300;
	color: #2E1F15;
	line-height: 31px;
	/* margin-left: 145px; */
	width: 100%
}

.bOnestGatt_head {
	margin-bottom: 40px
}

.glory {
	/* background-image: url('../img/DELCONA/createBg.jpg'); */
	background:#f8f8f8;
	background-size: 100% 100%;
	height: 280px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.glory .glory-Title {
	font-size: 40px;
	font-family: var(--font-family);
	font-weight: bold;
	color: #383838;
}

.glory .glory-Desc {
	font-size: 19px;
	margin-top: 15px;
	font-family: var(--font-family);
	font-weight: initial;
}

.craftDisplay{
	/* padding: 80px 0; */
	/* padding: 80px 0 0 0 */
}

.craftDisplay .craftDisplay_title h4{
	font-size: 40px;
    font-family: var(--font-family);
    font-weight: bold;
    color: #431A0B;
}

.craftDisplay .craftDisplay_desc h4{
	font-size: 19px;
    font-family: var(--font-family);
    font-weight: 300;
    color: #2E1F15;
    line-height: 31px;
    width: 100%;
}

.craftDisplay .craftDisplay_video{
	position: relative;
}

.craftDisplay .craftDisplay_video video{
	/* width: 1000px; */
	width: 100%
}

.craftDisplay .craftDisplay_video .craftDisplay_video_play{
	position: absolute;
	line-height: 100px;
    height: 100px;
    width: 100px;
    border: 0em;
    border-radius: 100px;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
	cursor: pointer;
}

.craftDisplay_video_play img{
	width: 100%;
}

.legalBox{
	padding: 80px 0;
}

.legalBox .legalBox_title h4{
	font-size: 40px;
    font-family: var(--font-family);
    font-weight: bold;
    color: #431A0B;
	margin-bottom: 40px;
}

.legalBox .legalBox_text{
	margin-top: 10px;
	font-size: 19px;
    font-family: var(--font-family);
    font-weight: 300;
    color: #2E1F15;
    line-height: 31px;
}

.legalBox .legalBox_line{
	border-bottom: 1px solid #431A0B;
	margin: 40px 0;
}

.legalBox .legalBox_text_title{
	font-weight: bold;
	color: #431A0B;
}

.assistBox{
	padding: 80px 0;
}

.assistBox .assistBox_title h4{
	font-size: 40px;
    font-family: var(--font-family);
    font-weight: bold;
    color: #431A0B;
}

.assistBox .assistBox_desc{
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

.assistBox .assistBox_desc h4{
	font-size: 19px;
    font-family: var(--font-family);
    font-weight: 300;
    color: #2E1F15;
    line-height: 31px;
    width: 50%;
}

.assistBox .assiostBox_btn_box{
	display: flex;
	justify-content: center;
	margin: 40px 0;
	cursor: pointer;
}

.assistBox .assiostBox_btn_box .assiostBox_btn{
	display: inline-block;
	border: 1px solid #431A0B;
	padding: 20px;
	font-size: 18px;
	font-family: var(--font-family);
}

.assistBox .assiostBox_btn_box .assiostBox_btn a{
	color: #431A0B;
}

.assistBox .assiostBox_cover{
	width: 1000px;
	margin: 0 auto;
	
}

.assistBox .assiostBox_cover img{
	width: 100%;
}

.TimeSpeed {
	position: relative
}

.TimeSpeed_title {
	position: absolute;
	bottom: 13%;
	width: 85%
}

.TimeSpeed .video {
	width: 388px;
	height: 262px;
	overflow: hidden;
	margin-right: 20px
}

.TimeSpeed .video img {
	width: 100%;
	transition: all .5s ease
}

.TimeSpeed .video img:hover {
	transform: scale(1.06)
}

.iconVideo {
	width: 80px;
	height: 80px
}

.video_box {
	cursor: pointer
}

.story_content h3 {
	font-size: 70px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #fefefe;
	line-height: 57px
}

.story_content .story_p {
	font-size: 19px;
	font-family: content;
	font-weight: 300;
	color: #fff;
	line-height: 31px;
	margin: 52px auto 65px
}

.TimeSpeed,
.story,
.bOnestGatt,
.stores {
	padding: 80px 0;
	/* background: #fbf2df; */
	background: #F8F3EB;
	background-size: cover;
}

.Craft {
	padding: 80px 0;
	background: #fff;
}

.story {
	background-color: #313131
}

.story_content_left {
	width: 50%;
	margin-left: 77px
}

.story_content_right {
	width: 45%;
	text-align: right
}

.stores_img_right {
	width: 50%;
	overflow: hidden
}

.stores_img_right img {
	width: 100%;
	transition: all .5s ease
}

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

.footer {
	/* background-color:#070322; */
	background-color:#4E4E51;
	padding: 40px 0 0
}

.footer_info h4 {
	font-size: 19px;
	font-family: var(--font-family);
	font-weight: bold;
	/* color: #F4F0DD; */
	color: #FFF;
	line-height: 15px;
	margin-bottom: 24px
}

.footer_info h3 {
	font-weight: normal;
	margin-top: 8px
}

.footer_info a {
	font-size: 16px;
	line-height: 19px;
	font-family: var(--font-family);
	/* color: #F4F0DD */
	color: #bebebe
}

.footer_info p {
	width: 340px;
	font-family: content;
	font-weight: 300;
	color: #F4F0DD;
	line-height: 31px;
	margin: 0 0 20px 0
}

.footer .model_footer {
	height: 90px
}

.Bonest {
	border-top: 1px solid #959595;
	padding: 27px 0
}

.Bonest a {
	font-size: 16px;
    line-height: 19px;
    font-family: var(--font-family);
	color: #BEBEBE;
	margin-right: 50px
}

.Bonest a:hover{
	color:#fff
}

.footer_logo {
	margin-bottom: 20px
}

.top {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #212121;
	text-align: center;
	cursor: pointer
}

.top .iconfont {
	font-size: 30px;
	color: red
}

.TimeSpeed_add {
	font-size: 38px !important;
	position: absolute;
	top: 10%;
	right: 10%;
	color: #fff
}

.ourWorld_box_nav a {
	font-size: 19px;
	font-weight: 400;
	color: #431a0b;
	font-family: 'var(--font-family)', Times, serif';
}

.ourWorld_box_content {
	position: relative;
	text-align: right
}

.ourWorld_box_nav {
	margin-top: 102px;
	padding-top: 64px;
	padding-bottom: 30px;
}

.ourWorld_content_title {
	position: absolute;
	top: 0;
	left: 7%;
	/* z-index: -1 */
}

.ourWorld_content_title h3 {
	font-size: 244px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #ed0000;
	line-height: 237px;
	text-align: left
}

.ourWorld_content_title p {
	width: 35%;
	font-size: 19px;
	font-family: content;
	font-weight: 300;
	color: #fff;
	line-height: 31px;
	text-align: left
}

.ourWorld_content_title h4 {
	font-size: 40px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #fff;
	text-align: left;
	margin-bottom: 30px;
	margin-top: 100px
}

.sess_padding {
	padding-top: 160px;
}

.ourWorld_box_CORE .title1 {
	font-size: 80px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #ed0000;
	line-height: 111px
}

.ourWorld_box_CORE .title2 {
	font-size: 80px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #fff;
	line-height: 111px
}

.core_item {
	position: relative;
	cursor: pointer;
	transition: all .2s ease
}

.core_item img {
	width: 100%;
	overflow: hidden
}

.core_item_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	transition: all .2s ease
}

.core_item:hover {
	transform: scale(1.06);
	border-right: 14px solid #ed0000;
	z-index: 11
}

.core_item_bg:hover {
	background-color: inherit;
	transform: scale(1.06)
}

.ourWorld_box_item {
	margin: 70px 0
}

.ourWorld_box_item_content {
	width: 70%;
	background: #212121;
	padding: 40px
}

.ourWorld_box_item_content h3 {
	font-size: 28px;
	font-family: var(--font-family);
	font-weight: bold;
	color: #fff
}

.ourWorld_box_item_content p {
	font-size: 19px;
	font-family: content;
	font-weight: 300;
	color: #fff;
	line-height: 30px;
	margin-top: 27px
}

.ourWorld_box_item .active {
	border-right: 14px solid #ed0000;
	transform: scale(1.06);
	z-index: 11
}

.active .core_item_bg {
	background-color: inherit
}

.ourAdd {
	position: absolute;
	right: 5%;
	bottom: 0
}

.Historical {
	background-color: #fff
}

.Historical_item p {
	font-size: 19px;
	font-family: content;
	font-weight: 300;
	color: #333;
	line-height: 30px;
	margin-bottom: 30px
}

.Historical_item .title1,
.ourCourse_left h3 {
	font-size: 80px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #fe0500
}

.Historical_item .title2 {
	font-size: 80px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #373737
}

.Historical_item_left {
	width: 50%
}

.Historical_item_p {
	margin: 50px 0
}

.Historical_item_img {
	width: 45%;
	overflow: hidden
}

.Historical_item_img img {
	width: 100%;
	display: block;
	transition: all .5s ease
}

.Historical_item_img img:hover {
	transform: scale(1.06);
	cursor: pointer
}

.ourCourse {
	background-color: #000
}

.news_left_r p {
	font-size: 19px;
	font-family: content;
	line-height: 30px;
	font-weight: 300;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical
}

.news_left_r p span {
	background-color: inherit !important;
	font-size: 19px !important;
	font-family: content !important
}

.ourCourse_left {
	width: 50%
}

.ourCourse_right {
	width: 45%;
	overflow: hidden;
	cursor: pointer;
	/* height:586px; */
}

.add2 {
	cursor: inherit !important;
}

.ourCourse_right img {
	width: 100%;
	transition: all .5s ease;
	object-fit: cover;
	height: 405px;
}

.ourCourse_right_img {
	height: auto !important;
}

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

.ourCourse_left h4 {
	font-size: 40px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #fff;
	line-height: 98px
}

.ourCourse_right a {
	display: block;
	height: 405px;
	overflow: hidden;
}

.ourCourse_left p {
	font-family: content;
	font-weight: 300;
	color: #fff;
	margin-left: 27px;
	line-height: 30px;
	font-weight: 300;
}

.ajax_ourCourse_item div {
	margin-top: 20px;
}

.ourCourse_add {
	/* margin-bottom: 90px */
}

.BOUTIQUE {
	background-color: #fff;
	text-align: center
}

.BOUTIQUE h3 {
	font-size: 40px;
	font-weight: normal;
	color: #000
}

.BOUTIQUE p {
	margin: 43px auto 55px;
	font-size: 20px;
	font-weight: 300;
	color: #000;
	line-height: 20px
}

.BOUTIQUE a {
	color: #000
}

.BOUTIQUE .LearnMore:hover {
	color: #000
}

.Watches_enlarge {
	width: 513px;
	height: 544px;
	background: #fff;
	border: 1px solid #fff;
	overflow: hidden;
	position: relative
}

.Watches_enlarge img {
	width: 100%
}

.swiper_item_img {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	background: #fff
}

.swiper_item_img img {
	width: 100%
}

.Watches_box {
	padding-bottom: 50px;
}

.Watches_box_left {
	width: 60%
}

.Watches_swiper {
	margin: 33px auto
}

.Watches_swiper_c {
	position: relative;
	padding: 0 30px
}

.Watches_enlarge_play {
	position: absolute;
	bottom: 3%;
	left: 1%;
	text-align: center;
	z-index: 6
}

.Watches_enlarge_play .iconfont {
	font-size: 80px;
	color: #666
}

.Watches_enlarge_play a {
	font-size: 20px;
	font-weight: 400;
	color: #000
}

.watches_box_right .new {
	font-size: 15px;
	font-family: decorate;
	font-weight: normal;
	color: #ed0000;
	display: none
}

.watches_box_right .title {
	font-size: 50px;
	font-weight: normal;
	color: #431A0B;
	line-height: 55px
}

.watches_box_h3_r {
	margin: 30px auto 15px
}

.watches_box_right .moeny {
	font-size: 20px;
	font-weight: 300;
	color: #431A0B
}

.watches_box_right .content {
	font-weight: 300;
	color: #431A0B;
	line-height: 31px;
	width: 500px;
	margin: 29px 0 40px
}

.watches_box_right .iconxin1 {
	color: #ed0000;
	font-size: 20px;
	vertical-align: super
}

.watches_box_right .iconxin11 {
	color: #fff;
	font-size: 20px;
	vertical-align: super
}

.Watches_box_w {
	width: 80%;
	margin: 0 auto
}

.watches_box_TMALL {
	margin: 90px auto
}

.watches_box_TMALL p {
	margin-bottom: 20px
}

.COLOR_box {
	height: 180px
}

.COLOR_box .title {
	font-size: 15px;
	font-family: decorate;
	font-weight: normal;
	color: #fff
}

.watches_box_right {
	width: 35%;
	/* display: flex;
	flex-direction: column;
	justify-content: center; */
}

.COLOR_box_item {
	width: 20%;
}

.COLOR_box_item a {
	display: block
}

.COLOR_box_item_img {
	width: 110px;
	cursor: pointer;
	transition: all .5s ease;
	overflow: hidden
}

.COLOR_box_item_img img {
	width: 100%
}

.COLOR_box_item_img:hover {
	border-bottom: 6px solid #ed0000;
	padding-bottom: 6px
}

.ONTHEWRIST {
	position: relative
}

.ONTHEWRIST_img {
	width: 100%
}

.ONTHEWRIST_Info {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%
}

.ONTHEWRIST_left h3 {
	font-size: 60px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #fe0500
}

.ONTHEWRIST_right p {
	width: 494px;
	font-size: 34px;
	font-family: decorate;
	font-weight: normal;
	color: #fff;
	line-height: 48px
}

.ONTHEWRIST_b {
	margin-bottom: 58px
}

.Gallery {
	background-color: #fff
}

.GALLERY_img {
	width: 74%;
	height: 682px;
	overflow: hidden;
	cursor: pointer;
	margin-left: auto;
	margin-bottom: 100px
}

.GALLERY_img img {
	width: 100%;
	height: 682px;
	object-fit: cover;
	transition: all .5s ease
}

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

.Gallery_left {
	width: 45%
}

.Gallery_left h3 {
	font-size: 40px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #fff;
	margin-bottom: 50px
}

.Gallery_relative {
	position: relative;
	top: -300px
}

.G_size {
	font-size: 60px;
	font-weight: normal;
	color: #ed0000
}

.G_size2 {
	font-size: 80px;
	font-weight: normal;
	color: #373737;
	margin-bottom: 50px
}

.Gallery_left .LearnMore {
	color: #373737
}

.Gallery_left .LearnMore:hover {
	color: #373737
}

.Gallery_right {
	width: 50%
}

.Gallery_right_img1 {
	width: 82%;
	overflow: hidden;
	margin-bottom: 55px
}

.Gallery_right_img1 img,
.Gallery_right_img2 img {
	width: 100%
}

.Gallery_right_img1 img,
.Gallery_right_img2 img {
	transition: all .5s ease
}

.Gallery_right_img1 img:hover,
.Gallery_right_img2 img:hover {
	transform: scale(1.06)
}

.Gallery_right_img2 {
	width: 74%;
	overflow: hidden
}

.product_color {
	background-color: #000 !important
}

.ProductSwiper {
	margin-top: 105px
}

.product_content {
	background-color: #fff;
	width: 100%
}

.product_search_box {
	width: 100%;
	position: absolute;
	bottom: 10%;
	left: 0
}

.product_search {
	width: 100%
}

.product_conten_title {
	height: 100px;
	line-height: 100px;
	width: 100%
}

.product_conten_title ul {
	padding: 0 88px;
	justify-content: space-between
}

.product_conten_title li {
	font-size: 20px;
	font-family: content;
	font-weight: bold;
	color: #999;
	cursor: pointer
}

.product_bt {
	width: 10%;
	height: 100px;
	line-height: 100px;
	background: #ed0000;
	text-align: center;
	font-size: 20px;
	font-family: var(--font-family);
	font-weight: bold;
	color: #fefefe;
	cursor: pointer
}

.product_i_item {
	width: 18%;
	margin-bottom: 60px;
	text-align: center;
	overflow: hidden;
	display: block;
	padding: 20px 0;
	/* margin-right: 12px; */
}

.product_i_item:hover{
	box-shadow: 0px 0px 9px 0px #999;
}

.product_i_item img {
	width: 100%;
	transition: all .5s ease
}

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

.product_i_box {
	/* width: 70%; */
	margin: 0 auto;
	padding-top: 40px;
}

.drop_down {
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 0;
	display: none;
	border-top: 1px solid #eee
}

.ProductSwiper {
	overflow: inherit !important
}

.drop_down_content {
	background-color: #fff;
	padding: 0 88px
}

.drop_down_content_w {
	width: 100%
}

.drop_down_content_w span {
	color: #333;
	font-family: content;
	font-size: 19px;
	margin-top: 3px;
	margin-left: 5px
}

.product_i_Swiper img {
	width: 100%;
	object-fit: cover
}

.product_conten_title .active {
	color: #ed0000
}

.product_i_Swiper h4 {
	font-size: 22px;
	font-family: var(--font-family);
	font-weight: bold;
	color: #383838;
	text-align: center;
	margin: 30px 0
}

.product_i_Swiper a {
	/* background-color: #fff; */
	background: transparent;
	text-align: center;
	margin-top: 20px;
	/* margin-right: 20px; */
}

/* .product_i_Swiper a:hover {
	box-shadow: 0 0 5px 0 #b6b6b6;
} */

.news_banner_title {
	font-size: 80px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #fe0500;
	text-align: center
}

.news_banner_title span {
	display: inline-block
}

.news_top {
	top: 50%;
	transform: translateY(-50%)
}

.news_left {
	width: 45%
}

.news_left h4 {
	font-size: 40px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #fff;
	line-height: 55px
}

.news_left .time {
	font-family: decorate;
	font-size: 15px;
	font-weight: normal;
	color: #ed0000;
	margin: 25px auto 47px
}

.news_left .content {
	font-size: 20px;
	font-family: content;
	font-weight: 300;
	color: #fff;
	line-height: 31px
}

.news_left_r {
	height: 405px
}

.news_right h4 {
	color: #373737
}

.news_right .content {
	color: #333
}

.news_right .LearnMore {
	color: #000
}

.news_right .news_left_r .content {
	margin-left: auto
}

.details_content {
	width: 75%;
	margin: 0 auto
}

.details_box .time {
	font-family: decorate;
	font-size: 15px;
	font-weight: normal;
	color: #ed0000;
	margin: 25px auto 47px
}

.details_box h3 {
	font-size: 40px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #373737;
	line-height: 55px;
	margin-top: 55px
}

.details_box .content,
.details_box .content p span {
	font-size: 19px !important;
	font-family: content;
	font-weight: 300;
	color: #333;
	line-height: 30px;
	margin-bottom: 20px
}

.details_box {
	background-color: #f1efec
}

.details_content_img {
	width: 100%;
	height: 627px;
	overflow: hidden
}

.details_content_img img {
	width: 100%;
	transition: all .5s ease
}

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

.footer_icont div {
	cursor: pointer
}

.search_t {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	background-color: #000;
	overflow: auto
}

.search_t,
.Menu_model::-webkit-scrollbar {
	display: none
}

.search_t,
.Menu_model {
	-ms-overflow-style: none
}

.search_t,
.Menu_model {
	overflow: -moz-scrollbars-none
}

.SEARCHPRODUCTS_box {
	width: 75%;
	margin: 0 auto
}

.SEARCHPRODUCTS {
	margin-top: 200px;
	display: none
}

.SEARCHPRODUCTS_box_search {
	height: 48px;
	/* background-color: rgb(83,56,38); */
	background-color: #fff;
	padding-right: 20px;
	border: 1px solid #AA9A8C
}

.SEARCHPRODUCTS_box_search input {
	background-color: inherit;
	border: 0;
	/* color: #ffff; */
	width: 90%;
	margin-left: 22px;
	height: 48px;
	padding-left: 10px;
}

.SEARCHPRODUCTS_box_search .iconsousuo,
.SEARCHPRODUCTS_box_search .iconguanbi1 {
	/* color: #fff; */
	font-size: 19px;
	margin-left: 20px;
}

.search_btns {
	width: 34px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	border-radius: 50%;
	/* color: #fff; */
	color: #AA9A8C;
	cursor: pointer

	.iconfont{
		font-size: 24px;
	}
}

.productSearchBtnBox{
	height: 45px;
	display: flex;
	align-items: center;
	padding: 0 10px;
	border-top: 1px solid #b5a663;
	border-right: 1px solid #b5a663;
	border-bottom: 1px solid #b5a663;
}

.productSearchBtn{
	width: 34px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	border-radius: 50%;
	color: #431a0b;
	/* background-color: #431a0b; */
	cursor: pointer
}

.productSearchBtn .icon31sousuo{
	font-size: 24px;
}

.SEARCHPRODUCTS_box_search .iconxin1 {
	color: #fff
}

.search_btns .iconjiantou {
	font-size: 20px
}

.search_btns:hover {
	background-color: #fff;
	color: #000;
}

.SEARCHPRODUCTS_content {
	margin: 50px auto
}

.WISHLIST .SEARCHPRODUCTS_content {
	margin: 50px auto 180px
}

.SEARCHPRODUCTS_content h3 {
	font-size: 40px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #AA9A8C
}

.SEARCHPRODUCTS_content_no {
	display: none
}

.YOURSELECTION {
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	padding-left: 30px
}

.SEARCHPRODUCTS_content h5 {
	font-size: 18px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #fff
}

.BACKTOMENU {
	padding-bottom: 50px;
	text-align: center
}

.BACKTOMENU .LearnMore {
	color: #fff;
}

.WISHLIST,
.SEARCHPRODUCTS_a,
.Menu_box {
	display: none
}

.WISHLIST input {
	width: 95%;
	height: 48px
}

.SEARCHPRODUCTS_content_item img {
	width: 120px
}

.SEARCHPRODUCTS_content_item_left {
	width: 30%
}

.SEARCHPRODUCTS_content_item_right {
	width: 60%
}

.SEARCHPRODUCTS_content_item_right p {
	font-size: 20px;
	font-family: content;
	font-weight: 300;
	color: #fff
}

.SEARCHPRODUCTS_content_item {
	margin-top: 30px
}

.SEARCHPRODUCTS_content_item_left_title {
	margin-left: 25px;
	font-size: 18px;
	font-family: decorate !important;
	font-weight: 600;
	color: #fff
}

.technical_item_left h3 {
	/* font-size: 40px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #431A0B; */
	margin-bottom: 40px;
	word-wrap: break-word;
}

.technical_item_left h5 {
	font-size: 20px;
	font-family: content;
	font-weight: bold;
	color: #431A0B;
	line-height: 20px
}

.technical_item_left p {
	font-family: content;
	color: #431A0B;
	line-height: 20px;
	margin-top: 6px;
	height: 19px;

}

.technical_item_right_img {
	/* width: 302px; */
	height: 250px;
	overflow: hidden;
}

.technical_item_right_img img {
	width: 100%;
	transition: all .5s ease
}

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

.technical_item_left {
	width: 60%
}

.technical_item_comlu div {
	margin-top: 25px
}

.technical_item_comlu {
	width: 30%
}

.technical_item_right {
	width: 35%;
	display: flex;
	justify-content: center;
}

.technical_item_right .iconfont {
	position: absolute;
	top: 0
}

.Watches_swiper_title {
	font-size: 40px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #fff;
	margin-left: 162px;
	margin-bottom: 83px
}

.Service_box {
	/* margin-top: 100px; */
	/* background: #fbf2df; */
	background-size: cover;
}

.Service_box_desc {
	justify-content: center;
    width: 50%;
    text-align: center;
    margin: 0 auto;
    line-height: 1.6;
    padding: 50px 0;
	display: none;
	font-family: var(--font-family);
	font-weight: normal;
	color: #431A0B
}

.ServiceDescActive {
	display: block !important
}



.Service_box .LearnMore {
	color: #2E1F15;
	font-weight: bold;
	font-family: var(--font-family);
}

.Service_box .LearnMore:hover {
	color: #383838
}

.Service_box_content p {
	/* font-size: 19px; */
	font-family: var(--font-family);
	/* font-weight: 300; */
	color: #383838;
	line-height: 31px;
	margin-bottom: 25px
}

.Service_box_content_info {
	border-bottom: 1px solid #000
}

.Service_box_content_info h4 {
	font-size: 22px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #383838;
	line-height: 55px;
	margin-top: 25px
}

.Service_box_content_footer h5 {
	font-size: 26px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #000;
	line-height: 55px
}

.Service_box_content_footer .iconfont {
	font-size: 36px
}

.Service_box_content_footer span {
	font-size: 26px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #000;
	line-height: 24px;
	margin-left: 15px
}

.Service_box_content_footer .Service_box_content_footer_item {
	margin-top: 25px
}

.Service_box_content_footer_img {
	position: relative;
	text-align: center
}

.Service_box_content_footer_img .swi_w {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.Service_box_img_r {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.Service_box_img_r h3 {
	font-size: 40px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #fff;
	margin-bottom: 43px
}

.Service_box_img_r_h3 {
	font-size: 40px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #fff;
	margin-bottom: 43px
}

.Service_box_content_footer_img {
	margin-top: 73px
}

.Service_box_img_r .LearnMore {
	color: #fff
}

.Service_box_img_r .LearnMore:hover {
	color: #fff
}

.terms p {
	font-size: 20px;
	font-family: content;
	font-weight: 300;
	color: #000;
	line-height: 31px;
	margin-top: 25px
}

.el-collapse-item__header {
	background-color: inherit;
	border-bottom: 1px solid #000;
	font-size: 26px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #000
}

.el-collapse-item__wrap {
	background-color: inherit;
	border-bottom: 1px solid #ebeef5
}

.el-collapse-item__content {
	font-size: 20px;
	font-family: content;
	font-weight: 300;
	color: #000;
	line-height: 31px
}

.s_active .el-collapse-item__header {
	color: #ed0000
}

.iconwenti {
	font-size: 24px !important;
	margin-right: 10px
}

.shop_banner_title {
	font-size: 80px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #fff;
	line-height: 170px;
	text-align: center
}

.shop_banner_title span {
	display: inline-block
}

.el-select {
	width: 400px
}

.shop_box_item {
	width: 46%;
	margin-bottom: 100px
}

.shop_le {
	width: 60%;
}

.shop_les {
	width: 40%;
}

.shop_box_item_img {
	position: relative;
	width: 100%;
	padding-top: 56%;
	/* width: 341px; */
	/* height: 252px; */
	overflow: hidden
}

.shop_box_item img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all .5s ease
}

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

.shop_box_item h4 {
	font-size: 28px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #fff
}

.line2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical
}

.line3 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical
}

.line5 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	line-clamp: 5;
	-webkit-box-orient: vertical
}

.shop_box_item .time {
	font-size: 15px;
	font-family: decorate;
	font-weight: normal;
	color: #ed0000;
	margin: 10px auto
}

.shop_box_item .content {
	font-size: 19px;
	font-family: content;
	font-weight: 300;
	color: #fff;
	margin-bottom: 25px;
	line-height: 31px
}

.shop_box_item_right {
	width: 50%;
	margin-left: 20px
}

.shopDetails .shop_box_item {
	width: 70%
}

.shopDetails .shop_box_item_right {
	width: auto;
	margin-left: 50px
}

.shopDetails .shop_box_item .content {
	width: auto
}

.shopDetails .iconfont {
	font-size: 20px;
	margin-right: 10px
}

.shopDetails .shop_box_item .time {
	margin: 20px auto
}

.OURWORLD_img_box {
	width: 226px;
	overflow: hidden;
	margin: 0 auto;
}

.OURWORLD_img_box img,
.product_item_img {
	width: 100%;
	transition: all .5s ease
}

.OURWORLD_img_box img:hover,
.product_item_img:hover {
	transform: scale(1.06)
}

.product_item_img {
	width: 140px;
	margin: 0 auto;
	overflow: hidden
}

.FOLLOWUs .iconfont {
	color: #fff;
	font-size: 29px
}

.FOLLOWUs .iconfont:hover {
	color: #ed0000
}

.menu_Seach div {
	color: #d0d0d0
}

.menu_Seach div:hover {
	color: #ed0000
}

.size_active {
	color: #fff !important
}

.nav_left li {
	height: 24px;
	overflow: hidden
}

.nav_left li p,
.menuBtn p,
.nav_right_close p {
	position: relative;
	/* transition: transform .35s; */
	/* height: 100%; */
}

.menuBtn,
.nav_right_close {
	height: 24px;
	overflow: hidden
}

.img_bg {
	width: 100%;
	height: 140px;
	/* background-image: linear-gradient(rgba(17, 17, 17, 0), rgba(17, 17, 17, 1)); */
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2
}

.sroll {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 3;
	text-align: center
}

.sroll h4 {
	font-size: 20px;
	font-family: content;
	font-weight: 400;
	color: #fff
}

.sroll_line {
	width: 1px;
	height: 96px;
	background: #303030;
	overflow: hidden;
	position: relative;
	margin: 0 auto
}

.sroll_line::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: #eeeded;
	animation: ScrollIndicator__scroll__hiIEmuhO 1.6s ease-out 1s infinite
}

.h4_box {
	margin: 20px auto
}

.jqmeter-container {
	width: 0;
	height: 1px;
	background: #fff;
	animation: b_lines 1s ease;
	overflow: hidden;
	position: relative;
	animation-fill-mode: forwards
}

.animation-play-state {
	animation-play-state: running
}

.content-wrap section {
	display: none
}

.menuBtn_active {
	display: block !important
}

.btnPlay {
	font-size: 20px;
	font-family: btn;
	font-weight: 400;
	color: #fff;
	text-align: center
}

.iconVideo {
	transition: all .5s ease
}

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

.story_box_img {
	width: 100%;
	overflow: hidden
}

.story_box_img img {
	width: 100%;
	display: block;
	transition: all .5s ease
}

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

.product_search .active_line {
	border-bottom: 1px solid #eee
}

input {
	position: relative
}

input[type=checkbox] {
	position: relative
}

input[type=checkbox]:checked::after {
	content: "✓";
	font-size: 19px;
	font-weight: bold;
	color: #fff;
	width: 18px;
	height: 18px;
	line-height: 20px;
	position: absolute;
	background-color: #ed0000;
	top: 0;
	left: 0;
	text-align: center
}

.drop_down_content_w div {
	margin-right: 50px
}

.drop_down_content_w div label {
	margin-left: 5px;
	color: #333;
	font-family: content;
	font-size: 19px;
	margin-top: 3px
}

.product_conten_title .active {
	color: #ed0000
}

.product_conten_title li:hover {
	color: #ed0000
}

.core_item_content_item {
	display: none
}

.b_banner_page {
	position: absolute;
	right: 5%;
	top: 65%;
	z-index: 9;
}

.b_banner_ball_normal{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #f9f9f9;
	margin-bottom: 20px;
}

.b_banner_ball{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	position: relative;
	left: -50px;
}

.b_banner_ball .active{
	width: 12px;
    height: 12px;
    border: 2px solid #f4f0dd;
    background: transparent;
}



.bOnestGattSwiper_content_img_box {
	width: 100%;
	overflow: hidden
}

.bOnestGattSwiper_content_img_box img {
	transition: all .5s ease
}

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

.footer_icont div:hover {
	color: #ed0000
}

.option {
	width: 431px;
	height: 54px;
	background: #fff
}

.option input {
	width: 100%;
	height: 54px;
	line-height: 54px;
	border: 0;
	text-indent: 20px
}

.btn_search {
	height: 54px;
	line-height: 54px;
	background-color: #ed0000;
	color: #fff;
	padding: 0 20px;
	cursor: pointer
}

.select {
	position: relative;
	cursor: pointer;
	width: 100%;
	height: 54px;
	line-height: 54px
}

.select:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -2px;
	border-top: 5px solid #666;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent
}

.select .select_text {
	padding: 0 20px 0 10px;
	height: 54px;
	line-height: 54px
}

.select_ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background: #fff
}

.select_ul li {
	line-height: 36px;
	text-indent: 10px
}

.select_ul li:hover {
	color: #fff;
	background: #ff8282
}

.select_ul li.cur {
	color: #fff;
	background: #ed0000
}

.video-box_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 12;
	background-color: rgba(0, 0, 0, 0.5);
	display: none
}

.video-box {
	position: fixed;
	width: 50%;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 13;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden
}

.video-box .video-size {
	width: 100%;
	max-width: 800px;
	position: relative
}

.video-box .video-size .inner {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	background-color: #000
}

.video-box .video-size .inner video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.close_img {
	text-align: right;
	margin-bottom: 40px
}

.close_img .iconfont {
	font-size: 30px;
	color: #fff
}

.lg {
	display: none
}

.Service_box_content {
	display: none
}

.active {
	display: block
}

/* .menuActive */

.Service_box_content_footer_img img {
	width: 100%
}

.loding {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1100;
	height: 100%;
	width: 100%
}

.loding_line {
	/* width: 0;
	height: 2px;
	position: absolute;
	top: 50%;
	z-index: 99;
	background-color: #fff */
	width: 14%;
	height: 7px;
	left: 43%;
	margin-top: 40px;
	position: absolute;
	top: 50%;
	z-index: 99;
	background-color: #000;
	border-radius: 5px;
}

.loding_process {
	height: 100%;
	background-color: #fff;
	width: 0%;
	border-radius: 5px;

}

.loding_logo {
	position: absolute;
	z-index: 81;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

@keyframes overturn {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.loding_top {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	/* background-color: #2e1f15; */
	background-color: #4e4e51;
}

.loding_bottm {
	position: absolute;
	bottom: 0;
	height: 45%;
	width: 100%;
	/* background-color: #2e1f15 */
	background-color: #4e4e51
}

.loding_logo img,
.footer_logo img {
	width: 80px;
	height: 80px;
	object-fit: contain;
	animation: overturn 3s linear infinite;
}

.model_swiper {
	position: fixed;
	width: 50%;
	background-color: #ffff;
	z-index: 6;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: auto;
	display: none
}

.t_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background-color: rgba(0, 0, 0, .5);
	display: none
}

.Gallery {
	padding: 60px 0
}

.model_swiper_s_img {
	width: 100%;
	height: 440px;
	text-align: center
}

.swiper-pagination-bullet-active {
	background: #ed0000 !important
}

.model_swiper_s_img img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.searchs {
	width: 100%;
}

.iconxin1 {
	color: #ed0000 !important
}

.swiper-button-next,
.swiper-button-prev {
	z-index: 5 !important
}

.drop_down_content_w input {
	width: 18px;
	height: 18px
}

.ajax_shop_detals {
	margin-top: 104px
}

.sharing_ewm {
	transition: opacity .5s ease-in-out;
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 0;
	cursor: pointer;
	display: block;
	height: 100%;
	left: 0;
	overflow: auto;
	position: fixed;
	right: 0;
	top: 0;
	visibility: visible;
	width: 100%;
	z-index: 6;
	display: none
}

.model_ewm {
	transition: opacity .5s ease-in-out;
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 0;
	cursor: pointer;
	display: block;
	height: 100%;
	left: 0;
	overflow: auto;
	position: fixed;
	right: 0;
	top: 0;
	visibility: visible;
	width: 100%;
	z-index: 6;
	display: none
}

.model_ewm_box {
	padding: 20px;
	margin: 0 auto;
	background-color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 20%;
	transform: translate(-50%, -50%);
	z-index: 7;
	text-align: center
}

.sharing_ewm img {
	width: 100%;
}

.model_ewm_box p {
	text-align: right
}

.model_ewm_box i {
	font-size: 25px;
	color: #ed0000
}

.model_ewm_box .logo {
	width: 120px;
	object-fit: contain
}

.Anti_ewm {
	transition: opacity .5s ease-in-out;
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 0;
	cursor: pointer;
	display: block;
	height: 100%;
	left: 0;
	overflow: auto;
	position: fixed;
	right: 0;
	top: 0;
	visibility: visible;
	width: 100%;
	z-index: 6;
	display: none
}

.Anti_ewm_box {
	padding: 40px;
	margin: 0 auto;
	background-color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 7;
	text-align: center
}

.Anti_ewm p {
	text-align: right;
	margin-bottom: 20px;
}

.Anti_ewm i {
	font-size: 25px;
	color: #ed0000
}

.r_html_s,
.r_html_e {
	display: none;
}

.btn_qr {
	width: 150px;
	background-color: #ed0000;
	color: #fff;
	padding: 15px;
	margin: 20px auto;
}

.history {
	width: 48%;
}

.history_img_first {
	width: 47%;
	font-size: 22px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #431a0b;
	overflow: hidden;
}

.history_img_first img {
	width: 100%;
	transition: all .5s ease
}

.history_img_first img:hover {
	transform: scale(1.06);
}

.history_img_second {
	width: 47%;
	font-size: 22px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #431a0b;
}

.history_img_second img {
	width: 100%;
	transition: all .5s ease;
}

.history_img_second img:hover {
	transform: scale(1.06);
}



.history img {
	width: 100%;
	object-fit: contain;
}

.history_content {
	width: 48%;
	font-size: 22px;
	font-family: var(--font-family);
	font-weight: 300;
	color: #383838;
}

.marginTop10 {
	margin-top: 10px;
}

.marginTop20 {
	margin-top: 20px;
}

.marginTop30{
	margin-top: 30px;
}

.marginTop40 {
	margin-top: 40px;
}

.marginTop60 {
	margin-top: 60px;
}

.marginBottom10 {
	margin-bottom: 10px;
}

.marginBottom20 {
	margin-bottom: 20px;
}

.marginBottom40 {
	margin-bottom: 40px;
}

.marginLeft10 {
	margin-left: 10px;
}

.padding50 {
	padding: 50px;
}

.paddingTop60{
	padding-top: 60px
}

.index_craft_move{
	display: none;
}

.craft_title {
	width: 55%;
	overflow: hidden;
}

.craft_title img {
	width: 100%;
	transition: all .5s ease;
}

.craft_title img:hover {
	transform: scale(1.06);
}

.craft_left {
	width: 220px;
	overflow: hidden;
}

.craft_right {
	flex: 1;
	margin-left: 60px;
}

.craft_content {
	width: 40%;
	overflow: hidden;
}

.craft_content img {
	width: 100%;
	transition: all .5s ease;
}

.craft_content img:hover {
	transform: scale(1.06);
}

.release {
	width: 32%;
	/* background: #FFFEFA; */
	margin-bottom: 60px;
}

.release:last-child:nth-child(3n - 1){
	margin-right: calc(32% + 10% / 4);
}

.release_img img {
	width: 100%;
}

.release_box {
	padding: 15px 10px 15px 0;
}

#News_list .release_box{
	padding: 15px;
}

.NewsDetail_content_right .release_box{
	padding: 15px;
}

.release_box .iconfont {
	font-size: 40px;
	margin-top: 50px;
	cursor: pointer;
	color: #383838;
}

body{
	font-family: var(--font-family);
}

.oneFont {
	font-size: 40px;
	/* font-family: var(--font-family); */
	font-family: var(--font-family);
	font-weight: 300;
	line-height: 1.2;
}

.secondFont {
	font-size: 22px;
	font-family: var(--font-family);
	font-weight: 300;
	line-height: 1.2;
}

.threeFont {
	font-size: 19px;
	font-family: var(--font-family);
	font-weight: 300;
	line-height: 1.6;
}

.imgContain {
	width: 100%;
	object-fit: contain;
}

.showDialog {
	display: block;
}

.watchDialog {
	position: fixed;
	width: 100%;
	top: 120px;
	z-index: 999;
	/* background-color: #2E1F15; */
	background-color: #fff;
	color: #f4f0dd;
	display: none;
}

.watchDialogBox {
	padding: 80px 100px 100px 60px;
}

.watchDialog img {
	transition: all .5s ease
}

.watchDialog_left img {
	transition: all .5s ease
}

.watchDialog_left img:hover {
	transform: scale(1.06);
}

.watchDialog_content {
	transition: all .5s ease
}

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

.watchDialog_left {
	width: 65%;
	text-align: center;
	display: flex;
	align-items: center;
}

.watchDialog_left img {
	width: 100%;
}

.watchDialog_line {
	border-right: 1px solid #AA9A8C;
}

.watchDialog_right {
	width: 30%;
}

.watchDialog_right .parent1 {
	display: flex;
	justify-content: space-between;
	height: 45%;
}

.watchDialog_right .parent2 {
	display: flex;
	justify-content: space-between;
	height: 45%;
	margin-top: 20px;
}

.watchDialog_right .child {
	width: 47%;
	height: 98%;
	background: #fff;
	overflow: hidden;
}

.watchDialog_content {
	position: relative;
	width: 100%;
	height: 100%;
}

.watchDialog_right .child img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.watchDialog_content_text {
	position: absolute;
	top: 10%;
	left: 8%;
	font-size: 22px;
	font-family: var(--font-family);
	font-weight: normal;
}

.companyDialog {
	position: fixed;
	width: 100%;
	top: 120px;
	z-index: 999;
	/* background-color: #2E1F15; */
	background-color: #fff;
	color: #f4f0dd;
	display: none;
}

.companyDialogBox {
	padding: 60px 0;
	display: flex;
	justify-content: center;
}

.companyDialogBox .companyDialog_new_left{
	flex: 1;
}

.companyDialogBox .companyDialog_new_right{
	width: 1126px;
	height: 550px;
}

.companyDialogBox .companyDialog_new_left #listShow>li{
	margin-bottom: 20px;
}
/* .companyDialogBox .companyDialog_new_left #listShow>li ul{
	display: none;
} */
.companyDialogBox .companyDialog_new_left #listShow>li>a{
	font-size: 24px;
	color:#AA9A8C;
}
.companyDialogBox .companyDialog_new_left #listShow>li ul li a{
	font-size: 18px;
	padding-left:40px;
	color:#AA9A8C;
}
.companyDialogBox .companyDialog_new_left #listShow>li ul{
	padding: 30px 0 20px 0;
}
.companyDialogBox .companyDialog_new_left #listShow>li ul li{
	margin-bottom: 20px;
}
.companyDialogBox .companyDialog_new_left li{
	list-style: none;
}


.companyDialogBox .companyDialog_new_right img{
	width:100%;
	height:100%
}

.companyDialogTop {
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}

.companyDialogTopBox {
	position: relative;
	width: 31%;
	/* height: 260px; */
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 40px;
	font-family: var(--font-family);
	font-weight: normal;
	/* overflow: hidden; */
	transition: all .5s ease;
}

.companyDialogTopBox img {
	width: 100%;

}

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



.companyDialogBottom {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}

.companyDialogBottomBox {
	position: relative;
	width: 48%;
	/* height: 210px; */
	transition: all .5s ease
}

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

.companyDialogBottomBox img {
	width: 100%;
	height: 100%;
}







.serviceDialog {
	position: fixed;
	width: 100%;
	top: 120px;
	z-index: 999;
	/* background-color: #2E1F15; */
	background-color: #fff;
	color: #f4f0dd;
	display: none;
}

.serviceDialogBox {
	padding: 60px 0;
	display: flex;
	justify-content: center;
}

.serviceDialogBox .serviceDialog_new_left{
	flex: 1;
}

.serviceDialogBox .serviceDialog_new_right{
	width: 1126px;
	height: 550px;
}

.serviceDialogBox .serviceDialog_new_left #listShow>li{
	margin-bottom: 20px;
}
.serviceDialogBox .serviceDialog_new_left #listShow>li ul{
	display: none;
}
.serviceDialogBox .serviceDialog_new_left #listShow>li>a{
	font-size: 24px;
	color:#AA9A8C;
}
.serviceDialogBox .serviceDialog_new_left #listShow>li ul li a{
	font-size: 22px;
	padding-left:40px;
	color:#AA9A8C;
}
.serviceDialogBox .serviceDialog_new_left #listShow>li ul{
	padding: 30px 0 20px 0;
}
.serviceDialogBox .serviceDialog_new_left #listShow>li ul li{
	margin-bottom: 20px;
}
.serviceDialogBox .serviceDialog_new_left li{
	list-style: none;
}


.serviceDialogBox .serviceDialog_new_right img{
	width:100%;
	height:100%
}







.companyBottomText {
	position: absolute;
	width: 35%;
	top: 10%;
	left: 5%;
}

.searchDialog {
	position: fixed;
	width: 100%;
	top: 104px;
	z-index: 999;
	background-color: #2E1F15;
	color: #f4f0dd;
	height: 400px;
	display: none;
}

.searchDialogBox {
	padding: 60px;
}

.searchDialogBox_box_search {
	height: 48px;
	width: 80%;
	margin: 0 auto;
}

.searchDialogBox_box_search input {
	background-color: #533826;
	border: 0;
	color: #ffff;
	width: 90%;
	margin-left: 22px;
	height: 48px
}

.searchDialogBox_box_search .searchs {
	background-color: #533826;
}

.companyBox_img img {
	width: 100%;
	height: 400px;
	object-fit: cover;
}

.companyContent {
	padding: 80px 0;
	background: #fff;
}

.companyAllPart .companyPart {
	display: none;
}

.companyContentBox {
	display: flex;
	justify-content: space-between;
}

.companyContent_part {
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.companyContent_part .companyViewBox {
	margin: 80px 200px;
	display: flex;
	justify-content: space-between;
}

.companyViewBox .companyViewText{
	width: 45%;
	text-align: left
}

.companyViewBox .companyViewImg{
	width: 45%;
}

.companyYearBox{
	height: 80px;
	line-height: 80px;
	background: #DDD9D1;
	margin-top: 160px;
}

.companyYearBox .companyYear{
	padding: 0 40px;
	cursor: pointer;
	color: #431A0B;
}

.companyYearContentBox{
	background: #F8F3EB;
	display: flex;
	justify-content: center;
}

.companyYearContent{
	width: 100%;
}

.companyYearContent .companyYear_title{
	padding: 50px 0;
	color:#431A0B;
	font-size: 40px;
	text-align: center;
	border-bottom: 2px solid #431A0B;
	width: 1030px;
	margin: 0 auto;
}

.companyYearContent .companyYear_bxo{
	width: 1030px;
	display:flex;
}

.companyYear_bxo .year_title{
	font-size: 42px;
	color: #431A0B;
	font-weight: bold;
}

.companyYear_bxo .year_text{
	margin-top: 20px;
	font-size: 22px;
	color: #431A0B;
}

.companyYearContent .companyYear_left{
	display: flex;
	justify-content:center;
	position: relative;
}

.companyYear_left .left{
	/* padding: 50px 0; */
}

.companyYear_left .left img{
	width: 475px;
	height: 100%;
	object-fit: cover;
}

.companyYear_left .mb_left{
	display: none
}

.companyYear_left .mb_left img{
	width: 100%
}

.companyYearContent .process{
	width: 2px;
    height: 100%;
    background: #431A0B;
    left: 50%;
    position: absolute;
	z-index:2;
}

.companyYearContent .process_ball{
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 50px;
	position: absolute;
	top: calc(50% - 25px);
	left: calc(50% - 25px);
	display:flex;
	justify-content:center;
	align-items:center;
	box-shadow: 0px 2px 7px 0px #000000
}

.height50{
	height: 50% !important;
}

.companyYearContent .process_ball .process_ball_content{
	width: 20px;
    height: 20px;
    background: #431A0B;
    border-radius: 10px;
}

.companyYear_left .right{
	flex: 1;
	margin-left: 100px;
	/* padding: 50px 0; */
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.companyYearContent .companyYear_right{
	display: flex;
	justify-content:center;
	position: relative;
	background: #fff;
}

.companyYear_right .left{
	flex: 1;
	margin-right: 100px;
	/* padding: 50px 0; */
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.companyYear_right .right{
	/* padding: 50px 0; */
}

.companyYear_right .right img{
	width: 475px;
	/* height: 325px; */
	height: 100%;
	object-fit: cover;
}






.yearActive{
	background: #fff;
}

.companyContent_part img {
	width: 100%;
	object-fit: contain;
	transition: all .2s ease
}

.companyContent_part img:hover{
	transform: scale(1.06);
}

.companyContent_part_two {
	display: flex;
	justify-content: space-between;
	margin-top: 100px;
}

.part_two_left {
	width: 30%;
	overflow: hidden;
}

.part_two_left img {
	width: 100%;
	object-fit: contain;
	transition: all .2s ease
}

.part_two_left img:hover{
	transform: scale(1.06);
}

.part_two_right {
	width: 65%;
}

.newBox {
	/* background: #fbf2df; */
	background-size: cover;
	padding-top: 120px;
}

.NEWS_first {
	margin-top: 40px;
	display: flex;
}

.NEWS_first_left {
	/* width: 65%; */
	height: 520px;
}

.NEWS_first_left img {
	width: 100%;
	height: 100%;
}

.NEWS_first_right {
	flex: 1;
	background: #FFFEFA;
	padding: 30px 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.NEWS_first_right .iconfont {
	font-size: 40px;
	color: #431A0B;
	cursor: pointer;
}

.NewsDetail_content {
	display: flex;
	justify-content: space-between;
}

.NewsDetail_content .NewsDetail_content_left {
	width: 67%;
	height: 100%;
	background: #FFFEFA;
}

.NewsDetail_content .NewsDetail_content_right {
	width: 30%;
}

.NewsDetail_content_right .release {
	width: 100%;
}

.curPoint {
	cursor: pointer;
}

.backgroundBook {
	/* background: #fbf2df; */
	background-size: cover;
}

.backgroundLight {
	background-color: #FFFEFA;
}


.product_logo {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product_logo_img{
	background-size: cover;
	height: 300px;
	width: 100%;
	background-image: url("https://delcona-test.oss-cn-beijing.aliyuncs.com/uploads/20230721/a556aa208c87fb36ad958810165ae1b8.png");
}

.product_logo img {
	width: 100%;
}

.positionAbsolute {
	position: absolute;
}

.product_tool {
	display: flex;
	justify-content: center;
	padding: 50px 0;
}

.product_tool .product_select select {
	width: 250px;
	height: 47px;
	padding: 0 30px;
	background: transparent;
	font-size: 22px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #431a0b;
	border: 1px solid #431A0B;
}

.product_tool .product_select #main {
	position: relative;
	width: 350px;
	height: 47px;
}



.product_tool .product_sousuo input {
	width: 350px;
	height: 47px;
	background: transparent;
	margin-left: 50px;
	padding: 0 30px;
	border-top: 1px solid #b5a663;
	border-left: 1px solid #b5a663;
	border-bottom: 1px solid #b5a663;
	border-right: none;
	font-size: 19px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #383838;
}

.product_tool .product_sousuo input::-webkit-input-placeholder {
	color: #383838;
}

.detail_Desc {
	display: flex;
	justify-content: space-between;
}

.detail_Desc .detail_Desc_left {
	width: 72%;
	padding: 80px 0;
}

.detail_Desc .detail_Desc_right {
	width: 23%;
	padding: 80px 0;

}

.sharingBtn {
	background-color: #2E1F15;
	color: #F4F0DD;
	font-size: 19px;
	width: 187px;
	padding: 12px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sendingBtn {
	background-color: #b5a663;
	color: #fff;
	font-size: 19px;
	width: 187px;
	padding: 12px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.textCenter {
	text-align: center;
}

.ContactBox {
	width: 60%;
	margin: 0 auto;
}

.ContactBox input {
	width: 45%;
	height: 47px;
	background: transparent;
	padding: 0 30px;
	border: 1px solid #b5a663;
	font-size: 19px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #383838;
	box-sizing: border-box;
}

.ContactBox input::-webkit-input-placeholder {
	color: #383838;
}

.ContactBox select {
	width: 45%;
	height: 47px;
	padding: 0 30px;
	background: transparent;
	font-size: 19px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #431a0b;
	border: 1px solid #431A0B;
}

.ContactBox #main {
	position: relative;
	width: 45%;
	height: 47px;
}

#main #SelectContent {
	height: 47px;
	line-height: 47px;
	padding-left: 30px;
	padding-right: 30px;
	background: transparent;
	border: 1px solid #b5a663;
	font-size: 19px;
	font-family: var(--font-family);
	color: #383838;
	cursor: pointer;
}

#main #ServiceContent {
	height: 47px;
	line-height: 47px;
	padding-left: 30px;
	padding-right: 30px;
	background: transparent;
	border: 1px solid #b5a663;
	font-size: 19px;
	font-family: var(--font-family);
	color: #383838;
	cursor: pointer;
}


#main #selectImg {
	position: absolute;
	top: 18px;
	right: 5%;
	cursor: pointer;
}

#main #selectItem {
	display: none;
	position: absolute;
	width: 100%;
	z-index: 999;
	background-color: #fff;
}

#main #selectItem ul {
	list-style: none;
	max-height: 400px;
	overflow-y: auto;
}

#main #selectItem ul li {
	height: 50px;
	line-height: 50px;
	padding-left: 30px;
	cursor: pointer;
	border-bottom: 1px solid #b5a663;
	border-left: 1px solid #b5a663;
	border-right: 1px solid #b5a663;
	color: #383838;
	font-family:var(--font-family)
}

#main #selectItem ul li:hover {
	background-color: #f5f7fa;
}

.ContactBox .theme select {
	width: 100%;
}

.ContactBox .remark textarea {
	width: 100%;
	height: 200px;
	line-height: 47px;
	padding: 0 30px;
	background: transparent;
	font-size: 19px;
	font-family: var(--font-family);
	font-weight: normal;
	color: #383838;
	border: 1px solid #b5a663;
	box-sizing: border-box;
}

.ContactBox .remark textarea::-webkit-input-placeholder {
	color: #431a0b;
}

.marginCenter {
	margin: 0 auto;
}

/* 移入swiper样式 */
.details_image_tab {
	position: relative;
	padding-left: 170px;
}

.details_image_tab .tabs_nav {
	top: 0;
	left: 0; 
	width: 154px;
	position: absolute;
	height: 100%;
}

.details_image_tab .swiper-slide {
	opacity: 0.5;
}


.details_image_tab #shop_swiper .swiper-slide {
	padding-bottom: 10px;
	opacity: 0.5;
}

.details_image_tab .swiper-slide:hover {
	opacity: 1;
}

.details_image_tab .swiper-slide:nth-child(1) {
	opacity: 1;
}

.details_image_tab .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.details_image_tab .tab-content {
	width: 100%;
	height: 100%;
	/* flex: 1; */
}

.companyPart img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.companyPart .leftBox img {
	width: 100%;
	object-fit: cover;
}

.companyPart .rightBox {
	width: 45%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.companyPart .leftBox{
	width: 45%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.fontBold {
	font-weight: bold;
}

.recommendBox {
	background-color: #fff;
	padding: 30px 0;
}

.recommendBox img {
	width: 100%;
	transition: all .2s ease
}

.recommendBox img:hover {
	transform: scale(1.06);
}

.newsOverEllipsis {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.boxShadow {
	box-shadow: 0px 0px 5px 0px #ccc;
}

.ajax_product_i {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: auto;
}

.product_i_item:last-child:nth-child(5n - 1) {
	margin-right: calc(18% + 10% / 4);
}

.product_i_item:last-child:nth-child(5n - 2) {
	margin-right: calc(36% + 20% / 4);
}

.product_i_item:last-child:nth-child(5n - 3) {
	margin-right: calc(54% + 30% / 4);
}

#manuBox{
	overflow: hidden;
}

#manuBox img{
	width: 100%;
	transition: all .2s ease
}

#manuBox img:hover {
	transform: scale(1.06);
}

.footer_item a:hover{
	color: #fff;
}

.shadowBg{
	display: none;
	width: 100vw;
	height: 100vh;
	background-color: #000;
	opacity: 0.8;
	position: fixed;
	z-index: 998;
	top: 0;
}

#yearContent p{
	font-family: var(--font-family);
	color: #383838 !important;
	font-size: 19px !important;
	line-height: 1.6;
}

#yearContent span{
	font-family:  title;
	color: #383838 !important;
	font-size: 18px !important;
}

#yearContent .yearContentPart{
	transition: all .5s;
}

#productContent p{
	color: #383838;
	font-family: var(--font-family);
	line-height: 1.6;
}

#productContent img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#NewsDetailContnt img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#NewsDetailContnt p{
	color: #383838;
	font-family: 'var(--font-family)', Times, serif;
}

.manufactureBox_pc{
	padding: 60px 0;
	display: block;
}

.manufactureBox_move{
	display: none;
}

.techBox_pc{
	padding: 60px 0;
	display: block;
}

.techBox_move{
	display: none;
}

#manufactureBox{
	width: 1080px;
	margin:0 auto
}

.ajax_service_tab{
	background: #F8F3EB;
}

.ajax_service_tab a{
	width:300px;
	height: 70px;
	line-height: 70px;
	color: #2E1F15;
	display: flex;
	justify-content: center;
	font-size: 16px;
	font-family: var(--font-family);
}

.boxActives{
	background: #fff;
}

.menuActives{
	font-family: var(--font-family);
	font-weight: normal;
	color: #2E1F15;
	display: inline-block;
	transition: all .1s;
	position: relative;
	line-height: 24px;
}

.menuActives::before{
	position: absolute;
	z-index: 0;
	bottom: -60%;
	left: 25%;
	display: inline-block;
	width: 50%;
	height: 12%;
	content: '';
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	background: #431A0B
}

.backgroundBook_Contact{
	/* background: #fbf2df; */
}

.contactTitle {
	color: #383838;
}

.contactDesc {
	color: #383838;
}

.previous{
	color: #431a0b;
}

.next {
	color: #431a0b;
}

.border_line{
	border-bottom:1px solid #b5a663;
	padding:80px 0
}

.paddingNone{
	padding: 0 !important
}

.serviceBanner{
	margin-top: 120px
}

.serviceBanner .serviceBannerImg{
	width: 100%;
	height: 400px;
}

.serviceBanner .serviceBannerImg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.companyBox{
	/* background-image: url(../img/DELCONA/techniqueBg.jpeg); */
	background-size: 100% 100%;
	height: 520px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 160px;
}

.companyBox .companyBox_repeat{
	width:100%;
	height: 100%;
	background-color: #000;
	opacity:0.6;
	display: flex;
    flex-direction: column;
    align-items: center;
}

.companyBox .companyBox_title{
	font-size: 60px;
	font-family: var(--font-family);
	font-weight: bold;
	line-height: 1.2;
	margin-top: 8%;
}

.companyBox .companyBox_desc{
	font-size: 16px;
	font-family: var(--font-family);
	font-weight: 300;
	line-height: 1.8;
	width: 60%;
	text-align:center;
	margin-top: 60px
}

.technique_box_btn{
	margin: 30px 0 60px 0;
	text-align: center;
}

.technique_box_btn .companyBox_btn{
    border: 1px solid #877245 ;
    color: #877245;
    padding: 20px 70px;
	cursor: pointer;
}

.companyBox #manufacture_title{
	font-size: 60px !important	
}

.roll-hover-btn__label{
	margin-left: 20px
}

.new_menu_item{
	padding: 10px 0;
    background: #9E8E7E;
    color: #fff;
}

.mb_footer{
	display: none;
	background:#fff;
}

.mb_footer .container2{
	padding: 30px 0
}

.mb_footer .footerLogo{
	display: flex;
	justify-content: center;
}

.mb_footer .mb_footer_btn{
	background: #8c7a65;
    height: 60px;
    /* line-height: 60px; */
    color: #fff;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mb_footer .mb_footer_btn img{
	width: 35px
}

.mb_footer .fadeInLeftBigBox{
	color: #9E8E7E;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #9E8E7E;
}

.mb_footer .fadeInLeftBigBox a{
	color: #9E8E7E
}

.mb_footer .new_menu_item{
	background:#fff;
	text-align: center
}

.mb_footer .new_menu_item a{
	color: #9E8E7E;
}

.mb_footer .product_SERVICE p{
	background:#fff;
	text-align: center
}

.mb_footer .product_SERVICE p a{
	color: #9E8E7E;
}

.mb_footer .new_menu_item{
	color: #9E8E7E;
}

.mb_footer .Bonest a{
	color: #9E8E7E;
}

@keyframes disappear {
	0%{
		transform: translateX(0%);
		opacity: 1;
	}

	100%{
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes appear{
	0%{
		transform: translateX(100%);
		opacity: 0;
	}

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

@keyframes rotateShow {
	0%{
		transform: rotate(0deg)
	}

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

@keyframes rotateHidden {
	0%{
		transform: rotate(0deg)
	}

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