[v-cloak] {
    display: none;
}
.loading-mod {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
}
.loading-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
    text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.loading-mask .tm-logo{
	width: 6.25vw;
	height: 10.41666666666667vw;
}
.loading-bg {
    position: absolute;
    left: 0;
    top: 0;
	width: 100%;
	height: 100vh;
	object-fit: cover;
}
.loading-mbody {
    text-align: center;
    position: absolute;
    bottom: 4rem;
    width: 100%;
}
.loading-bottle {
    position: absolute;
    width: 100%;
    bottom: 3rem;
}
.loading-bottle .bottle-item {
    margin-left: 98px;
    min-height: 80px;
    display: inline-block;
    position: relative;
}
.loading-bottle .bottle-item .item-line {
    border-left: 1px solid #bbb;
    position: absolute;
    height: 0;
    left: 1px;
    bottom: 0;
    box-shadow: 0 0 1px #888;
}
.loading-bottle .bottle-item .item-body{
	
}
.loading-bottle .bottle-item .item-img{
	width: 100px;
	height: 80px;
}
.loading-cup img{
	width: 24px;
	height: 50px;
}
.service-bar{
	position: fixed;
	top: 74%;
	right: -10px;
	margin-top: -100px;
	z-index: 100;
	box-sizing: border-box;
	user-select: none;
	text-align: center;
	transform: scale(1.25);
}
.ser-bar-tip{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top:8px;
	padding:6px 10px;
	border-radius: 20px;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	background-color: rgba(0,0,0,.4);
	transform: scale(0.85);
}
.ser-bar-tip .tip-text{
	
}
.ser-bar-tip:before{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: -10px;
	border: 5px solid;
	left: 50%;
	margin-left: -5px;
	box-sizing: border-box;
	border-color:  transparent  transparent rgba(0,0,0,.3) transparent ;
}
.ser-item{
	position: relative;
	text-align: center;
}

.ser-item-anim{
	width: 200px;
	height: 200px;
	background: url(../images/ser-img-sprite-min.png?v0.05) no-repeat 0 0/cover;
	background-position: 0 -2200px;
}
.ser-item-anim.playline{
	animation: playline 1.2s steps(11,end) forwards;
}
.ser-item-qrcode{
	display: none;
	position: absolute;
	z-index: 1020;
	box-sizing: border-box;
	min-width: 200px;
	padding: 0;
	box-shadow: none;
	background: url(../images/ser-qrcode-bg-min.png) no-repeat 0 0/cover;
	filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.1));
	width: 200px;
	height: 200px;
	left: -75%!important;
}
.ser-item-qrcode img{
	position: absolute;
	width: 100px;
	height: 100px;
	top: 29.6875%;
	left: 36.875%;
}
.ser-item-qrcode .tip-lab{
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	vertical-align: middle;
	padding:6px 10px;
	border-radius: 10px;
	color: #fff;
	font-size: 12px;
	background-color: #19be6b;
	animation: bubble-tip 1s;
	transform-origin: 0 bottom;
}
.ser-item-qrcode .tip-lab::before{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 8px;
	border: 6px solid;
	left: 100%;
	box-sizing: border-box;
	border-color: transparent transparent transparent #19be6b;
}
@keyframes playline {
	0%{
		background-position: 0 0;
	}
	100% {
		background-position: 0 -2200px;
	}
}
@keyframes bubble-tip {
	0% {
	  opacity: 0;
	  transform: translateX(100%) scale(0);
	}
	100% {
	  opacity: 1;
	  transform: translateY(0) scale(1);
	}
}
 
.page-covers{
	position: fixed;
	left:200px;
	top: 0;
	right: 0;
	height: 100%;
	z-index: 0;
	pointer-events: none;
	background-color: #262830;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
}
.page-covers .covers-img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.tm-sidebar {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 200px;
	z-index: 100;
	box-sizing: border-box;
	background-color: #fff;
}

.sidebar-mod {
	height: 100%;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: space-between;
}

.sidebar-head {
	padding: 2.08333333333333vw 0;
}

.sidebar-body {
	flex: 1;
}

.sidebar-foot {}

.sidebar-logo {
	display: block;
}

.sidebar-logo .tm-logo {
	width: 5.20833333333333vw;
	height: 8.33333333333333vw;
}

.sidebar-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar-nav>li {
	 
}
.sidebar-nav>li>.nav-link {
	color: #4d4d4d;
	font-size:14px;
	display: block;
	line-height:30px;
	font-weight: bold;
	padding: 0.78125vw 0;
	box-sizing: content-box;
}
.sidebar-nav>li.uk-active>.nav-link {}

.sidebar-nav>li>.nav-link:hover {
	color: #000;
}

.sidebar-nav .uk-dropdown {
	color: #ddd;
	background-color: #2b2727;
	padding: 0;
	min-width: 120px;
}

.sidebar-nav .uk-dropdown-nav {
	font-size: 14px;
}

.sidebar-nav .uk-dropdown-nav>li {}

.sidebar-nav .uk-dropdown-nav>li>a {
	color: #ddd;
	padding: 10px 0;
}

.sidebar-nav .uk-dropdown-nav>li>a:hover {
	color: #fff;
}

.sidebar-sns {
	position: relative;
	padding: 1.25vw 0;
}

.sidebar-sns .sns-item {
	display: inline-block;
	vertical-align: middle;
	margin: 0 4px;
	color: #4d4d4d;
}

.sidebar-sns .sns-item .item-head {
	transition: .3s;
}

.sidebar-sns .sns-item .item-head .tm-ic {
	width: 40px;
	height: 40px;
}

.sidebar-sns .sns-item .uk-dropdown {
	padding: 15px;
	font-size: 12px;
	min-width: 180px;
	left: 50% !important;
	transform: translateX(-50%) !important;
	top: -150px !important;
	line-height: 1;
	color: #4d4d4d;
}

.sidebar-sns .sns-item .uk-dropdown img {
	width: 120px;
	height: 120px;
}

.sidebar-sns .sns-item .uk-dropdown p {
	margin: 0;
	margin-top: 8px;
}

.sidebar-contact {
	border-top: 2px solid #e8e8e8;
	padding:1.04166666666667vw 0px;
	color: #4d4d4d;
	line-height: 1;
}

.sidebar-contact .item-tit {
	font-size: 13px;
	margin-bottom: 10px;
}

.sidebar-contact .item-tel {
	font-size: 20px;
}
.sidebar-copyright{
	font-size: 12px;
	line-height: 1.4;
	padding:0 1.04166666666667vw;
	margin-top: 10px;
}
header.uk-sticky{
	z-index: 10;
	position: relative;
}
header.uk-sticky-fixed{
	z-index: 980;
}
.m-navbar{
	background-color: #fff;
}
.m-navbar .uk-navbar-item,
.m-navbar .uk-navbar-nav>li>a,
.m-navbar .uk-navbar-toggle{
	min-height: 60px;
}
.m-navbar .uk-navbar-toggle{
	color: #000;
	padding: 0 20px;
}
.m-navbar .tm-logo{
	height: 30px;
}

.m-offcanvas{
}
.m-offcanvas .uk-offcanvas-bar-animation{
	
}
.m-offcanvas .uk-offcanvas-bar{
	padding: 0;
	background-color: rgba(43,39,39,.9);
	left: 0;
	top: 0%;
	color: #2b2727;
	width: 100vw;
	transform: translateY(-100%);
	transition: all .4s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.m-offcanvas.uk-open>.uk-offcanvas-bar{
	transform:translateY(0);
}
.m-offcanvas-sidebar{
	width: 135px;
	height: calc( 100% - 60px);
	overflow-y: auto;
    -webkit-overflow-scrolling: touch;
	background-color: #d5d3d3;
}
.m-offcanvas .uk-navbar-toggle{
	position: relative;
	top: 0;
	right: 0;
	min-height: 60px;
	background-color: #d8d7d7;
	color: #000!important;
	max-width: 135px;
	justify-content: flex-start;
	padding:0 25px;
}
.m-sidebar-nav{
	list-style: none;
	padding: 0;
	margin: 0;
	padding-top:30px;
}
.m-sidebar-nav>li {}

.m-sidebar-nav>li>.nav-link {
	color: #2b2727;
	font-size: 16px;
	display: block;
	line-height: 56px;
	padding:0 25px;
}
.m-sidebar-nav>li>.nav-link.uk-open {
	background-color: #2b2727;
	color: #fff;
}
.m-sidebar-nav>li>.nav-link:hover {
	background-color: #2b2727;
	color: #fff;
}
.m-sidebar-nav .uk-dropdown {
	color: #fff;
	background-color: transparent;
	padding: 0;
	min-width: 120px;
	margin-left: 0;
	box-shadow: none;
	top:50%!important;
	transform: translateY(-50%);
	margin-top: -60px;
}
.m-sidebar-nav .uk-dropdown-nav {
	font-size: 14px;
}
.m-sidebar-nav .uk-dropdown-nav>li {}
.m-sidebar-nav .uk-dropdown-nav>li>a {
	color: #fff;
	padding:15px 40px;
	font-size: 15px;
	line-height: 20px;
}
.m-sidebar-nav .uk-dropdown-nav>li>a:hover {
	color: #fff;
}
.m-sidebar-sns{
	position: absolute;
	right: 26px;
	bottom:160px;
	line-height: 1.2;
}
.m-sidebar-sns .sns-item{
	position: relative;
	font-size: 10px;
	display: block;
	margin: 10px;
	color: #fff;
}
.m-sidebar-sns .sns-item .item-head{
	text-align: center;
}
.m-sidebar-sns .sns-item .item-head .tm-ic{
	width: 40px;
	height: 40px;
}
.m-sidebar-sns .sns-item .item-body{
	margin-top: 4px;
	opacity: .5;
}
.m-sidebar-sns .sns-item-ref{
	 
}
.m-sidebar-sns .sns-item .uk-dropdown {
	padding: 12px;
	font-size: 10px;
	min-width: 100px;
	color: #4d4d4d;
	text-align: center;
	border-radius: 4px;
}

.m-sidebar-sns .sns-item .uk-dropdown img {
	width: 80px;
	height: 80px;
}

.m-sidebar-sns .sns-item .uk-dropdown p {
	margin: 0;
	margin-top: 8px;
	
}

.m-sidebar-copyright{
	position: absolute;
	left: 135px;
	bottom:20px;
	right: 0;
	padding:0 30px;
	line-height: 1.4;
	font-size: 12px;
	color: #fff;
	opacity: .4;
	text-align: center;
}
.mui-content {
}
/* swiper */
.iban-swiper-mod {
	position: relative;
	width: 100%;
	height: 100vh;
	background-color: #000;
	box-sizing: border-box;
}

.iban-swiper {
	width: 100%;
	height: 100%;
}

.iban-swiper .iban-item {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.iban-swiper .iban-item .thumb-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 5;
}

.iban-swiper .swiper-pagination {
	right:20px;
}

.iban-swiper>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:15px 0;
}
.iban-swiper .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #ccc;
	opacity: 1;
	background: rgba(0, 0, 0, 0.3);
	outline: none;
	
}

