@font-face {
font-family:binary_itc_lightregular;
src:url(../fonts/english/binary_webfont/binary_itc-webfont.eot);
src:url(../fonts/english/binary_webfont/binary_itc-webfont.eot@#iefix) format('embedded-opentype'), url(../fonts/english/binary_webfont/binary_itc-webfont.woff2) format('woff2'), url(../fonts/english/binary_webfont/binary_itc-webfont.woff) format('woff'), url(../fonts/english/binary_webfont/binary_itc-webfont.ttf) format('truetype'), url(../fonts/english/binary_webfont/binary_itc-webfont.svg#binary_itc_lightregular) format('svg');
font-weight:400;
font-style:normal
}
@font-face {
font-family:nerislight;
src:url(../fonts/english/neris_light_macroman/Neris-Light-webfont.eot);
src:url(../fonts/english/neris_light_macroman/Neris-Light-webfont.eot@#iefix) format('embedded-opentype'), url(../fonts/english/neris_light_macroman/Neris-Light-webfont.woff) format('woff'), url(../fonts/english/neris_light_macroman/Neris-Light-webfont.ttf) format('truetype'), url(../fonts/english/neris_light_macroman/Neris-Light-webfont.svg#nerislight) format('svg');
font-weight:400;
font-style:normal
}
@font-face {
font-family:nerissemibold;
src:url(../fonts/english/neris_semibold_macroman/Neris-SemiBold-webfont.eot);
src:url(../fonts/english/neris_semibold_macroman/Neris-SemiBold-webfont.eot@#iefix) format('embedded-opentype'), url(../fonts/english/neris_semibold_macroman/Neris-SemiBold-webfont.woff) format('woff'), url(../fonts/english/neris_semibold_macroman/Neris-SemiBold-webfont.ttf) format('truetype'), url(../fonts/english/neris_semibold_macroman/Neris-SemiBold-webfont.svg#nerissemibold) format('svg');
font-weight:400;
font-style:normal
}
@font-face {
font-family:icomoon;
src:url(../fonts/icomoon/icomoon.eot);
src:url(../fonts/icomoon/icomoon.eot@#iefix-ypfefu) format('embedded-opentype'), 
url(../fonts/icomoon/icomoon.woff) format('woff'), 
url(../fonts/icomoon/icomoon.ttf) format('truetype'), url(../fonts/icomoon/icomoon.svg#icomoon) format('svg');
font-weight:400;
font-style:normal
}
[class*=" icon-"], [class^=icon-] {
font-family:icomoon;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.icon-arrow-left:before {
	content:"\e607"
}
.icon-fax:before {
  content: "\e901"
}
.icon-arrow-down:before {
	content:"\e608"
}
.icon-arrow-up:before {
	content:"\e609"
}
.icon-arrow-right:before {
	content:"\e60b"
}
.icon-ellipsis:before {
	content:"\e603"
}
.icon-plus:before {
	content:"\e114"
}
.icon-minus:before {
	content:"\e115"
}
.icon-cross:before {
	content:"\e117"
}
.icon-menu:before {
	content:"\e120"
}
.icon-room:before {
	content:"\e600"
}
.icon-call:before {
	content:"\e601"
}
.icon-drafts:before {
	content:"\e602"
}
.icon-lens:before {
	content:"\e605"
}
.icon-panorama-fisheye:before {
	content:"\e606"
}
.icon-timer-auto:before {
	content:"\e604"
}
.icon-qrcode:before {
	content:"\e611"
}
.icon-play:before {
	content:"\f04b"
}
.icon-instagram:before {
	content:"\f16d"
}
.icon-weibo:before {
	content:"\f18a"
}
.icon-tencent-weibo:before {
	content:"\f1d5"
}
.icon-wechat:before {
	content:"\f1d7"
}
.c-a8a {
	color:#caa860
}
.c-9 {
	color:#999
}
.c-da6 {
	color:#dab866
}
.bgc-a8a {
	background-color:#caa860
}
.bgc-da6 {
	background-color:#dab866
}
body, h1, h2, h3, h4, h5, html, p, ul {
	margin:0
}
ul {
	padding:0
}
li {
	list-style:none
}
img {
	vertical-align:middle;
	border:0
}
a {
	text-decoration:none;
	color:inherit;
	cursor:pointer
}
a[class] {
	display:block
}
h1, h2, h3, h4, h5 {
	font-weight:400;
	font-style:normal;
	line-height:1;
	font-size:inherit
}
body, html {
	width:100%
}
.etd-h, .etd-wh, body, html {
	height:100%
}
body {
	line-height:1.6;
	-webkit-text-size-adjust:100%;
	font-family:nerislight, "PingFang SC", "Hiragino Sans GB", "Microsoft yahei", sans-serif
}
.ani-c, .bg-fix-full, .bg-full, .cube, .o-hide {
	overflow:hidden
}
.o-x-hide, html {
	overflow-x:hidden
}
.hide {
	visibility:hidden
}
.visi {
	visibility:visible
}
::-moz-selection {
color:#fff;
background:#caa860
}
::-ms-selection {
color:#fff;
background:#caa860
}
::-o-selection {
color:#fff;
background:#caa860
}
::selection {
color:#fff;
background:#caa860
}
*, :after, :before {
	-ms-box-sizing:border-box;
	box-sizing:border-box
}
.fs-12 {
	font-size:12px
}
.fs-14 {
	font-size:14px
}
.fs-16 {
	font-size:16px
}
.fs-18 {
	font-size:18px
}
.fs-24 {
	font-size:24px
}
.fs-36 {
	font-size:36px
}
.fs-48 {
	font-size:48px
}
.fs-64 {
	font-size:64px
}
.fs-72 {
	font-size:72px;
	letter-spacing:20px;color:#ae854d
	margin-left:20px
}
.t-c {
	text-align:center
}
.t-l {
	text-align:left
}
.t-r {
	text-align:right
}
.tcaps-up {
	text-transform:uppercase
}
.c-f {
	color:#fff
}
.c-f2 {
	color:#f2f2f2
}
.c-6 {
	color: #666;
}
.c-ae8952{color:#231f20}
.c-c8 {
	color:#c8c8c8
}
.c-main{color:#d1aa65}
.c-0 {
	color:#000
}
.bgc-f {
	background-color:#fff
}
.bgc-20 {
	background-color:#202020; background-image:url(../resources/news.jpg);
}
.bgc-foot {
	background-color:#202020; background-image:url(../resources/footbg.jpg);
}
.bgc-share {	height: 200px;	background: #a78047 url(../resources/share.png) center top;}
.bgc-headbg {
	background-color:#a78047; background-image:url(../resources/headbg.jpg);
}


.bgc-e6 {
	background-color:#f1eee5
}
.bgc-c8 {
	background-color:#c8c8c8
}
.bgc-main {
	background:#e6e6e6 url(../resources/main.png) center bottom no-repeat; 
}
.bgc-3 {
	background-color:#333
}
.bgc-0 {
	background-color:#000
}

.bgc-submenu {background: #aa8149;
}

.bgc-menu {
background:rgba(171,130,74,0.7);
}

.fm-nl {
	font-family:nerislight
}
.fm-nb {
	font-family:nerissemibold
}
.fm-b {
	font-family:binary_itc_lightregular; 
}
.df-lh {
	line-height:1.4
}
hr {
	background-color:#999;
	height:1px;
	border:0
}
.bg-fix-full, .bg-soll-full, .cube, .nav-h-ul li, .p-re, .pal-c {
	position:relative
}
.p-ab, .pal-b, .pal-lrb, .pal-tl, .pal-tr, .pal-vhc, .scale-img {
	position:absolute
}
.p-fx {
	position:fixed
}
.pal-lrb {
	left:0
}
.pal-c, .pal-tc {
	margin:0 auto
}
.pal-tc, .pal-tl {
	top:0;
	left:0
}
.pal-tr, .pal-vhc {
	top:0;
	right:0
}
.pal-lrb, .pal-tc {
	right:0
}
.pal-b, .pal-lrb, .pal-vhc {
	bottom:0
}
.pal-vhc {
	left:0;
	margin:auto
}
.vh-father {
	display:table
}
.vh-p {
	display:table-cell;
	vertical-align:middle
}
.in-line, a.btn-view {
	display:inline-block
}
.img-hauto, .single-news .content img {
	width:100%;
	height:auto
}
.f-l, .nav-h-ul>li {
	float:left
}
.f-r {
	float:right
}
.v-t {
	vertical-align:top
}
.clear:after {
	content:'';
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	line-height:0
}
.clear, .nav-h-ul {
	zoom:1
}
.opc-2 {
	opacity:.2;
	filter:alpha(opacity=20)
}
.s_top_bar, .wrap-con {
	width:990px;
	max-width:990px;margin: 30px auto 0;
border-radius: 10px;
box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.3);
background: rgba(242, 236, 236, 0.3);
}
.half-w {
	width:50%
}
.half-h {
	height:50%
}
.etd-w, .etd-wh, .wp-header {
	width:100%
}
.coverlayer {
	z-index:30
}
.coverlayer .flippety {
	background-color:#f2f2f2
}
.alert-layer {
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:100
}
.img-loading {
	background:url(../resources/img-loader.gif) no-repeat;
	width:16px;
	height:16px
}
.btn-view {
	width:170px;
	height:50px;
	line-height:50px
}
.btn-view .cube .flippety {
	color:#caa860;background:rgba(0,0,0,0.3);
}
.btn-view span {
	position:relative;
	top:3px
}
.tip-row {
	width:40px;
	height:40px;
	line-height:40px;
	left:50%;
	margin-left:-20px;
	bottom:20px
}
.close-alert-btn, .nor-swbtn, .share-item, .switch-btn {
	width:50px;
	height:50px;
	line-height:52px;
	margin:0 5px
}
.close-alert-btn, .nor-swbtn, .switch-btn {
	margin:0
}
.close-alert-btn {
	font-size:24px
}
.no-touch .close-alert-btn:hover, .no-touch .switch-btn:hover {
	background-color:#caa860;
	color:#fff
}
.nor-swbtn {
	background-color:#e6e6e6;
	color:#c8c8c8;
	cursor:default
}
.cube {
	height:100%
}
.no-trans .ani-title .flop, .touch .flop, .touch .right {
	display:none
}
.touch .ani-title .flop {
	display:block
}
.cube-con {
	-webkit-perspective:1000px;
	-o-perspective:1000px;
	-ms-perspective:1000px;
	perspective:1000px
}
.no-touch .wp-header .cube, .touch .ani-title .cube {
	-webkit-transform:translateZ(-35px);
	-ms-transform:translateZ(-35px);
	transform:translateZ(-35px)
}
.no-touch .btn-view .cube, .no-touch .share-item .cube {
	-webkit-transform:translateZ(-25px);
	-ms-transform:translateZ(-25px);
	transform:translateZ(-25px)
}
.no-touch .f-rcon .cube {
	-webkit-transform:translateZ(-50px);
	-ms-transform:translateZ(-50px);
	transform:translateZ(-50px)
}
.no-touch .flippety, .no-touch .flop, .no-touch .ncube .front, .no-touch .ncube .right, .touch .ani-title .flippety .touch .ani-title .flop {
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.no-trans .right {
	visibility:hidden
}
.no-trans .flop {
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
	width:100%
}
.no-trans .btn-view .cube:hover .flop, .no-trans .cube:hover .flop, .no-trans .ncube:hover .right, .no-trans .share-item .cube:hover .flop {
	visibility:visible
}
.no-touch .ani-c, .no-touch .cube, .no-touch .ncube, .no-touch .qrcode-con, .touch .ani-title .ani-c, .touch .ani-title .cube {
	overflow:visible;
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d
}
.no-touch .flippety, .no-touch .flop, .touch .ani-title .flippety, .touch .ani-title .flop {
	position:relative;
	height:100%;text-align: center;
margin-right: 10px;
}
.no-touch .flippety, .touch .ani-title .flippety {
	background-color: transparent;
border-color: transparent;
-webkit-transform:translateZ(35px);
	-ms-transform:translateZ(35px);
	transform:translateZ(35px)
}
.no-touch .flop, .touch .ani-title .flop {
	-webkit-transform:rotateX(-90deg) translateZ(-35px);
	-ms-transform:rotateX(-90deg) translateZ(-35px);
	transform:rotateX(-90deg) translateZ(-35px)
}
.no-touch .ani, .no-touch .ani-c, .no-touch .cube:hover, .no-touch .f-rcon .cube:hover, .touch .ani, .touch .ani-c {
	-webkit-transform:rotateX(90deg);
	-ms-transform:rotateX(90deg);
	transform:rotateX(90deg)
}
.no-touch .btn-view .flippety, .no-touch .share-item .flippety {
	-webkit-transform:translateZ(25px);
	-ms-transform:translateZ(25px);
	transform:translateZ(25px)
}
.no-touch .btn-view .flop, .no-touch .share-item .flop {
	-webkit-transform:rotateX(-90deg) translateZ(-25px);
	-moz-transform:rotateX(-90deg) translateZ(-25px);
	-o-transform:rotateX(-90deg) translateZ(-25px);
	-ms-transform:rotateX(-90deg) translateZ(-25px)
}
.no-touch .f-rcon .flippety {
	-webkit-transform:translateZ(50px);
	-ms-transform:translateZ(50px);
	transform:translateZ(50px)
}
.no-touch .f-rcon .flop {
	-webkit-transform:rotateX(-90deg) translateZ(-50px);
	-moz-transform:rotateX(-90deg) translateZ(-50px);
	-o-transform:rotateX(-90deg) translateZ(-50px);
	-ms-transform:rotateX(-90deg) translateZ(-50px)
}
.no-csstransforms3d .no-touch .flop {
	position:absolute;
	width:100%
}
.no-csstransforms3d ul.wp-head-nav .flop {
	width:100%
}
.no-csstransforms3d .no-touch .cube:hover .flop {
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%)
}
.no-csstransforms3d .no-touch .cube:hover {
	-webkit-transform:rotateX(0);
	-ms-transform:rotateX(0);
	transform:rotateX(0)
}
.wp-header, .wp-header .cube-con {
	height:70px
}
.mobile-header { display:none;
}

.subnav {
	position:fixed;
	left:0;
	top:60px;
	background-color:#c6ba9a;
	width:100%;
	text-align:center;
	box-shadow:0 8px 16px rgba(0,0,0,.1);
	overflow:hidden;
	opacity:0;
	visibility:hidden;
	-webkit-transform:perspective(800px) rotateX(-90deg);
	transform:perspective(800px) rotateX(-90deg);
	-webkit-transform-origin:center top;
	-ms-transform-origin:center top;
	transform-origin:center top;
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;
	transition:all .6s cubic-bezier(.77,0,.175,1) 0s
}
.has_sub.open .subnav {
	opacity:1;
	visibility:visible;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
.subnav .back_btn {
	display:none;
	width:100%;
	height:60px;
	padding:0 20px;
	text-align:left;
	font-size:12px;
	color:#fff;
	background-color:#c6ba9a;
	font-family:novecento_bold,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
	font-weight:400
}
.subnav .back_btn::before {
	position:relative;
	display:inline-block;
	font-size:20px;
	margin-right:5px;
	margin-bottom:3px
}
.subnav li {
	width:20%;
	float:left;
	-webkit-transition:all .4s cubic-bezier(1,0,0,1);
	transition:all .4s cubic-bezier(1,0,0,1)
}
.subnav li a {
	display:block;
	padding:20px;
	line-height:1;
	color:#fff
}
.subnav li a::before {
	display:block;
	font-size:64px;
	margin:-10px 0 -5px 0
}
.no-touch .subnav li a:hover {
	background-color:#fff;
	color:#c6ba9a
}
.lang_btn {
	display:block;
	float:right;
	width:70px;
	height:60px;
	line-height:60px;
	margin-right:10px;
	text-align:center;
	color:#999;
	overflow:hidden
}
.no-touch .lang_btn:hover {
	background-color:#c6ba9a;
	color:#fff
}
.wp-header {
	z-index:20;
	line-height:70px;text-transform: uppercase;
z-index: 99999;
	background:rgba(0,0,0,0.3);
border-color: transparent;
	-o-box-shadow:0 0 6px rgba(0, 0, 0, .1);
	-ms-box-shadow:0 0 6px rgba(0, 0, 0, .1);
	box-shadow:0 0 6px rgba(0, 0, 0, .1)
}
.h-qrcode-btn, .mobile-menu {
	width:60px
}
.wp-nav {
	margin-right:60px
}
.wp-logo img {
width: 160px;
height: 55px;
}
.wp-logo {
	width:291px
}
.selected-header-nav p.flippety {
	color:#caa860
}
.selected-header-nav p.flippety span {
	left:20px;
	right:20px;
	height:4px
}
.no-touch .wp-nav .cube:hover p.flippety span {
	background-color:transparent
}
.no-trans .qrcode-con {
	visibility:hidden
}
.qrcode-con {
	top:70px;
	line-height:40px;
	-webkit-transform:perspective(600px) rotateX(-90deg);
	-ms-transform:perspective(600px) rotateX(-90deg);
	transform:perspective(600px) rotateX(-90deg);
	-webkit-transform-origin:center top;
	-ms-transform-origin:center top;
	transform-origin:center top;
	text-align: center;
}
.qrcode-con ul {
	padding:50px 0 30px
}
.qrcode-con ul li {
	display:inline-block;
	padding:10px 14px;
	float:none
}
.qrcode-con img {
	width:129px;
	height:129px
}
.qrcode-con a {
	text-decoration:underline
}
.qrcode-con a:hover {
	color:#caa860
}
.no-trans .qrcode-show { background-image:url(../resources/submenu.png) ;
	visibility:visible
}
.qrcode-show { 
	-webkit-transform:perspective(600px) rotateX(0);
	-ms-transform:perspective(600px) rotateX(0);
	transform:perspective(600px) rotateX(0)
}
.ani-title h2 {
	float:left;
	height:70px;
	line-height:70px;
	cursor:default
}
.f-rcon .cube-con, .wp-footer {
	height:100px;
	line-height:100px;border-top: 1px dashed #231f20;
}
.f-rcon p {
	margin-right:330px
}
.f-rcon img {
	width:auto;
	height:40px;
	padding:0 44px
}
.no-touch .wp-footer a:hover, .no-trans .wp-footer a:hover, .selected-foot-nav {
	color:#fff
}
.h_brand .con {
	padding:156px 0
}
.p-item420 {
	padding:160px
}
.brand_info .info {
padding: 20px 80px 0;
margin-top: -120px;
margin-bottom: 30px;
}
.a-d-t, .a-t-d, .ani, .sc-h-s, .stores_bg {
	opacity:0
}
.a-t-d {
	top:50px
}
.a-d-t {
	top:-50px
}
.no-trans .a-t-d, .stores_bg {
	filter:alpha(opacity=0)
}
.no-trans .a-d-t {
	filter:alpha(opacity=0)
}
.no-trans .ani, .no-trans .sc-b-c, .no-trans .sc-h-s {
	filter:alpha(opacity=0)
}
.h_store a:hover p {

}
.plus {
	width:40px;
	height:40px;
	line-height:40px;
	left:50%;
	top:50%;
	margin:-20px 0 0 -20px
}
.gallery li {
	cursor:pointer
}
.controller {
	width:100px;
	height:50px;
	left:0;
	right:0;
	margin:0 auto
}
.no-touch .gallery li:hover img {
	-webkit-transform:scale(1.04);
	-ms-transform:scale(1.04);
	transform:scale(1.04)
}
.no-touch .gallery li:hover .plus {
	opacity:1;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
.gallery li p {
	background-color:#000;
	opacity:.1;
	filter:alpha(opacity=10)
}
.gallery li:hover p {

}
.no-trans .gallery li:hover .plus {
	filter:alpha(opacity=100)
}
.grab {
	cursor:move;
	cursor:-webkit-grab;
	cursor:grab
}
.grabbing {
	cursor:-webkit-grabbing;
	cursor:grabbing
}
.gallery-list .a-d-t {
	bottom:0
}
.alert-layer div.mejs-container {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	margin:auto
}
.alert-layer div.mejs-container .mejs-controls {
	overflow:hidden;
	display:none!important
}
.alert-layer .switch-btn {
	top:50%;
	margin-top:-25px
}
.alert-layer .next-btn {
	right:0
}
.brand .brand_info .info {
	padding:50px 50px 0
}
.brand .p-item420 h3 {
	letter-spacing:15px;
	margin-left:5px
}
.brand .p-item420 p {
	letter-spacing:5px;
	margin-left:25px
}
.crafting_info, .design_info, .shell_info {
	padding:40px 50px 0
}
.no-touch .ncube {
	-webkit-transform:translateZ(-156px);
	-ms-transform:translateZ(-156px);
	transform:translateZ(-156px)
}
.no-touch .ncube .front {
	-webkit-transform:translateZ(156px);
	-ms-transform:translateZ(156px);
	transform:translateZ(156px)
}
.no-touch .ncube .right {
	-webkit-transform:rotateY(90deg) translateZ(156px);
	-ms-transform:rotateY(90deg) translateZ(156px);
	transform:rotateY(90deg) translateZ(156px)
}
.no-touch .ncube:hover {
	-webkit-transform:translateZ(-156px) rotateY(-90deg);
	-ms-transform:translateZ(-156px) rotateY(-90deg);
	transform:translateZ(-156px) rotateY(-90deg)
}
.initnews {
	opacity:0;
	-webkit-transform:translate(0, 20px);
	-ms-transform:translate(0, 20px);
	transform:translate(0, 20px)
}
.no-trans .initnews {
	filter:alpha(opacity=0)
}
.no-csstransforms3d .no-touch .right {
	visibility:hidden;
	-webkit-transform:rotateY(0);
	-ms-transform:rotateY(0);
	transform:rotateY(0)
}
.no-csstransforms3d .no-touch .ncube:hover .right {
	visibility:visible
}
.no-csstransforms3d .no-touch .ncube:hover {
	-webkit-transform:rotateY(0);
	-ms-transform:rotateY(0);
	transform:rotateY(0)
}
.news_item .cube-con {
width: 316px;
height: 250px;
overflow: hidden;
box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.3);
}
.news_item {
width: 320PX;

}

.citem {
width: 25%;
height: 200px;

}
.citem .con, .news_item .con {
	margin:2px
}
.news_item .img_con {
	height:210px
}
.news_item .img_con img {
	opacity:.9;
	filter:alpha(opacity=90)
}
.news_item .info_con {
	height:60px
}
.date {
	width:160px;
	height:40px;
	line-height:40px;
	margin-top:-20px
}
.news_item .vh-father {
	margin-top:-20px
}
.news_item.video_item .vh-father {
	margin-top:0
}
.news_item .vh-p {
	background: #caa860;
height: 45px;
line-height: 45px;
}
.news_item .vh-p p {
	height:44px;
	overflow:hidden
}
.single-news {
	padding-top:70px
}
.single-news .date {
	margin-left:50px
}
.single-news .content p {
	margin-bottom:20px
}
.single-news .content a {
	color:#caa860
}
.single-news .content h4 {
	font-size:24px;
	color:#000;
	margin-bottom:20px
}
.videos .news_item {
	cursor:pointer;margin-bottom: 10px;
}
#seletct {
	line-height:50px;
	width:260px;
	height:50px
}
.no-trans #seletct {
	height:auto
}
#seletct .pal-tr {
	margin-right:20px;
	line-height:60px
}
#seletct .btn {
	cursor:pointer
}
.select-layer {
	height:0
}
.select-layer li {
	height:48px;
	border-top:solid 1px #666
}
.no-touch .select-layer li:hover, .no-trans .select-layer li:hover {
	background-color:#caa860;
	color:#fff
}
.open-select {
	height:245px;
	top:-50px;
	overflow-y:scroll
}
.open-select-andriod {
	height:195px;
	overflow-y:scroll
}
.s_top_bar {
	height:50px;
	line-height:50px;
	z-index:2
}
.s_ui {
	overflow-y:scroll
}
.s_city_list li {
	width:33%;
	margin-top:40px
}
.s_city_list div {
	margin-right:40px
}
.term .wrap-con h3, .term .wrap-con p {
	margin-bottom:3px
}
.campaign .banner .btn-view span, .contact .btn-view span {
	margin-right:14px
}
.contact .citem .con {
	margin:1px;padding: 0 10px;
}
.no-touch .contact li a:hover {
	background-color:#1d1d1d
}
.no-touch .contact li a:hover .c-0, .no-touch .contact li a:hover p {
	color:#fff
}
.no-trans .contact li a:hover .c-0, .no-trans .contact li a:hover p {
	color:#fff
}
.no-trans .contact li a:hover {
	background-color:#caa860
}
.no-touch .investment li:hover a .c-0, .no-touch .investment li:hover a p {
	color:#caa860
}
.no-touch .jobs li:hover a .c-0, .no-touch .jobs li:hover a p {
	color:#caa860
}
.no-trans .investment li:hover a p, .no-trans .investment li:hover a span.c-0 {
	color:#caa860
}
.no-trans .jobs li:hover a p, .no-trans .jobs li:hover a span.c-0 {
	color:#caa860
}
.bg-fix-full, .bg-full {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	overflow:hidden
}
.bg-fix-full {
	background-attachment:fixed
}
.touch .bg-fix-full, .touch .bg-full {
	background-attachment:scroll
}
.a-content {
	line-height:1.8
}
.no-touch .nav-bar:hover, .no-trans .nav-bar:hover {
	background-color:#caa860
}
.no-touch .nav-bar:hover h3, .no-touch .nav-bar:hover p, .no-trans .nav-bar:hover h3, .no-trans .nav-bar:hover p {
	color:#fff
}
.nav-bar {
	height:50px;
	line-height:50px;
	margin-top:2px;
	cursor:pointer
}
.nav-bar h3, .nav-bar p {
	display:inline-block;
	line-height:50px
}
.honors_list li {
	width:25%
}
.a-content li, .txt_ul li {
	list-style:disc;
	margin-left:20px
}
.mg-t-20 {
	margin-top:20px
}
.mg-t-50 {
	margin-top:50px
}
.mg-t-100 {
	margin-top:100px
}
.mg-b-100 {
	margin-bottom:100px
}
.mg-l-50 {
	margin-left:50px
}
.mg-lr-10 {
	margin:0 10px
}
.mg-lr-50 {
	margin:0 50px
}
.p-lr-20, .wp-head-nav a p {
	padding:0 20px
}
.p-50 {
	padding:50px
}
.p-tb-50 {
	padding:50px 0
}
.p-tb-100 {
	padding:100px 0
}
@media (max-width:1124px) {
.fs-72 {
font-size:64px;
letter-spacing:18px;
margin-left:18px
}
.f-nav {
text-align:center;
margin-left:auto
}
.f-rcon {
position:relative;
top:auto;
background-color:#181818
}
.f-rcon p {
margin:0 0 0 40px
}
}
@media (max-width:960px) {
.ani-title h2 {
height:64px;
line-height:64px
}
.ani-title {
margin-bottom:-10px
}
.s_top_bar, .wrap-con {
width:100%
}
header .mg-lr-10 {
margin:0
}
.wp-logo {
width:240px
}
.wp-logo .flippety, header .wp-logo .flop {
padding:0 20px
}
.wp-logo img {
width:100%;
height:auto
}
.wp-nav a p {
font-size:12px
}
.brand_info .info {
margin-top:-90px
}
.h_brand .con {
padding:150px 0
}
.p-item420 {
padding:100px
}
.news_item.nhide {
display:none
}
.news .wrap-con, .videos .wrap-con {
width:640px
}
.citem {
width:100%;
height:auto
}
.citem .con {
padding:40px 0;
margin:0 0 2px
}
.citem .half-h {
height:auto
}
.citem .pal-lrb {
position:static
}
}
@media (max-width:767px) {
.no-touch .cube-con {
overflow:hidden
}
.no-touch .cube {
-webkit-transform:translateZ(-30px);
-ms-transform:translateZ(-30px);
transform:translateZ(-30px)
}
.no-touch .flippety {
-webkit-transform:translateZ(30px);
-ms-transform:translateZ(30px);
transform:translateZ(30px)
}
.no-touch .flop {
-webkit-transform:rotateX(-90deg) translateZ(-30px);
-ms-transform:rotateX(-90deg) translateZ(-30px);
transform:rotateX(-90deg) translateZ(-30px)
}
.no-touch .f-rcon .cube {
-webkit-transform:translateZ(-35px);
-ms-transform:translateZ(-35px);
transform:translateZ(-35px)
}
.no-touch .f-rcon .flippety {
-webkit-transform:translateZ(35px);
-ms-transform:translateZ(35px);
transform:translateZ(35px)
}
.no-touch .f-rcon .flop {
-webkit-transform:rotateX(-90deg) translateZ(-35px);
-moz-transform:rotateX(-90deg) translateZ(-35px);
-o-transform:rotateX(-90deg) translateZ(-35px);
-ms-transform:rotateX(-90deg) translateZ(-35px)
}
.wp-header, .wp-header .cube-con {
height:60px
}
.wp-header {
line-height:60px
}
.mobilehead {

}
.wp-header .mg-lr-10 {
margin:auto
}
.wp-header .mg-lr-10 {
-o-box-shadow:0 0 6px rgba(0, 0, 0, .1);
-ms-box-shadow:0 0 6px rgba(0, 0, 0, .1);
box-shadow:0 0 6px rgba(0, 0, 0, .1)
}
.w-top {
z-index:1
}
.h-qrcode-btn {
z-index:2
}
.w-top, .wp-head-nav li {
background-color:#fff
}
.selected-header-nav p.flippety {
display:inline-block;
position:relative
}
.selected-header-nav p.flippety span {
bottom:-1px
}
.mobile-menu span {
margin-top:18px
}
.mobile-menu {
visibility:visible
}
.wp-nav {
left:0;
margin-right:0;
text-align:left
}
.wp-head-nav li {
width:100%;
border-top:1px solid #c8c8c8;
height:60px
}
.wp-logo {
width:200px;
left:60px;
right:60px;
margin:0 auto
}
.wp-logo img {
width: auto;
height:40px
}
.h_news{margin-top: -29px;}
.pc{display:none}
.bgc-share{display:none}
.bottom_tools{display:none}
.qrcode-show {
top:60px;
visibility:visible
}
.no-touch .qrcode-con, .qrcode-con {
top:60px
}
.show-wp-nav {
position:relative
}
.f-nav, .f-rcon p {
height:60px;
line-height:60px;
margin-right:auto;
font-size:11px
}
.f-rcon {
text-align:center
}
.f-rcon p {
margin:auto
}
.f-rcon .cube-con {
height:70px;
line-height:70px
}
.f-rcon a {
position:relative;
top:auto
}
.open-select {
height:196px;
top:-100px;
overflow-y:scroll
}
.alert-layer .switch-btn {
display:none
}
}
@media (max-width:767px) and (orientation:landscape) {
header.p-fx {
position:relative
}
}



@media  (max-width: 1920px) and (min-width:768px) {
.mobilehead {display:none}
 }
@media (max-width:641px) {
.fs-72 {
font-size:36px;
letter-spacing:10px;
margin-left:10px
}
.fs-48 {
font-size:30px
}
.fs-36 {
font-size:24px
}
.fs-24 {
font-size:18px
}
.fs-14, .fs-18 {
font-size:12px
}
.mg-t-20 {
margin-top:10px
}
.mg-t-50 {
margin-top:25px
}
.mg-lr-50 {
margin:0 25px
}
.mg-t-100 {
margin-top:50px
}
.mg-b-100 {
margin-bottom:50px
}
.p-50 {
padding:25px
}
.p-tb-50 {
padding:25px 0
}
.p-tb-100 {
padding:50px 0
}
.btn-view span {
font-size:16px
}
.ani-title h2 {
height:40px;
line-height:40px
}
.no-touch .cube, .touch .ani-title .cube {
-webkit-transform:translateZ(-18px);
-ms-transform:translateZ(-18px);
transform:translateZ(-18px)
}
.no-touch .flippety, .touch .ani-title .flippety {
-webkit-transform:translateZ(18px);
-ms-transform:translateZ(18px);
transform:translateZ(18px)
}
.no-touch .flop, .touch .ani-title .flop {
-webkit-transform:rotateX(-90deg) translateZ(-18px);
-ms-transform:rotateX(-90deg) translateZ(-18px);
transform:rotateX(-90deg) translateZ(-18px)
}
.w-top .fs-24 {
font-size:24px
}
.qrcode-con ul {
padding:20px 0 10px
}
.h_brand p.fs-18 {

}
.home .h_brand .con {
padding:80px 0
}
.p-item420 {
padding:50px
}
.brand_info .info {
margin-top:-50px;
padding:50px 40px 0
}
.brand .brand_info .info {
padding:50px 30px 0
}
.brand .p-item420 p {
letter-spacing:10px;
margin-left:10px
}
.crafting_info, .design_info, .shell_info {
padding:20px 30px 0
}
.h_news .wrap-con, .news .wrap-con, .videos .wrap-con {
width:100%
}
.news .p-tb-50, .videos .p-tb-50 {
padding:50px 0
}
li.news_item {
float:none;
margin-bottom:2px
}
.news_item .con {
margin:auto
}
.single-news .title {
margin-bottom:20px
}
.single-news .date {
margin-left:25px
}
.single-news .content p {
margin-bottom:10px
}
.s_city_list {
margin-top:50px
}
.s_city_list .fs-18 {
font-size:16px
}
.s_city_list li {
width:50%;
margin-top:20px
}
.s_city_list div {
margin:0 20px
}
.investment h2, .jobs h2, .term h2 {
margin-top:20px
}
.term .wrap-con h3, .term .wrap-con p {
margin-bottom:20px
}
.inverstment .mg-t-20 {
margin-top:40px
}
.contact .p-tb-50 {
padding:50px 0 20px
}
.contact .btn-view {
width:150px
}
.f-rcon p {
font-size:10px
}
.f-rcon #icp {
display:none
}
}
@media (max-width:360px) {
.s_top_bar, .wrap-con {
width:100%
}
.wp-logo {
width:auto
}
.qrcode-con li.p-lr-20 {
padding:5px 10px
}
.s_city_list li {
width:100%
}
.investment h2, .term h2 {
letter-spacing:2px
}
.investment ul, .jobs .nav-h-ul {
width:100%;
margin-top:-24px
}
.investment li, .jobs .nav-h-ul li {
float:none;
margin:0 0 1px;
padding:14px 0;
background-color:#fff
}
}
.no-touch .close-alert-btn, .no-touch .cube, .no-touch .ncube, .no-touch .qrcode-con, .no-touch .wp-footer a, .touch .ani-title .cube, .touch .ncube, .touch .wp-header nav, .trans {
-webkit-transition:all .5s cubic-bezier(.445, .145, .355, 1);
-webkit-transition:all .6s cubic-bezier(.445, .145, .355, 1);
transition:all .6s cubic-bezier(.445, .145, .355, 1)
}
.trans-1, .ts-txt {
	-webkit-transition:all 1s cubic-bezier(.165, .74, .44, 1);
	transition:all 1s cubic-bezier(.165, .74, .44, 1)
}
.an-f-t {
	top:-100%
}
.ani-f-b {
	bottom:-100%
}
.no-trans .an-f-t {
	top:0
}
.no-trans .ani-f-b {
	bottom:0
}
.no-touch .sc-b-c, .touch .sc-b-c {
	opacity:0
}
.no-touch .sc-b-c, .touch .sc-b-c {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
.no-touch .sc-h-s, .touch .sc-h-s {
	opacity:0;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0)
}
.touch .hide-on-touch {
	display:none
}
#bsBox, #bsBox:after, #bsBox:before, #bsBox>div>div>div, #bsBox>div>div>div:after, #bsBox>div>div>div:before, #bsWXBox, #bsWXBox:after, #bsWXBox:before {
	box-sizing:content-box
}
#bsWXBox {
	background:#fff!important
}
#bsBox {
	width:300px!important;
	height:400px!important;
	margin-left:-150px!important;
	margin-top:-200px!important;
	background:0 0!important;
	padding:0!important;
	border:2px solid #fff!important
}
#bsBox .bsTop {
	width:300px!important
}
#bsBox #bsMorePanel {
	width:300px!important;
	height:376px!important
}
#bsBox .bsPlatDiv {
	width:300px!important;
	height:316px!important;
	padding:5px!important
}
#bsBox .bFind {
	width:200px!important
}
.bsClose {
	top:0!important;
	right:0!important;
	width:30px;
	height:24px;
	line-height:24px!important;
	text-align:center
}
#bsWXBox .bsClose {
	top:6px!important;
	right:6px!important
}
.bsBox {
	box-shadow:0 4px 16px rgba(0, 0, 0, .5)
}
a.bsSiteLink {
	color:#666
}
@media all and (max-height:420px) {
#bsBox {
height:224px!important;
margin-top:-112px!important
}
#bsBox #bsMorePanel {
height:200px!important
}
#bsBox .bsPlatDiv {
height:140px!important
}
}

@media all and (max-height:1920px) {
.mobile{dispaly:none}
}
@media all and (max-height:1600px) {
.mobile{dispaly:none}
}


.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    background: #e9e9e9;
    padding: 0;
    margin: 0;
}

.menu > ul > li a {
    text-decoration: none;
    padding: 1.5em 3em;
    display: block;
}

.menu > ul > li:hover {
    background: #f0f0f0;
}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #f0f0f0;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
}

.menu > ul > li > ul > li a {
    color: #777;
    padding: .2em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #ccc;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}
.nav-links{margin-top:20px}
.border-top {
  display: inline-block;
  padding-top: 20px;
  border-top: 1px solid #d7d0d0;width: 100%;
margin-top: 14px;
}
.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}


/* 每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每
Mobile style's
每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每每 */

@media only screen and (max-width: 959px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
}