.iban-swiper .swiper-pagination-bullet-active {
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
}

.miban-swiper-mod {
	width: 100%;
	background-color: #000;
	box-sizing: border-box;
}

.miban-swiper {
	width: 100%;
	height: 100%;
}

.miban-swiper .iban-item {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.miban-swiper .iban-item .thumb-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 5;
}

.miban-swiper .swiper-pagination {
	bottom: auto;
	top: 68%;
	line-height: 5px;
}
.miban-swiper>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:0 3px;
}
.miban-swiper .swiper-pagination-bullet {
	width: 5px;
	height: 5px;
	vertical-align: top;
	text-align: center;
	line-height: 10px;
	font-size: 12px;
	color: #ccc;
	opacity: 1;
	background: rgba(255, 255, 255, 0.3);
	outline: none;
}
.miban-swiper .swiper-pagination-bullet-active {
	color: #fff;
	background: rgba(255, 255, 255, 1);
}
.iduc-menu-mod{
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 1;
	display: flex;
}
.iduc-cell{
	position: relative;
	flex: none;
	min-width: 0;
	width:16.66666666666667%;
}
.iduc-item{
	position: relative;
	display: block;
}
.iduc-item .thumb-media{
	position: absolute;
	bottom:0;
	left: 0;
	right: 0;
	transition: .3s;
	opacity: 0;
	pointer-events: none;
}
.iduc-item .thumb-media::before{
	padding-top: 70%;
}
.iduc-item .item-body{
	height: 1.82291666666667vw;
	background-color: #e4e4e4;
	opacity:.3;
}
.iduc-cell:nth-child(2n) .iduc-item .item-body{
	opacity: .3;
	background-color: #656565;
}
.iduc-item:hover .thumb-media{
	 opacity: 1;
	 bottom: 1.82291666666667vw;
	 pointer-events: auto;
}
/* about */
.about-block{
	position: relative;
	z-index: 5;
	height:100vh;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	padding:3.64583333333333vw;
	color: #fff;
	display: flex;
	align-items: center;
}
.about-container{
	position: relative;
	z-index: 5;
	flex: 1;
	max-width: 66vw;
	margin-left: auto;
	margin-right: auto;
}
.about-bhead{
	text-align: center;
	margin-bottom: 1.04166666666667vw;
}
.about-bhead .img-tit{
	max-height: 4.16666666666667vw;
}
.about-bbody{
	position: relative;
	background-color: rgba(0,0,0,0.35);
	padding:2.08333333333333vw 1.5625vw;
}
.about-bbody::before{
	content: " ";
	position: absolute;
	top: 1.5625vw;
	left: 1.875vw;
	bottom: 1.5625vw;
	width: 2px;
	background-image: linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 20%,rgba(255,255,255,.5) 80%,rgba(255,255,255,0) 100%);
}
.about-bbody::after{
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1.04166666666667vw;
	height: 2.60416666666667vw;
	pointer-events: none;
	background-image: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 20%,rgba(0,0,0,.4) 80%,rgba(0,0,0,.3) 100%);
}
.about-content{
	font-size: 0.83333333333333vw;
	line-height: 1.8;
	padding-left:1.5625vw;
	max-height:58vh;
	overflow-y: auto;
}
.about-content::-webkit-scrollbar{
	display: none;
	width: 0;
	height: 0;
}
.about-list{
	letter-spacing: 2px;
	padding-left:1.5625vw;
}
.about-list>li{
	margin-bottom: 1.04166666666667vw;
}
.about-list>li:last-child{
	margin-bottom: 0;
}
.about-list>li>p{
	opacity: .75;
	margin-bottom: 0;
}

.aidea-block{
	position: relative;
	z-index: 5;
	width: 100%;
	height: 100vh;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.aidea-container{
	flex: 1;
	min-width: 0;
}
.aidea-navs{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 7;
	padding: 3.125vw;
	display: flex;
	
	align-items: center;
}
.aidea-view{
	list-style: none;
	padding: 0;
	margin: 0;
}
.aidea-cell{
	margin-bottom: 4.16666666666667vw;
}
.aidea-cell:last-child,
.aidea-cell:first-child{
	margin-bottom: 0;
}
.aidea-item{
	line-height: 1.2;
	color: #fff;
	cursor: pointer;
	display: inline-block;
}
.aidea-item .item-head{
	border:2px solid #fff;
	border-radius: 60px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	padding:0.36458333333333vw 2.91666666666667vw;
	margin-bottom: 1.5625vw;
}
.aidea-item .item-head img{
	height: 2.29166666666667vw;
	transition: .5s;
}
.aidea-item .item-body{
	font-size: 0.9375vw;
	letter-spacing:2px;
}
.aidea-item .item-body span{
	
}
.aidea-cell.uk-active .aidea-item .item-head{
	border-color:transparent;
	padding-left: 0;
	padding-right: 0;
}
.aidea-cell.uk-active .aidea-item .item-head img{
	height: 4.16666666666667vw;
}
.aidea-swiper-mod{
	position: relative;
	z-index: 5;
	width: 100%;
	height: 100%;
}
.aidea-swiper{
	 width: 100%;
	 height: 100%;
}
.aidea-swiper .thumb-media{
	height: 100%;
}
.aidea-swiper .thumb-overlay{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	padding: 3.125vw;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.aidea-listmod{
	flex: 1;
	margin-left: auto;
	max-width:42vw;
	max-height:60vh;
	padding:0 2.08333333333333vw;
	box-sizing: border-box;
	overflow-y: auto;
}
.aidea-list{
	color: #fff;
	font-size:1.25vw;
	line-height:1.6;
	padding-left:1.5625vw;
}
.aidea-list>li:nth-child(n+2){
	margin-top: 1.04166666666667vw;
}
.aidea-list .li-leader{
	font-weight: bold;
}
.aidea-list .tm-lab{
	font-size:0.9375vw;
}


.maidea-swiper-mod{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	height: 100%;
	z-index: 1;
}
.maidea-swiper{
	 width: 100%;
	 height: 100%;
}
.maidea-swiper .thumb-media{
	height: 100%;
}
.maidea-swiper .thumb-overlay{
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	bottom: 0;
	box-sizing: border-box;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	z-index: 6;
}
.maidea-navs{
	padding:74px 36px;
	padding-bottom: 30px;
}
.maidea-view{
	list-style: none;
	padding: 0;
	margin: 0;
}
.maidea-cell{
	margin-bottom:40px;
}
.maidea-item{
	line-height: 1.2;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	-webkit-tap-highlight-color: transparent;
}
.maidea-item .item-head{
	border:1px solid #fff;
	border-radius: 60px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	padding:5px 18px;
	margin-bottom:10px;
}
.maidea-item .item-head img{
	height:28px;
	transition: .5s;
}
.maidea-item .item-body{
	font-size: 15px;
	letter-spacing:2px;
}
.maidea-item .item-body span {
    display: block;
    margin-top: 6px;
}

.mavidea-item{
	line-height: 1.2;
	color: #fff;
	margin-bottom: 30px;
}
.mavidea-item .item-head{
	margin-bottom:14px;
}
.mavidea-item .item-head img{
	height:30px;
	transition: .5s;
}
.mavidea-item .item-body{
	font-size:15px;
	letter-spacing:2px;
}
.mavidea-item .item-body span {
    display: block;
    margin-top: 6px;
}
.maidea-listmod{
	position: relative;
	padding:75px 36px;
	padding-bottom: 30px;
}
.mavidea-close{
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 5;
	-webkit-tap-highlight-color: transparent;
}
.mavidea-close .uk-close{
	vertical-align: top;
	color: rgba(255,255,255,.8);
}
.maidea-list{
	color: #fff;
	font-size:15px;
	line-height: 1.4;
	margin-left: -30px;
}
.maidea-list>li:nth-child(n+2){
	margin-top: 20px;
}
.maidea-list .li-leader{
	font-weight: bold;
}
.maidea-list .tm-lab{
	font-size:12px;
}


.auser-block{
	position: relative;
	width: 100%;
	height: 100vh;
	box-sizing: border-box;
	background-color: #212121;
	display: flex;
	align-items: center;
	overflow: hidden;
	padding:3.64583333333333vw;
}
.auser-container{
	flex: 1;
	min-width: 0;
	/* background-color: #212121; */
	box-sizing: border-box;
}
.auser-cfoot{
	background-color: #e6e6e6;
}
.auser-view{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}
.auser-cell{
	position: relative;
	width: 20%;
	min-width: 0;
}
.auser-item{
	display: block;
	position: relative;
	color: #4d4d4d;
}
.auser-item .item-head{
	position: relative;
}
 
.auser-item .item-head .item-img{
	object-fit: cover;
}
.auser-item .item-body{
	background-color: #fff;
	font-size: 12px;
	position: relative;
	margin-top: 3.125vw;
}
.auser-item .item-cover{
	position: relative;
	z-index: 2;
	padding:2.60416666666667vw;
	box-sizing: border-box;
	height: 100%;
}
.auser-item .item-body::before{
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 1;
}
.auser-item .item-body::after{
	content: " ";
	position: absolute;
	left:-30vw;
	top: 0;
	z-index: 0;
	width: 100vw;
	height: 100vh;
	background-color: #e6e6e6;
}
.auser-item .item-tit{
	font-size: 1.82291666666667vw;
	font-weight: bold;
	color: #000;
	line-height: 1;
	margin-bottom: 1.66666666666667vw;
}
.auser-item .img-tit{
	height: 1.875vw;
	vertical-align: top;
	margin-left: -4px;
}
.auser-item .item-txt{
	margin-bottom: 0.625vw;
}
.auser-item .item-txt{
	
}
.mauser-swiper-mod{
	padding: 15px 0;
}
.mauser-swiper{
	
}
.mauser-swiper::before{
	content: " ";
	top:24px;
	position: absolute;
	left: 0;
	right: 0;
	padding-top:82%;
	background-color: #212121;
}
.mauser-swiper .swiper-pagination {
	bottom: auto;
	top:68%;
	line-height:8px;
}
.mauser-swiper>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:0 2px;
}
.mauser-swiper .swiper-pagination-bullet {
	width:8px;
	height:8px;
	vertical-align: top;
	text-align: center;
	line-height: 8px;
	font-size: 12px;
	color: #ccc;
	opacity: 1;
	background: rgba(255, 255, 255, 0.5);
	outline: none;
}
.mauser-swiper .swiper-pagination-bullet-active {
	color: #fff;
	background: rgba(255, 255, 255, 1);
}
.mauser-swiper .swiper-button-next,
.mauser-swiper .swiper-button-prev{
	top:86%;
	color: #909090;
}
.mauser-swiper .swiper-button-next{
	left: auto;
	right: 36px;
}
.mauser-swiper .swiper-button-prev{
	left: 36px;
}
.mauser-swiper.swiper-container {
    --swiper-navigation-size: 16px;
}
.mauser-item{
	display: block;
	position: relative;
	color: #4d4d4d;
	padding:0 30px;
	text-align: center;
}
.mauser-item .item-head{
	position: relative;
	margin-bottom: 30px;
}
.mauser-item .item-head .item-img{
	object-fit: cover;
}
.mauser-item .item-body{
	background-color: #fff;
	font-size: 13px;
}
.mauser-item .item-tit{
	font-size:25px;
	font-weight: bold;
	color: #000;
	line-height: 1;
	margin-bottom:14px;
}
.mauser-item .img-tit{
	height:28px;
	vertical-align: top;
}
.mauser-item .item-txt{
	margin-bottom: 6px;
}
.mauser-item .item-txt{
	
}

.aeve-block{
	position: relative;
	z-index: 5;
	height:100vh;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding:3.64583333333333vw;
	color: #fff;
}
.aeve-container{
	position: relative;
	z-index: 5;
	max-width: 72vw;
	flex: 1;
	margin-left: auto;
	margin-right: auto;
}
.aeve-mod{
	display: flex;
	align-items: center;
}
.aeve-mhead{
	flex: 1;
	min-width: 0;
	text-align: center;
	margin-right: 3.64583333333333vw;
}
.aeve-mbody{
	flex: 1;
	min-width: 0;
}
.aeve-mtit {
	margin-bottom: 3.125vw;
}
.aeve-mtit .img-tit{
	max-height:2.60416666666667vw;
}
.aeve-mdes{
	opacity: .7;
	font-size: 0.9375vw;
	line-height:2;
	letter-spacing: 4px;
}
.aeve-mdes p{
	margin: 0;
}
.aeve-mbody{
	position: relative;
	background-color: rgba(0,0,0,0.35);
	padding:2.08333333333333vw;
	padding-right: 1.04166666666667vw;
}
.aeve-content::before{
	content: " ";
	position: absolute;
	top: 2.08333333333333vw;
	left: 1.97916666666667vw;
	bottom: 2.08333333333333vw;
	width: 1px;
	background-image: linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 20%,rgba(255,255,255,.5) 80%,rgba(255,255,255,0) 100%);
}
.aeve-mbody::before{
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	top: 0px;
	height: 4.16666666666667vw;
	pointer-events: none;
	background-image: linear-gradient(rgba(0,0,0,.3) 0%,rgba(0,0,0,.3) 20%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.01) 100%);
}
.aeve-mbody::after{
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	height: 4.16666666666667vw;
	pointer-events: none;
	background-image: linear-gradient(rgba(0,0,0,.01) 0%,rgba(0,0,0,.5) 20%,rgba(0,0,0,.7) 50%,rgba(0,0,0,.3) 100%);
}
.aeve-content{
	font-size: 0.9375vw;
	line-height: 1.7;
	max-height:54vh;
	padding-left: 2.08333333333333vw;
	padding-right:1.04166666666667vw;
	overflow-y: auto;
}
.aeve-content::-webkit-scrollbar {
	width: 4px;
}
.aeve-content::-webkit-scrollbar:horizontal {
	height: 4px;
}
.aeve-content::-webkit-scrollbar-track {
	background-color: rgba(255, 255, 255, .05);
}
.aeve-content::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, .5);
}
.aeve-list{
	list-style: none;
	margin: 0;
	padding: 0;
	letter-spacing:2px;
	margin-bottom: 1.04166666666667vw;
}
.aeve-list>li{
	margin-bottom: 1.5625vw;
}
.aeve-list>li:last-child{
	margin-bottom: 0;
}
.aeve-list>li>p{
	margin-bottom: 0;
}
.aeve-list .tm-time{
	font-size: 1.25vw;
	line-height: 1;
	margin-bottom: 10px;
}
.aeve-list .tm-txt{
	
}
/* 产品列表 */
.ducv-block{
	position: relative;
	z-index: 5;
	background-color: #efefef;
	width: 100%;
	height: 100vh;
	box-sizing: border-box;
	padding: 3.125vw;
	display: flex;
	flex-direction: column;
	flex-basis: auto;
	overflow: hidden;
}
.ducv-block::after{
	content: " ";
	position: absolute;
	left: 34%;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	pointer-events: none;
	background-color: #202020;
}
.ducv-container{
	position: relative;
	z-index: 5;
	flex: 1;
	display: flex;
	flex-direction: column;
	flex-basis: auto;
	min-width: 0;
	min-height: 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 78vw;
	width: 100%;
	background-color: #fff;
	box-sizing: border-box;
	overflow: hidden;
	
}
.ducv-mod-wrap{
	padding:5.20833333333333vw;
	flex: 1;
	flex-basis: auto;
	overflow: auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}
.ducv-mod{
	flex: 1;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.ducv-view{
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-left: -2.5vw;
	margin-top: -2.5vw;
}
.ducv-cell{
	width: 33.33%;
	padding-left: 2.5vw;
	padding-top: 2.5vw;
	box-sizing: border-box;
}
.ducv-item{
	display: block;
	text-align: center;
	transition: .3s;
}
.ducv-item .item-head{
	
}
.ducv-item .thumb-media {
    background-color: #fff;
    max-width: 20.83333333333333vw;
    margin-left: auto;
    margin-right: auto;
}
.ducv-item .thumb-media::before{
	padding-top: 100%;
}
.ducv-item .thumb-media .thumb-img{
	 
}
.ducv-item .item-body{
	margin-top: 3.75vw;
}
.ducv-item .item-title{
	font-size: 1.25vw;
	color: #000;
}

.ducp-block{
	position: relative;
	z-index: 5;
	background-color: #efefef;
	width: 100%;
	height: 100vh;
	box-sizing: border-box;
	padding: 3.125vw;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.ducp-block::after{
	content: " ";
	position: absolute;
	left: 34%;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	pointer-events: none;
	background-color: #202020;
}
.ducp-container{
	flex: 1;
	min-width: 0;
	position: relative;
	z-index: 5;
	margin-left: auto;
	margin-right: auto;
	max-width: 78vw;
	background-color: #fff;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.ducp-mod{
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:5.20833333333333vw;
	box-sizing: border-box;
}
.ducp-swiper-mod{
	flex:none;
	min-width: 0;
}
.ducp-info-mod{
	flex:1;
	min-width: 0;
	padding-left:5vw;
	box-sizing: border-box;
}
/*ducp-swiper*/

.ducp-swiper {
	/*max-width: 39.58333333333333vw;*/
	max-width: 37.91666666666667vw;
	padding-top:4.16666666666667vw;
	/*padding-bottom: 7.29166666666667vw;*/
	padding-bottom: 6.25vw;
}
.ducp-swiper .swiper-slide {
	border-radius: 2px;
	/*width: 19.79166666666667vw;*/
	/*height: 19.79166666666667vw;*/
	position: relative;
	width: 20.83333333333333vw;
	height: 20.83333333333333vw;
}
.ducp-swiper .swiper-slide-active{
	/*box-shadow:1.04166666666667vw 1.04166666666667vw 4.16666666666667vw rgba(0,0,0,0.3);*/
}
.ducp-swiper .swiper-buttons{
	position: absolute;
	bottom:0;
	right:0px;
	left: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
}
.ducp-swiper .swiper-buttons .swiper-button-next,
.ducp-swiper .swiper-buttons .swiper-button-prev{
	color: #545454;
	background-color: rgba(181,181,181,0);
	border-radius:4px;
	width: 36px;
	height: 36px;
	position: static;
	margin: 0;
	margin-left:10px;
	margin-right: 10px;
}
.ducp-swiper .swiper-buttons .swiper-button-next:hover,
.ducp-swiper .swiper-buttons .swiper-button-prev:hover{
	color: #000;
	background-color: rgba(181,181,181,.3);
}
.ducp-swiper.swiper-container {
    --swiper-navigation-size:20px;
}
.ducp-swiper .swiper-slide-shadow-left{
    background-image: linear-gradient(to left, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0));
}
.ducp-swiper .swiper-slide-shadow-right{
    background-image: linear-gradient(to right, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0));
}
.ducp-swiper .thumb-media{
	background-color: #fff;
	/*filter: blur(5px);*/
	max-width: 20.83333333333333vw;
	margin-left: auto;
	margin-right: auto;
}
.ducp-swiper .thumb-media::before{
	padding-top: 100%;
}
.ducp-swiper .swiper-slide-active .thumb-media{
	filter: blur(0);
}
.ducp-info-swiper{
	background-color: #fff;
}
.ducp-info-swiper .swiper-slide{
	background-color: #fff;
	max-width: 100%;
	opacity: 0!important;
}
.ducp-info-swiper .swiper-slide-thumb-active{
    opacity: 1!important;
}
.ducp-info{
	text-align: center;
	overflow: hidden;
	width: 100%;
}
.ducp-info .item-head{
	position: relative;
	margin-bottom: 1.5625vw;
}
.ducp-info .item-title{
	padding:1.04166666666667vw 0;
	font-size:2.08333333333333vw;
	font-weight: normal;
	color: #000;
	line-height: 1.2;
}
.ducp-info .item-line{
	height: 2px;
	max-width: 14.0625vw;
	margin-left: auto;
	margin-right: auto;
	background-color: #adadad;
}
.ducp-info .item-body{
	font-size: 0.83333333333333vw;
	line-height: 1.4;
}
.ducp-info .item-sku{
	font-size: 1.04166666666667vw;
	margin-bottom:10px;
	/*white-space: nowrap;*/
	/*text-overflow: ellipsis;*/
	/*overflow: hidden;*/
}
.ducp-info .item-des{
	margin-bottom:10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.ducp-info .item-lab{
	margin-bottom:10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.jd-item-link{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 0.83333333333333vw;
	margin-top: 2.08333333333333vw;
}
.jd-item-link .link-icon{
	width: 5.41666666666667vw;
	height: 5.41666666666667vw;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/jd-link.png) no-repeat 0 0/cover;
}
.jd-item-link .link-lab{
	margin-top: 12px;
}

/* 产品详情 */
.dude-mod{
	flex: 1;
	min-width: 0;
	display: flex;
	padding: 6.66666666666667vw;
	/* padding-bottom: 5.20833333333333vw; */
	box-sizing: border-box;
}
.dude-main{
	display: flex;
	margin-right: 2.60416666666667vw;
}
.dude-thumbs-mod{
	width: 10.9375vw;
	margin-right: 2.60416666666667vw;
}
.dude-thumbs-swiper{
	height: 25vw;
}
.dude-thumbs-swiper .swiper-slide{
	height: 7.29166666666667vw;
	margin-bottom: 1.5625vw;
	cursor: pointer;
}
.dude-thumbs-swiper .swiper-slide:last-child{
	margin-bottom: 0;
}
.dude-thumbs-swiper .thumb-media{
	width: 10.9375vw;
	box-sizing: border-box;
	background-color: transparent;
}
.dude-thumbs-swiper .thumb-media::before{
	padding-top: 66.66666666666667%;
}
.dude-thumbs-swiper .thumb-media::after{
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 7;
	pointer-events: none;
	border: 1px solid rgba(178,192,205,.07);
}
.dude-thumbs-swiper .swiper-slide-thumb-active .thumb-media::after{
	border-color: rgba(238,23,66,.1);
}
.dude-swiper-mod{
	min-width: 0;
	width: 37.5vw;
	box-sizing: border-box;
}
.dude-swiper{
	padding-bottom:3.4375vw;
	--swiper-navigation-size:1.04166666666667vw;
}
 
.dude-swiper .swiper-slide{
	
}
.dude-swiper .thumb-media::before{
	padding-top: 66.66666666666667%;
}
.dude-swiper .swiper-buttons{
	position: absolute;
	bottom:0;
	right:0px;
	left: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
}
.dude-swiper .swiper-buttons .swiper-button-next,
.dude-swiper .swiper-buttons .swiper-button-prev{
	color: #545454;
	background-color: rgba(181,181,181,0);
	border-radius:4px;
	width: 1.875vw;
	height: 1.875vw;
	position: static;
	margin: 0;
	margin-left:10px;
	margin-right: 10px;
}
.dude-swiper .swiper-buttons .swiper-button-next:hover,
.dude-swiper .swiper-buttons .swiper-button-prev:hover{
	color: #000;
	background-color: rgba(181,181,181,.3);
}

.dude-aside{
	flex: 1;
	min-width: 0;
}
.dude-info{
	 
}
.dude-info .item-head{
	position: relative;
	margin-bottom:1.25vw;
}
.dude-info .item-title{
	font-size:1.25vw;
	font-weight: 500;
	color: #000;
	line-height: 1.2;
	margin-bottom:1.25vw;
}
.dude-info .item-line{
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
}
.dude-info .item-body{
	line-height: 1.4;
	font-size: 0.72916666666667vw;
}
.dude-info .item-sku{
	margin-bottom:1.25vw;
	font-size: 0.83333333333333vw;
	word-break: break-word;
}
.dude-info .item-des{
	word-break: break-word;
	margin-bottom:1.25vw;
}
.dude-info .item-lab{
	 
}
.dude-info .shop-link{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 0.72916666666667vw;
	margin-top: 2.5vw;
}
.dude-info .shop-link .link-icon{
	/*width: 5.41666666666667vw;*/
	/*height: 5.41666666666667vw;*/
	width: 10.41666666666667vw;
	height: 6.875vw;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/jd-link.png?v0.2) no-repeat 0 0/cover;
}
.dude-info .shop-link .link-lab{
	margin-top:10px;
	font-size: 0.72916666666667vw;
}


/* swiper */
.cenv-swiper-mod {
	width: 100%;
	height: 100vh;
	background-color: #000;
	box-sizing: border-box;
}

.cenv-swiper {
	width: 100%;
	height: 100%;
}
.cenv-swiper .swiper-slide{
	background-color: #fbfbfb;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.cenv-swiper .cenv-thumb {
	display: flex;
	position: relative;
	width: 100%;
	height: 100%;
	align-items: center;
}

.cenv-swiper .cenv-thumb .thumb-img {
	flex: 1;
	width: 100%;
	/* object-fit: cover; */
	z-index: 5;
}
.cenv-swiper .swiper-buttons{
	position: absolute;
	bottom:2.29166666666667vw;
	right:4.16666666666667vw;
	z-index: 1;
	display: flex;
}
.cenv-swiper .swiper-buttons .swiper-button-next,
.cenv-swiper .swiper-buttons .swiper-button-prev{
	color: #4d4d4d;
	background-color: rgba(230,230,230,.5);
	border-radius:4px;
	width: 40px;
	height: 40px;
	position: static;
	margin: 0;
	margin-left: 30px;
}
.cenv-swiper .swiper-buttons .swiper-button-next:hover,
.cenv-swiper .swiper-buttons .swiper-button-prev:hover{
	color: #000;
}
.cenv-swiper.swiper-container {
    --swiper-navigation-size: 1.25vw;
}

.mcenv-swiper-mod {
	width: 100%;
	background-color: #000;
	box-sizing: border-box;
}

.mcenv-swiper {
	width: 100%;
	height: 100%;
}

.mcenv-swiper .cenv-thumb {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.mcenv-swiper .cenv-thumb .thumb-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 5;
}
/* swiper */
.craft-swiper-mod {
	width: 100%;
	height: 100vh;
	background-color: #000;
	box-sizing: border-box;
}
.craft-swiper {
	width: 100%;
	height: 100%;
}
.craft-swiper .swiper-slide{
	background-color: #f6eada;
}
.craft-swiper .craft-thumb {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}
.craft-swiper .craft-thumb .thumb-img {
	width: 100%;
	flex: 1;
	z-index: 5;
}
.craft-swiper .swiper-pagination {
	right:3.125vw;
}

.craft-swiper>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:1.5625vw 0;
}
.craft-swiper .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height:18px;
	font-size: 12px;
	color: #a16834;
	box-sizing: border-box;
	border: 1px solid #a16834;
	opacity: 1;
	background:transparent;
	outline: none;
}

.craft-swiper .swiper-pagination-bullet-active {
	color: #fff;
	background: #a16834;
}

.mcraft-swiper-mod {
	width: 100%;
	background-color: #000;
	box-sizing: border-box;
}
.mcraft-swiper {
	width: 100%;
	height: 100%;
}
.mcraft-swiper .craft-thumb {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.mcraft-swiper .craft-thumb .thumb-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 5;
}
.mcraft-swiper .swiper-pagination {
}

.mcraft-swiper>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:4px 15px;
}
.mcraft-swiper .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height:18px;
	font-size: 12px;
	color: #a16834;
	box-sizing: border-box;
	border: 1px solid #a16834;
	opacity: 1;
	background:transparent;
	outline: none;
}
.mcraft-swiper .swiper-pagination-bullet-active {
	color: #fff;
	background: #a16834;
}

/* swiper */
.cline-swiper-mod {
	width: 100%;
	height: 100vh;
	background-color: #000;
	box-sizing: border-box;
	background-image: url(../images/culture/cline-banbg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.cline-swiper {
	width: 100%;
	height: 100%;
}

.cline-swiper .cline-thumb {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
}

.cline-swiper .cline-thumb .thumb-img {
	flex: 1;
	min-width: 0;
	width: 100%;
	z-index: 5;
}
.cline-swiper .swiper-buttons{
	position: absolute;
	bottom:auto;
	top: 75%;
	left: 9%;
	right:auto;
	z-index: 1;
	display: flex;
}
.cline-swiper .swiper-buttons .swiper-button-next,
.cline-swiper .swiper-buttons .swiper-button-prev{
	color: rgba(255,255,255,.72);
	background-color: rgba(255,255,255,.2);
	border-radius:4px;
	width: 2.70833333333333vw;
	height: 2.70833333333333vw;
	position: static;
	margin: 0;
	margin-right: 1.5625vw;
}
.cline-swiper .swiper-buttons .swiper-button-next:hover,
.cline-swiper .swiper-buttons .swiper-button-prev:hover{
	color: rgba(255,255,255,1);
}
.cline-swiper.swiper-container {
    --swiper-navigation-size: 1.25vw;
}

.mcline-swiper-mod {
	width: 100%;
	background-color: #000;
	box-sizing: border-box;
}

.mcline-swiper {
	width: 100%;
	height: 100%;
}

.mcline-swiper .cline-thumb {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.mcline-swiper .cline-thumb .thumb-img {
	width: 100%;
	height: 100%;
	/* object-fit: cover; */
	z-index: 5;
}
.mcline-swiper .swiper-buttons{
	position: absolute;
	bottom:auto;
	top: 86%;
	left: 9%;
	right:9%;
	z-index: 1;
	display: flex;
	justify-content: center;
}
.mcline-swiper .swiper-buttons .swiper-button-next,
.mcline-swiper .swiper-buttons .swiper-button-prev{
	color: rgba(255,255,255,.72);
	background-color: rgba(255,255,255,.2);
	border-radius:2px;
	width: 28px;
	height: 28px;
	position: static;
	margin: 0;
	margin-left: 10px;
	margin-right:10px;
}
.mcline-swiper .swiper-buttons .swiper-button-next:hover,
.mcline-swiper .swiper-buttons .swiper-button-prev:hover{
	color: rgba(255,255,255,1);
}
.mcline-swiper.swiper-container {
    --swiper-navigation-size: 18px;
}

.oshop-block{
	position: relative;
	z-index: 5;
	width: 100%;
	height: 100vh;
	padding:3.64583333333333vw;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.oshop-container{
	flex: 1;
	min-width: 0;
}
.oshop-view{
	display: flex;
}
.oshop-cell{
	position: relative;
	width: 50%;
	background-color: #fff;
}
.oshop-item{
	position: relative;
	display: block;
}
.oshop-item::before{
	display: block;
	padding-top: 90%;
	content: ' ';
}
.oshop-item .item-cover{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.oshop-cell:last-child {
	background-color: #f7f7f7;
}
.oshop-item .item-body{
	position: relative;
	width: 16.66666666666667vw;
	height: 16.66666666666667vw;
}
.oshop-item .item-body img{
	transition: .3s;
}
.oshop-item:hover{
	
}
.oshop-item:hover .jd-logo{
	transform: scale(1.02);
}
.oshop-item .uk-overlay-image{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	transition: .3s;
}
.oshop-item:not(:hover) .uk-overlay-image{
    opacity: 0;
}

.news-block{
	position: relative;
	z-index: 5;
	width: 100%;
	height:100vh;
	padding:3.125vw;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	background-color: #e3e3e3;
}
.news-block::after{
	content: " ";
	position: absolute;
	top: 28%;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 0;
	pointer-events: none;
	background-color: #212121;
}
.news-container{
	position: relative;
	z-index: 5;
	flex: 1;
	min-width: 0;
	box-sizing: border-box;
	background-color: #fff;
	padding: 2.08333333333333vw;
}
.news-mod{
	margin-bottom:1.5625vw;
}
.news-mod:last-child{
	margin-bottom: 0;
}
.news-mhead{
	display: flex;
	align-items: center;
	margin-bottom:1.5625vw;
}
.news-mtit{
	margin-right:1.04166666666667vw;
}
.news-mtit .img-tit{
	max-height: 1.66666666666667vw;
}
.news-tabmod{
	flex: 1;
	min-width: 0;
	border-bottom: 1px solid #efeded;
}
.news-tab{
	display: flex;
	font-size: 14px;
	line-height: 20px;
}
.news-tab .tab-item{
	flex: 1;
	text-align: center;
}
.news-tab .tab-item>a{
	position: relative;
	display: block;
	line-height: 30px;
}
.news-tab .tab-item>a::after{
	content: " ";
	width: 12px;
	height: 8px;
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -0;
	background-image: url(../images/news/ntab-arrow.png);
	opacity: 0;
	transition: 0.3s;
}
.news-tab .tab-item .tm-lab{
	display: inline-flex;
	vertical-align: top;
	flex: 1;
	min-width: 0;
	position: relative;
}
.news-tab .tab-item .tm-lab::before{
	position: absolute;
    content: " ";
    left: 50%;
    bottom: -1px;
    width: 0;
    height:2px;
    background-color: #ce2424;
	transition: 0.3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.news-tab .tab-item:hover .tm-lab::before,
.news-tab .tab-item.uk-active .tm-lab::before{
	width: 100%;
}
.news-tab .tab-item:hover,
.news-tab .tab-item.uk-active{
	color: #ce2424;
}
.news-tab .tab-item.uk-active>a::after{
	opacity: 1;
	bottom: -12px;
}
.news-pagin{
	flex: none;
	min-width: 7.29166666666667vw;
	margin-left: 2.08333333333333vw;
	text-align: right;
}
.news-pagin .pagin-item{
	display: inline-flex;
	align-items: center;
	color: #b29a9a;
	font-size: 14px;
	vertical-align: middle;
	height: 30px;
}
.news-pagin .pagin-item:hover{
	color: #ce2424;
}
.news-pagin *+.pagin-item{
	margin-left: 10px;
}
.news-mbody{
	
}
/* news-mod */
.news-mod {
	
}
.news-view {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: -2.08333333333333vw;
	margin-top: -2.08333333333333vw;
	flex-flow: row wrap;
}
.news-cell {
	padding-top: 2.08333333333333vw;
	padding-left: 2.08333333333333vw;
}
.news-item {
	position: relative;
	display: block;
	line-height: 1.2;
	font-size: 14px;
}
.news-item .item-head {
	position: relative;
}
.news-item .thumb-media {
	display: block;
}
.news-item .thumb-media:before {
	padding-top: 66.66%;
}
.news-item .item-body {
	margin-top:14px;
}

.news-item .item-foot {
	flex: none;
	min-width: 0;
	align-self: center;
}

.news-item .item-trow {
	display: flex;
	align-items: center;
}
.news-item .item-title {
	font-size: 14px;
	color: var(--title-color);
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: .1s;
}

.news-item .item-desc {
	font-size: 12px;
	color: #919191;
	line-height: 18px;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top:4px;
	text-align: justify;
}

.news-item .item-time {
	color: #9d9d9d;
	font-size: 12px;
	text-align: right;
	margin-top: 4px;
}
.news-item:hover {}
.news-item:hover .item-title {
	color: #E61648;
}

.mnews-block{
	position: relative;
	z-index: 5;
	width: 100%;
	min-height: 100vh;
	box-sizing: border-box;
	background-color: #dbdbdb;
}
.mnews-bhead{
	background-color: #212121;
	padding:24px 16px;
	padding-bottom: 76px;
}
.mnews-ntab{
	display: flex;
	align-items: center;
	text-align: center;
	font-size: 15px;
}
.mnews-ntab .tab-item{
	flex: 1;
	min-width: 0;
}
.mnews-ntab .tab-item>a{
	display: block;
	line-height: 45px;
	color:rgba(255,255,255,.5) ;
}
.mnews-ntab .tab-item.uk-active>a{
	color: #fff;
}
.mnews-ntab .tab-item.uk-active>a{
	background-color: rgba(255,255,255,.1);
}

.mnews-stab{
	display: flex;
	align-items: center;
	text-align: center;
	font-size: 13px;
	margin-top: 8px;
	overflow-x: auto;
}
.mnews-stab .tab-item{
	flex: 1;
	min-width: 0;
	white-space: nowrap;
}
.mnews-stab .tab-item>a{
	display: block;
	line-height:36px;
	color:rgba(255,255,255,.5) ;
}
.mnews-stab .tab-item.uk-active>a{
	color: #fff;
}
.mnews-stab .tab-item.uk-active>a{
	font-weight: bold;
}
.mnews-bbody{
	padding:16px;
}
.mnews-mod{
	position: relative;
	margin-top: -75px;
	background-color: #fff;
	padding: 13px;
}
.mnews-view{
	list-style: none;
	margin: 0;
	padding: 0;
	
}
.mnews-cell{
	margin-bottom:13px;
}
.mnews-cell:last-child{
	margin-bottom: 0;
}
.mnews-item {
	position: relative;
	display: flex;
	align-items: flex-start;
	line-height: 1.2;
	font-size: 14px;
}
.mnews-item .item-head {
	position: relative;
	flex: none;
	min-width: 0;
	margin-right: 13px;
}
.mnews-item .thumb-media {
	display: block;
	width: 140px;
}
.mnews-item .thumb-media:before {
	padding-top:80px;
}
.mnews-item .item-body {
	flex: 1;
	min-width: 0;
}

.mnews-item .item-foot {
	min-width: 0;
	align-self: center;
}

.mnews-item .item-trow {
	display: flex;
	align-items: center;
}
.mnews-item .item-title {
	font-size: 14px;
	color: var(--title-color);
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: .1s;
}

.mnews-item .item-desc {
	font-size: 12px;
	color: #919191;
	line-height: 18px;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top:4px;
	text-align: justify;
}

.mnews-item .item-time {
	color: #9d9d9d;
	font-size: 10px;
	text-align: right;
	margin-top: 4px;
}
 
.newsde-block{
	position: relative;
	z-index: 5;
	width: 100%;
	min-height: 100vh;
	padding:4.16666666666667vw;
	box-sizing: border-box;
}
.newsde-container{
	
}
.newsde-close{
	text-align: right;
}
.newsde-close .uk-icon{
	width: 40px;
	height: 40px;
	color: #666;
}
.newsde-close .uk-icon:hover{
	color: #000;
}
.newsde-close .uk-icon svg{
	width: 100%;
}
.newsde-mod {
	font-size: 16px;
	padding:1.5625vw 5.20833333333333vw;
}

.newsde-mhead {
	margin-bottom:2.08333333333333vw;
}
.newsde-title {
	font-size: 2.29166666666667vw;
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: 1.04166666666667vw;
	color: #000;
}
 
.newsde-summary {
	margin-top: 1.5625vw;
	padding: 1.25vw 1.5625vw;
	background-color: #f0f3f5;
	color: #8e8fa0;
	line-height: 1.6;
}

.newsde-mbody {
	margin-top: 1.5625vw;
}

.newsde-article {
	display: flow-root;
	line-height: 1.8;
}

.contact-block{
	position: relative;
	z-index: 5;
	width: 100%;
	min-height: 100vh;
	padding:3.90625vw;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	background-color: #e3e3e3;
	overflow: hidden;
}
.contact-container{
	flex: 1;
	min-width: 0;
} 
.contact-mod{
	background-color: #fff;
}
.contact-maps{
	display: flex;
}
.contact-maps .item-head{
	width:16.66666666666667vw;
	flex: none;
	min-width: 0;
	box-sizing: border-box;
	padding:5.20833333333333vw 2.60416666666667vw;
}
.contact-maps .item-head .img-tit{
	max-height: 3.125vw;
}
.contact-maps .item-body {
	position: relative;
	flex: 1;
	min-width: 0;
}
.contact-maps .item-body::after{
	content: " ";
	background-color: #ff0000;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 200%;
	height: 200%;
	pointer-events: none;
}
.contact-maps .thumb-media{
	display: block;
}
.contact-maps .thumb-media::before{
	padding-top: 23.95833333333333vw;
}
.contact-mbody{
	display: flex;
	align-items: center;
	padding: 2.60416666666667vw;
}
.contact-info{
	flex: 1;
	min-width: 0;
	padding: 1.04166666666667vw 0;
}
.contact-info .item-head{
	margin-bottom: 1.04166666666667vw;
}
.contact-info .item-head .img-tit{
	max-height: 2.08333333333333vw;
}
.contact-info .item-body{
	font-size: 12px;
}
.contact-info .item-body p:last-child{
	margin-bottom: 0;
}
.contact-sns{
	flex: none;
	min-width: 0;
	display: flex;
	font-size: 12px;
}
.contact-sns .sns-item{
	text-align: center;
	margin: 0 1.04166666666667vw;
}
.contact-sns .sns-item img{
	width: 6.66666666666667vw;
	height: 6.66666666666667vw;
}
.contact-sns .sns-item p{
	margin: 0;
	margin-top: 8px;
}

.rich-block{
	position: relative;
	z-index: 5;
}
.rich-container{
	
}
.rich-content{
	display: flow-root;
}
.tiktok-block{
	position: relative;
	z-index: 5;
	width: 100%;
	min-height: 100vh;
	padding:5.20833333333333vw 3.90625vw;
	box-sizing: border-box;
	overflow: hidden;
}
.tiktok-container{
	margin-left: auto;
	margin-right: auto;
	max-width: 65.625vw;
} 
.tiktok-mod{
	font-size: 14px;
	color: #fff;
}
.tiktok-mhead{
	text-align: center;
	margin-bottom: 5.20833333333333vw;
}
.tiktok-mhead .img-tit{
	max-height:16.66666666666667vw;
}
.tiktok-mbody{
	
}
.tikse-mod{
	display: flex;
	align-items: center;
	margin-bottom: 1.04166666666667vw;
}
.tikse-mhead{
	flex: none;
	min-width: 0;
	box-sizing: border-box;
}
.tikse-mbody{
	flex: 1;
	min-width: 0;
	box-sizing: border-box;
	padding: 20px;
}
.tikse-video{
	width: 25vw;
	height: 36.45833333333333vw;
	background:url(../images/story/video-mok.png) no-repeat 0 0/cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tikse-vmok{
	width: 15.10416666666667vw;
	height: 26.66666666666667vw;
}
.tikse-vmok video{
	outline: none;
	width: 100%;
	object-fit: cover;
}
.tikse-title{
	font-size: 1.875vw;
	line-height: 1.2;
	margin-bottom: 1.5625vw;
}
.tikse-title .img-tit{
	max-height:2.08333333333333vw;
}
.tikse-tline{
	width: 4.16666666666667vw;
	height: 0.625vw;
	background: url(../images/story/tikse-tline.png) no-repeat 0 0/cover;
	margin-bottom: 1.04166666666667vw;
	margin-top: 1.04166666666667vw;
}
.tikse-desc{
	line-height: 2.6;
}
.tikse-desc p{
	
}
.tikse-mod.media-right .tikse-mbody{
	order: 4;
}
.tikse-mod.media-right .tikse-mhead{
	order: 5;
}
.tikse-mod .tikse-mhead{
	 
}
.tikse-descview{
	max-width: 1200px;
	margin-top: 1.5625vw;
	margin-bottom: 1.5625vw;
}
.tikse-description{
	display: flex;
	align-items: flex-start;
	line-height: 2.6;
}
.tikse-description>dt{
	flex: none;
	min-width: 11.45833333333333vw;
}
.tikse-description>dt .img-tit{
	max-height: 1.875vw;
}
.tikse-description>dd{
	flex: 1;
	
}
.tikse-lead h3{
	color: inherit;
}

/* ductype-block */
.ductype-block{
	position: relative;
	z-index: 5;
	width: 100%;
	height: 100vh;
	box-sizing: border-box;
	background-color: #010206;
}
.ductype-view{
	display: flex;
	height: 100%;
}
.ductype-cell{
	width: 25%;
	min-width: 0;
	height: 100%;
}
.ductype-item{
	position: relative;
	display: block;
	height: 100%;
}
.ductype-item .thumb-media{
	height: 100%;
}
.ductype-item .thumb-media::before{
	padding-top: 100%;
}
.ductype-item .thumb-img{
	transition: .3s;
}
.ductype-item .item-line{
	border: 1px solid #fff;
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	z-index: 11;
	opacity: 0;
	transition: .3s;
}
.ductype-item .uk-inactive{
	
}
.ductype-item .uk-active{
	opacity: 0;
}
.ductype-item:hover .uk-active{
	opacity: 1;
}
.ductype-item:hover .item-line{
	opacity: 1;
}

.ductype-mob-view{
	display: block;
	height: auto;
}
.ductype-mob-view .ductype-cell{
	width:100%;
	min-width: 0;
	height:auto;
}
.ductype-mob-view .ductype-item .thumb-media::before{
	padding-top: 38%;
}

.honor-block{
	position: relative;
	z-index: 5;
	width: 100%;
	height: 100vh;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding:2.60416666666667vw;
	background-color: #efefef;
	overflow: hidden;
}
.honor-block::after{
	content: " ";
	position: absolute;
	left: 38%;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	pointer-events: none;
	background-color: #202020;
}
.honor-container{
	position: relative;
	z-index: 5;
	flex: 1;
	max-width: 80vw;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	box-sizing: border-box;
	padding:2.60416666666667vw 5.20833333333333vw;
}
.honor-grids{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	background-color: #fff;
}
.honor-main{
	flex: none;
	min-width: 0;
}
.honor-rmod{
	flex:1;
	min-width: 0;
	/* width: 32%; */
	box-sizing: border-box;
	margin-left: 2.60416666666667vw;
	padding-top: 7.29166666666667vw;
	padding-bottom: 2.60416666666667vw;
}
.honor-enlead{
	font-size: 13px;
	color: #ce1c1c;
	font-weight: bold;
}
.honor-swiper {
	/* max-width: 39.58333333333333vw; */
	max-width: 37.91666666666667vw;
	flex: 1;
	min-width: 0;
	padding-top:3.125vw;
	padding-bottom:5.20833333333333vw;
}
.honor-swiper .swiper-slide {
	border-radius: 2px;
	/*width: 19.79166666666667vw;*/
	/*height: 19.79166666666667vw;*/
	position: relative;
	width: 20.83333333333333vw;
	height: 20.83333333333333vw;
}
.honor-swiper .swiper-slide-active{
	/* box-shadow:1.04166666666667vw 1.04166666666667vw 4.16666666666667vw rgba(0,0,0,0.3); */
}
.honor-swiper .swiper-buttons{
	position: absolute;
	bottom:0;
	right:0px;
	left: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
}
.honor-swiper .swiper-buttons .swiper-button-next,
.honor-swiper .swiper-buttons .swiper-button-prev{
	color: #545454;
	background-color: rgba(181,181,181,0);
	border-radius:4px;
	width: 36px;
	height: 36px;
	position: static;
	margin: 0;
	margin-left:10px;
	margin-right: 10px;
}
.honor-swiper .swiper-buttons .swiper-button-next:hover,
.honor-swiper .swiper-buttons .swiper-button-prev:hover{
	color: #000;
	background-color: rgba(181,181,181,.3);
}
.honor-swiper.swiper-container {
    --swiper-navigation-size:20px;
}
.honor-swiper .thumb-media{
	background-color: #fff;
	max-width: 20.83333333333333vw;
	margin-left: auto;
	margin-right: auto;
}
.honor-swiper .thumb-media::before{
	padding-top: 100%;
}
.honor-info-swiper{
	
}
.honor-info-swiper .swiper-slide{
	background-color: #fff;
	max-width: 100%;
	opacity: 0!important;
}
.honor-info-swiper .swiper-slide.swiper-slide-thumb-active{
	opacity: 1!important;
}
.honor-info{
	text-align: right;
}
.honor-info .item-time{
	color: #898989;
	font-size: 1.45833333333333vw;
	margin-bottom: 2.60416666666667vw;
}
.honor-info .item-title{
	color: #000;
	font-size: 1.35416666666667vw;
	font-weight: bold;
	margin-bottom: 1.5625vw;
}
.honor-info .item-desc{
	font-size: 14px;
	color: #898989;
	margin-left: auto;
}
/*honor-ymod*/
.honor-ymod{
	flex: 1;
	min-width: 0;
	/* max-width:39.58333333333333vw; */
	max-width: 37.91666666666667vw;
	padding-top:2.08333333333333vw;
	padding-bottom: 2.08333333333333vw;
}
.honor-year-swiper {
	
}
.honor-year-swiper:after {
	content: " ";
	position: absolute;
	top: 10px;
	left: 0;
	height: 2px;
	z-index: 1;
	width: 100%;
	background-image:linear-gradient(to right, rgba(181,181,182,.3),rgba(181,181,182,1),rgba(181,181,182,.3));
	transition: .2s;
}
 
.honor-year-swiper .swiper-slide {
	color: #dcdddd;
}
.honor-year-swiper .swiper-slide.swiper-slide-active {
	color: #ce1c1c;
}
.honor-year-swiper .swiper-slide.swiper-slide-active .vithum-item .item-ic {
	border-color: #b5b5b6;
}
.honor-year-swiper .swiper-slide.swiper-slide-active .vithum-item .item-head:after {
	background-color: #b5b5b6;
}
.honor-year-swiper .swiper-slide.swiper-slide-prev,
.honor-year-swiper .swiper-slide.swiper-slide-next{
	color: #b0b1b1;
}
.vithum-item {
	text-align: center;
	font-size: 1.04166666666667vw;
	cursor: pointer;
}

.vithum-item .item-head {
	position: relative;
	margin-bottom: 8px;
	line-height: 1;
	overflow: hidden;
}

.vithum-item .item-body {}
.vithum-item .item-body .hit{
	font-size: 160%;
}
.vithum-item .item-ic {
	position: relative;
	z-index: 6;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: top;
	width: 22px;
	height: 22px;
	border: 2px solid transparent;
	border-radius: 100%;
	box-sizing: border-box;
}
.vithum-item .item-ic::after{
	content: " ";
	width: 10px;
	height: 10px;
	background-color: #b5b5b6;
	border-radius: 100%;
	opacity: .7;
}
.dev-block{
	position: relative;
	z-index: 5;
	padding:70px;
	width: 100%;
	height: 100vh;
	box-sizing: border-box;
	background-color: #f5f6f7;
	text-align: center;
	display: flex;
	align-items: center;
}
.dev-container{
	flex: 1;
	min-width: 0;
}
.dev-mod{
	
}

.null-mod {
	color: #999;
	padding: 100px 20px;
	text-align: center;
	font-size: 14px;
}

.null-mhead {}

.null-mbody {
	margin-top: 10px;
}

.null-ic {
	width: 88px;
	height: 88px;
}

.null-btns {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}

.null-btns .btn-cell {
	flex: none;
	margin-left: 10px;
	margin-right: 10px;
}

.ccere-block{
	position: relative;
	z-index: 5;
	width: 100%;
	min-height: 100vh;
	box-sizing: border-box;
	overflow: hidden;
}
.ccere-blead{
	padding: 3.90625vw;
}
.ccere-blead .img-tit{
	max-height: 5.20833333333333vw;
}
.ccere-bmod{
	position: relative;
}
.ccere-swiper{
}
.ccere-swiper .swiper-slide-active .ccere-item .thumb-media::before{
	background-color: transparent;
	pointer-events: none;
}
.ccere-swiper .swiper-slide-active  .ccere-item .item-body{
	display: block;
}
.ccere-bmod .swiper-button-prev,
.ccere-bmod .swiper-button-next {
	position: absolute;
	color: #fff;
	z-index: 12;
	margin: 0;
	padding: 0;
	top: 66%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
}
.ccere-bmod .swiper-button-prev {
	left:30%;
}
.ccere-bmod .swiper-button-next{
	right: 30%;
}
.ccere-bmod .swiper-pagination-fraction{
	bottom: auto;
	top:66%;
	height: 30px;
	line-height: 30px;
	margin-top: -15px;
	color: #fff;
	font-size: 1.25vw;
	font-weight: 300;
	letter-spacing: -2px;
}
.ccere-bmod .swiper-pagination-total{
	font-size: 0.83333333333333vw;
	font-weight: normal;
}
.ccere-bmod .swiper-pagination-current{
	font-size: 1.45833333333333vw;
	font-weight: normal;
}
.ccere-item{
	font-size: 14px;
	text-align: center;
	color: #fff;
	color: rgba(255,255,255,.7);
}
.ccere-item .thumb-media{
	border-radius: 10px;
	background-color: transparent;
}
.ccere-item .thumb-media::before{
	padding-top: 56.25%;
	background-color: #1f1f1f;
	opacity: .7;
	position: relative;
	z-index: 10;
}
.ccere-item .thumb-media .thumb-img{
	border-radius: 10px;
}
.ccere-item .item-body{
	margin-top: 4.16666666666667vw;
	display: none;
}
.ccere-item .item-content{
	font-weight: 300;
	height:9.375vw;
	overflow-y: auto;
}
.ccere-item .item-content p{
	margin-bottom: 8px;
}
.ccere-item .item-content *+p{
	margin-top: 8px;
}
.ccere-item .item-content p:last-child{
	margin-bottom: 0;
}
.cshop-block{
	
	width: 100%;
	min-height: 100vh;
	box-sizing: border-box;
	background:#f8ead6 url(../images/contact/cshop-bgx.png) repeat;
}
.cshop-bhead{
	position: relative;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 98;
	padding:3.125vw 4.6875vw;
	background-color: #212121;
	color: #fff;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	height: 8.85416666666667vw;
}
.cshop-bhead .img-tit{
	max-height: 2.60416666666667vw;
}
.cshop-form-mod{
	display: flex;
	align-items: center;
	font-size: 16px;
}
.cshop-form-mod >*:not(:first-child){
	margin-left: 20px;
}
.cshop-search{
	 
}
.cshop-search .uk-search-icon{
	color: #fff;
}
.cshop-search .uk-search-input{
	color: inherit;
}
.cshop-sort{
	 
}
.cshop-sort .uk-select{
	background-color: transparent;
	color: inherit;
}

.cshop-bbody{
	padding:3.125vw 4.6875vw;
}
.cshop-view{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	margin-top: -1.04166666666667vw;
	margin-left: -2.60416666666667vw;
}
.cshop-cell{
	flex: none;
	min-width: 0;
	width: 50%;
	box-sizing: border-box;
	padding-top: 1.04166666666667vw;
	padding-left: 2.60416666666667vw;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.cshop-item{
	display: flex;
	align-items: center;
	padding: 10px;
	background-color: #eddbbe;
	color: #212121;
	transition: .3s;
}
.cshop-item:hover{
	background-color: #e7d4b1;
}
.cshop-item .item-head{
	flex: none;
	min-width: 0;
	margin-right: 1.45833333333333vw;
}
.cshop-item .item-ic{
	width: 6.25vw;
	height: 6.25vw;
}
.cshop-item .item-body{
	flex: 1;
	min-width: 0;
}
.cshop-item .item-title{
	font-size: 1.14583333333333vw;
	margin-bottom: 10px;
}
.cshop-item .item-desc{
	font-size: 0.72916666666667vw;
}
.cshop-item .item-desc{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#csde-modal{
	z-index:97;
	background-color: rgba(0,0,0,0.2);
	padding: 0;
	padding-left: 200px;
}
.csde-modal-dialog{
	width:80vw;
	margin-top: 8.85416666666667vw;
}
.csde-modal-dialog .uk-modal-body{
	padding: 0;
}
.csde-modal-dialog .uk-modal-close-default{
	top: 2.60416666666667vw;
	right:2.60416666666667vw;
}
.csde-swiper-mod{
	background-color: #fff;
	padding: 5.20833333333333vw;
}
.csde-swiper{
	padding-bottom: 5.20833333333333vw;
}
.csde-swiper {
	width: 100%;
	height: 100%;
}
.csde-swiper .swiper-buttons{
	position: absolute;
	bottom:0;
	left:0;
	z-index: 1;
	display: flex;
}
.csde-swiper .swiper-buttons .swiper-button-next,
.csde-swiper .swiper-buttons .swiper-button-prev{
	color: #4d4d4d;
	background-color: rgba(230,230,230,.5);
	border-radius:4px;
	width: 40px;
	height: 40px;
	position: static;
	margin: 0;
	margin-right: 30px;
}
.csde-swiper .swiper-buttons .swiper-button-next:hover,
.csde-swiper .swiper-buttons .swiper-button-prev:hover{
	color: #000;
}
.csde-swiper.swiper-container {
    --swiper-navigation-size: 1.25vw;
}
.csde-swiper .swiper-slide:not(.swiper-slide-active) .csde-item{
	opacity: 0;
}
.csde-item{
	display: flex;
	background-color: #fff;
}
.csde-item .item-head{
	flex: none;
	min-width: 0;
	margin-right: 3.125vw;
	width: 32.29166666666667vw;
}
.csde-item .item-body{
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.csde-item .thumb-media{
	
}
.csde-item .thumb-img{
	
}
.csde-item .item-area{
	
}
.csde-item .item-title{
	font-size: 1.5625vw;
	margin-bottom: 10px;
	color: #000;
}
.csde-item .item-txt{
	color: #a9a9a9;
	font-size:0.83333333333333vw;
}
.csde-item .item-abrs{
	font-size:0.83333333333333vw;
}
.cabr-cell{
	display: flex;
	align-items: center;
	margin-top: 1.04166666666667vw;
}
.cabr-cell .tm-ic{
	flex: none;
	min-width: 0;
	margin-right: 10px;
	width:1.25vw;
	height: 1.25vw;
}
.cabr-cell .tm-lab{
	flex: 1;
	min-width: 0;
}
.csic-user{
	background-image: url(../images/contact/csic-user.png);
}
.csic-loc{
	background-image: url(../images/contact/csic-loc.png);
}
.csic-tel{
	background-image: url(../images/contact/csic-tel.png);
}
.cjoin-block{
	position: relative;
	z-index: 5;
	width: 100%;
	min-height: 100vh;
	box-sizing: border-box;
	background:#f8ead6 url(../images/contact/cjoin-map-bg.jpg) no-repeat 0 0/ 100% 100%;
}
.cjoin-container{
	padding: 2.60416666666667vw;
}
.cjoin-modal {
    left: 200px;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    padding: 5.20833333333333vw;
    box-sizing: border-box;
	display: none;
}
.cjos-dmod{
	
}
.cjos-dmod .null-mod{
	color: #fff;
}
.cjos-dmhead{
	display: flex;
	align-items: center;
	margin-bottom: 2.60416666666667vw;
}
.cjos-dmbody{
	max-height: 60vh;
	overflow-y: auto;
}
.cjos-dmhead .uk-close{
	color: #fff;
	width:28px;
	cursor: pointer;
}
.cjos-dmhead .uk-close svg{
	width: 100%;
}
.cjoin-form-mod{
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #fff;
}
.cjoin-select {
	margin-right: 20px;
}
.cjoin-select .uk-select{
	background-color: rgba(0,0,0,.1);
	color: inherit;
}
.cjos-view{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	margin-top: -1.04166666666667vw;
	margin-left: -2.60416666666667vw;
}
.cjos-cell{
	flex: none;
	min-width: 0;
	width: 50%;
	box-sizing: border-box;
	padding-top: 1.04166666666667vw;
	padding-left: 2.60416666666667vw;
}
.cjos-item{
	display: flex;
	align-items: center;
	padding: 0.78125vw 1.04166666666667vw;
	color: #fff;
	background-image: linear-gradient(to right,rgba(231,196,91,.4),rgba(231,196,91,.01));
}
.cjos-item .item-head{
	flex: none;
	min-width: 0;
	margin-right:0.78125vw;
}
.cjos-item .item-ic{
	width: 5.41666666666667vw;
	height: 5.41666666666667vw;
}
.cjos-item .item-body{
	flex: 1;
	min-width: 0;
}
.cjos-item .item-title{
	font-size: 0.9375vw;
	margin-bottom: 0.72916666666667vw;
}
.cjos-item .item-desc{
	font-size: 0.72916666666667vw;
}
.cjos-item .item-lab{
	margin-bottom: 4px;
}
.cjos-item .item-lab:last-child{
	margin-bottom: 0;
}

.mcjoin-block{
	position: absolute;
	z-index: 5;
	width: 100%;
	min-height: calc( 100vh - 60px );
	box-sizing: border-box;
	padding: 30px;
}
.mcjoin-bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background:#e0c09a url(../images/contact/mcjoin-map-bg.jpg) no-repeat 50% 0/ 100% auto;
}
.mcjoin-bhead{
	position: relative;
}
.mcjoin-bhead::before{
	display: block;
	content: " ";
	padding-top: 50%;
}
.mcjoin-bbody{
	position: relative;
	z-index: 5;
	padding: 20px;
}
.geo-view{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.geo-view>li{
	width: 25%;
	min-width: 0;
	display: flex;
	justify-content: center;
	box-sizing: border-box;
	padding: 10px 0;
}
.geo-view::before{
	content: " ";
	display: block;
	box-sizing: border-box;
	min-width: 1px;
}
.geo-item{
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 54px;
	height: 140px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	box-sizing: border-box;
	padding: 0 14px;
	line-height: 1.4;
	background: url(../images/contact/geo-item.png) no-repeat 50% 0/ 100% 100%;
	-webkit-tap-highlight-color: transparent;
}
.geo-item:hover{
	color: #ffd7c5;
}
.reel-pmod{
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1000;
	touch-action: none
}
.reel-pmod::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.1);
    opacity: 0;
    transition: opacity .15s linear;
}
.reel-pmod.uk-open {
	width: 100vw;
}
.reel-pmod.uk-open::before{
	opacity: 1;
}
.reel-pmod.uk-open .reel-mod-bar{
	transform: translateX(0);
	opacity: 1;
}
.reel-pmod.uk-open .reel-mclose{
	display: block;
}
.reel-mclose{
	position: absolute;
	z-index: 1002;
	left: 0;
	top: 50%;
	margin-top: -12px;
	margin-left: -30px;
	width: 24px;
	height: 24px;
	background: url(../images/contact/reel-close.png) no-repeat 50% 50%/ 100% 100%;
	display: none;
}
.reel-mod-bar{
	position: absolute;
	top:35%;
	right: 0;
	transform: translateX(100%);
	opacity: 0;
	width: 330px;
	height: 362px;
	box-sizing: border-box;
	padding: 60px 30px 60px 60px;
	background: url(../images/contact/reel-bg.png) no-repeat 50% 0/ 100% 100%;
	transition:.3s ease-out;
}
.reel-mod{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}
.reel-mhead{
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	text-align: center;
	width: 1em;
	line-height: 1.2;
	margin-right: 20px;
	flex: none;
	min-width:40px;
}
.reel-mlead{
	font-size: 24px;
	color: #ffd7c5;
}
.reel-mbody{
	flex: 1;
	min-width: 0;
}
.reel-view{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-flow: row wrap;
	margin-top: -20px;
}
.reel-view>li{
	width:33.33%;
	padding-top: 20px;
	min-width: 0;
	display: flex;
	justify-content: center;
	box-sizing: border-box;
}
.reel-item{
	min-width: 38px;
	height: 110px;
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	color: #ffd7c5;
	font-size:13px;
	background-color: #864e1d;
	line-height:1;
}
.reel-item:hover{
	color: #fff;
}
.reel-item .tm-lab{
	width: 1em;
}
.jde-block{
	position: relative;
	z-index: 5;
	width: 100%;
	min-height: 100vh;
	box-sizing: border-box;
}
.jde-bhead{
	position: relative;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 44;
	padding: 20px;
	background-color: #6b350c;
	color: #fff;
	transition: .15s;
}
header.uk-sticky-fixed~.mui-content .jde-bhead{
	top: 60px;
}
.jde-form-mod{
	display: flex;
	align-items: center;
	font-size: 14px;
}
.jde-form-mod >*:not(:first-child){
	margin-left: 20px;
}
.jde-select{
	flex: 1;
}
.jde-select .uk-select{
	background-color: transparent;
	color: inherit;
	height: 32px!important;
	border: 1px solid #e5e5e5;
}
.jde-bbody{
	padding:18px;
}
.jde-view{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	margin-top: -10px;
	margin-left: -10px;
}
.jde-cell{
	flex: none;
	min-width: 0;
	width:50%;
	box-sizing: border-box;
	padding-left: 10px;
	padding-top: 10px;
}
.jde-item{
	display: flex;
	padding:16px 10px;
	color: #351601;
	background-image:linear-gradient(to right,rgba(107,53,12,0.2),rgba(107,53,12,0.1));
}
.jde-item .item-head{
	flex: none;
	min-width: 0;
	margin-right: 10px;
}
.jde-item  .item-ic{
	width: 60px;
	height: 60px;
}
.jde-item .item-body{
	flex: 1;
	min-width: 0;
}
.jde-item .item-title{
	font-size:15px;
	line-height: 1.2;
	height: 36px;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.jde-item .item-desc{
	font-size: 12px;
	margin-top:10px;
	line-height: 1.2;
}
.jde-item .item-lab{
	margin-bottom:2px;
}
.jde-item .item-lab:last-child{
	margin-bottom: 0;
}

.vio-block{
	position: relative;
	z-index: 5;
	width: 100%;
	height: 100vh;
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	align-items: center;
	padding: 3.125vw;
}
.vio-container{
	margin-left: auto;
	margin-right: auto;
	max-width: 76vw;
	flex: 1;
	box-sizing: border-box;
}
.vio-grids{
	margin-left: -3.125vw;
}
.vio-grids>*{
	padding-left:3.125vw;
}
.vio-side{
	width: 34%;
	box-sizing: border-box;
}
.vio-main{
	width: 66%;
	box-sizing: border-box;
}
.vio-search-mod{
	color: rgba(255,255,255,.8);
	margin-bottom: 30px;
}
.vio-search-mod .uk-search{
	width: 300px;
}
.vio-search-mod .uk-search .uk-search-icon{
	color: rgba(255,255,255,.8);
	width: 60px;
}
.vio-search-mod .uk-search .uk-search-input{
	background-color: rgba(204,204,204,.18);
	color: inherit;
	border: 0;
	border-radius: 40px;
}
.vio-search-mod  .uk-search-default .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input{
	padding-left:50px;
}
.vio-search-mod .uk-search .uk-search-input::placeholder{
	color: rgba(255,255,255,.7);
}

.vio-pagination{
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	color: #c0c0c0;
	font-size: 1.04166666666667vw;
	height: 40px;
	margin-bottom: 30px;
	line-height: 20px;
	--swiper-navigation-size: 1.04166666666667vw;
}
.vio-pagination .swiper-button-prev,
.vio-pagination .swiper-button-next{
	position: relative;
	margin: 0;
	padding: 0;
	width:20px;
	height:20px;
	color: #c0c0c0;
	top: auto;
}
 
.vio-pagination .swiper-button-prev{
	left: auto;
}
.vio-pagination .swiper-button-next{
	right: auto;
}
.vio-fraction{
	text-align: center;
	min-width: 3.125vw;
	margin-left: 10px;
	margin-right: 10px;
}
.vio-mod{
	display: flow-root;
}
.vio-view{
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	align-content: space-between;
	margin-left: -1.25vw;
	height: 100%;
	
}
.vio-cell{
	width: 25%;
	box-sizing: border-box;
	padding-left:1.25vw;
	
}
.vio-item{
	display: block;
	font-size: 14px;
	background-color: #fff;
	border-radius:10px 10px 8px 8px;
	overflow: hidden;
}
.vio-item .item-head{
	position: relative;
}
.vio-item .item-head::before{
	content: " ";
	position: absolute;
	left: 16px;
	top: 16px;
	width: 24px;
	height: 24px;
	z-index: 10;
	opacity: .5;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/vio-ic.png);
}
.vio-item .item-time{
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 7;
	padding:10px 0.83333333333333vw;
	box-sizing: border-box;
	line-height:1;
}
.vio-item .thumb-media{
	border-radius: 8px 8px 0 0;
}
.vio-item .thumb-media::before{
	padding-top: 100%;
	background-color: #fff;
}
.vio-item .thumb-img{
	
}
.vio-item .item-body{
	padding:0.83333333333333vw;
}
.vio-item .item-title{
	font-size: 16px;
	color: #000;
	line-height: 22px;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.vio-item .item-desc{
	margin-top:8px;
	line-height:1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.vio-hot-mod{
	
}
.vio-hot-mod .vio-item{
	display: flex;
	flex-direction: column;
}
.vio-hot-mod .vio-item .item-head{
	flex: 1;
	min-height: 0;
}
.vio-hot-mod .vio-item .thumb-media{
	height: 100%;
	position: relative;
}
.vio-hot-mod .vio-item .thumb-media::before{
	padding-top:124%;
}
.vio-hot-mod .vio-item .item-title{
	font-size: 1.25vw;
}
.vio-hot-mod .vio-item .item-time{
	font-size: 0.9375vw;
	padding:0.78125vw 1.25vw;
}
.vio-hot-mod .vio-item  .item-head::before{
	left: 50%;
	top: 50%;
	width: 3.33333333333333vw;
	height: 3.33333333333333vw;
	margin-left: -1.66666666666667vw;
	margin-top: -1.66666666666667vw;
}
.vio-hot-mod .vio-item .item-body{
	flex: none;
	padding:1.04166666666667vw 1.25vw;
}
.uk-tooltip{
	background-color: #222;
}