.layout {
	min-height:100vh;
	background:#F2E9D8;
	position:relative;
}
.layout.selected {
	/* overflow:hidden;
	height:100vh; */
}
.layout::before {
	position:fixed;
	content:"";
	left:0;
	right:0;
	top:0;
	z-index:3;
	height:14.739583333333334rem;
	background:linear-gradient( 180deg,#F2E9D8 0%,rgba(242,233,216,0) 100%);
	opacity:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 鍜� Chrome*/
	-o-transition:all 0.3s;
	display:none;
}
.layout.linear::before {
	opacity:1;
	display:block;
}
.header .logo {
	mix-blend-mode:difference;
	position:fixed;
	left:3.958333rem;
	top:1.5625rem;
	z-index:111;
}
.header .logo a {
	transition:all 1.8s ease;
	width:12.03125rem;
	height:2.8125rem;
	background-size:100% auto;
	background-repeat:no-repeat;
	background-image:url(../../images/wlogo.png);
	display:block;
}
.header .rt h5 {
	font-weight:400;
	font-size:16px;
	color:#790607;
	line-height:1.875rem;
	padding-right:1rem;
	/* background:url(../../images/ar2.png) no-repeat right center/0.5375rem auto; */
	margin-right:2rem;
	text-transform:uppercase;
	background-size: 0.6375rem auto !important;
}
.header .rt {
	display:flex;
	align-items:center;
	mix-blend-mode:normal;
	position:fixed;
	right:1.958333rem;
	top:1.5625rem;
	z-index:111;
}
.header .rt ul {
	display:flex;
	align-items:center;
	margin-right:2.1875rem;
}
.header .rt li a {
	font-weight:400;
	font-size:15px;
	color:#000000;
	line-height:1.5625rem;
}
.header .rt li i {
	font-weight:400;
	font-size:15px;
	color:#000000;
	line-height:1.5625rem;
	margin:0 0.2604166666666667rem;
}
.menu {
	width: 100px;
	height:41px;
	background:#000000;
	display:flex;
	justify-content:center;
	align-items:center;
	cursor:pointer;
}
.menu i {
	font-weight:400;
	font-size:15px;
	color:#FEFFEF;
	line-height:1.5625rem;
	margin-right:0.8333333333333334rem;
}
.menu .gh {
	display:block;
	position:static;
}
.uhome {
	position:relative;
	overflow:hidden;
	min-height:100vh;
}
.uhome .text {
	position:relative;
	margin-top:5.177083333333334rem;
	z-index:3;
	padding-bottom:2.0833333333333335rem;
}
.uhome .text ul {
	padding-left:3.658333rem;
}
.uhome .text li {
	position:relative;
	margin-bottom:-1.0416666666666667rem;
}
.uhome .text li:nth-child(2) {
	margin-left:10rem;
}
.uhome .text li:nth-child(3) {
	margin-left:3.260417rem;
}
.uhome .text li h3 a {
	font-weight: bold;
	font-size:4.5rem;
	color:#790607;
	line-height:9.5rem;
	text-transform:uppercase;
	display:inline-block;
	position:relative;
	z-index:2;
	
	-webkit-text-stroke:4px #790607;
	  text-stroke: 4px #790607;
}
.uhome .text li h4 a {
	
	font-size:2.3333333333333335rem;
	color:#790607;
	line-height:3.208333333333334rem;
	text-align:center;
	display:inline-block;
	opacity:0;
}
.uhome .text li h4 {
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	text-align: center;
}
.uhome .text li.on h4 {
	z-index:3;
}
.uhome .text li:nth-child(1) h3 a {
	transform-origin:left center;
}
.uhome .text li h3 a:hover {
	transform:scale(1.1);
}
.uhome .text li.on h3 a {
	opacity:0;
}
.uhome .text li.on h4 a {
	opacity:1;
}
.uhome .habout {
	padding-left:23.802083333333336rem;
	background:url(../../images/wline.png?v=1.1) left center/22.760416666666668rem auto;
	margin-top:2.0833333333333335rem;
	background-repeat: repeat-y !important;
}
.uhome .habout p {
	font-weight:400;
	font-size: 14px;
	color:#212121;
	line-height: 2.1;
}
.uhome .habout .ubtn {
	width:7.604166666666667rem;
	line-height:2.5rem;
	border:1px solid #000000;
	text-align:center;
	font-weight:400;
	font-size:1.0416666666666667rem;
	color:#000000;
	margin-top:1.3541666666666667rem;
	display:block;
}
.uhome .piclist {
	position:absolute;
	right:1.9270833333333335rem;
	top:0;
	width:51.25rem;
	display:flex;
	justify-content:space-between;
	bottom:0;
	overflow:hidden;
}
.uhome .piclist .bd1 {
	width:26.145833333333336rem;
	height:100vh;
	position:relative;
}
.uhome .piclist .bd2 {
	width:24.0625rem;
	height:100vh;
	position:relative;
}
.uhome .piclist ul{
	overflow: hidden;
}
.uhome .piclist li {
	margin-top:0.78125rem;
}
.uhome .piclist li img {
	width:100%;
	display:block;
}
.bd2 .clone {
	position:absolute;
	top:0;
	left:0;
}
.wrap {
	margin:0 auto;
	width:72.91666666666667rem;
}
.uwrap {
	margin:0 4.010416666666667rem;
}
.uqbanner {
	height:33.333333333333336rem;
	overflow:hidden;
}
.uqbanner .wrap {
	height:100%;
	display:flex;
	justify-content:flex-end;
	align-items:flex-end;
	padding-bottom:5.208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	width: auto;
	margin: 0 4.010416666666667rem;
}
.uqbanner .txt {
	text-align:right;
}
.uqbanner h1 {
	font-weight:400;
	font-size:2.8rem;
	color:#FFFFFF;
}
.uqbanner .tx{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.uqbanner p {
	
	font-size: 16px;
	color:#FFFFFF;
	line-height:1.8;
	margin:0.9375rem 0 1.5625rem;
	max-width: 30.833333rem;
}
.uqbanner .btn {
	width:7.78125rem;
	line-height:2.2rem;
	border:1px solid #FFFFFF;
	font-weight:400;
	font-size: 14px;
	color:#FFFFFF;
	display:block;
	text-align:center;
	display:inline-block;
}
.uqbanner .btn:hover {
	/* background:#fff;
	color:#000;*/;
}
.fashion {
	background:#F2E9D8;
	padding:2.0833333333333335rem 0 0.2604166666666667rem;
}
.fashion li {
	margin-bottom:3.4375rem;
}
.fashion .hs {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.fashion .hs h3 {
	
	font-size:1.5rem;
	color:#000000;
	line-height:2.8125rem;
}
.fashion .hs dl {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.fashion .hs dd a {
	opacity: 0.5;
	font-size:1.0416666666666667rem;
	color:#000000;
	line-height:1.5625rem;
	display:block;
	margin-left:1.5625rem;
}
.fashion .hs dd.on a,
.fashion .hs dd a:hover{
	opacity: 1;
}
.fashion .hs {
	margin-bottom:1.1458333333333335rem;
}
.piclist dl {
	/* display:flex;
	flex-wrap:wrap; */
}
.piclist dd img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 鍜� Chrome*/
	-o-transition:all 0.3s;
}
.piclist dd a:hover img {
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	/* IE 9*/
	-moz-transform:scale(1.1);
	/* Firefox*/
	-webkit-transform:scale(1.1);
	/* Safari 鍜� Chrome*/
	-o-transform:scale(1.1);
}
.piclist dd {
	/* width:20%; */
	height:14.0625rem;
	overflow:hidden;
}
.uqbanner1 {
	height:17.291666666666668rem;
}
.uqbanner1 .wrap {
	display:flex;
	justify-content:center;
	align-items:center;
	padding-bottom:0;
}
.uqbanner h2 {
	font-weight:400;
	font-size:3.125rem;
	color:#FFFFFF;
	line-height:1.5;
}
.fashion1 {
	background:#C5BCAB;
}
.fashion1 li {
	margin-bottom:1.5625rem;
}
.fashmore {
	background:#F2E9D8;
	padding:4.166666666666667rem 0;
}
.fashmore .text {
	font-weight:400;
	font-size: 16px;
	color:#000000;
	line-height:2.2;
	padding-bottom:6.770833333333334rem;
}
.fashmore .text img {
	width:100%;
	display:block;
	height:auto;
}
.fashmore .bns {
	font-weight:400;
	font-size:2rem;
	color:#212121;
	line-height:3.75rem;
	display:block;
	text-align:center;
}
.about li {
	display:flex;
	justify-content:space-between;
}
.about li:nth-child(2n) {
	flex-direction:row-reverse;
	height: 39.322916rem;
}
.about li .pic {
	height:100%;
	overflow:hidden;
}
.about li .pic video,.about li .picdl img,.about li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.about li .text {
	background:#C5BCAB;
	display:flex;
	justify-content:center;
	align-items:center;
	
	font-size: 16px;
	color:#1D1917;
	line-height:2.1;
}
.about li .text p{
	max-width: 36.458333rem;
	margin: 0 auto;
}
.about li .ls {
	width: 38%;
}
.about li:nth-child(2) .ls{
	width: 38%;
}
.about li .rs {
	flex: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5%;
}
.about li .picdl {
	display:flex;
	justify-content:space-between;
	align-items:center;
	background:#716760;
	padding:0 3.28125rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.about li .picdl video {
	width: 100%;
	display:block;
	object-fit:contain;
	aspect-ratio: 1 / 1.78;
}
.about li .links {
	background:#524038;
	display:flex;
	justify-content:center;
	align-items:center;
}
.about li .links>div {
	display:flex;
}
.about li .links dl {
	flex:1;
	margin-left:3rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.about li .links dd {
	display:flex;
	align-items:center;
	font-size:12px;
	margin:0.3rem 0;
}
.about li .links .img {
	margin:0 auto;
	overflow:hidden;
}
.about li .links .img img {
	width: 27.34375rem;
	display:block;
}
.about li .links dd .ico {
	height:2rem;
	display:block;
	width:5rem;
}
.about li .links dd .ico img{
	height: 100%;display: block;
	object-fit:contain;
}
.abobanner {
	height:55.729166rem;
	overflow:hidden;
	position:relative;
	display:flex;
	justify-content:flex-start;
	align-items: center;
}
.abobanner .flax {
	margin-left: 3.90625rem;
}
.abobanner .txt {
	position:relative;
	z-index:2;
}
.abobanner h2 {
	font-weight:400;
	font-size:5rem;
	color:#FFFFFF;
	line-height:1.4;
	margin-bottom: 1.2rem;
}
.abobanner h4 {
	font-weight:400;
	font-size:1.875rem;
	color:#FFFFFF;
	line-height:1.6;
	margin-bottom:2.3958333333333335rem;
}
.abobanner p {
	
	font-size:14px;
	color:#FFFFFF;
	line-height: 2.1;
}
.abobanner .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.abobanner .pic {
	width: calc(100% - 39.6875rem - 3.90625rem);
	position:absolute;
	right:3.90625rem;
	top:50%;
	z-index:1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	/* IE 9*/
	-moz-transform:translateY(-50%);
	/* Firefox*/
	-webkit-transform:translateY(-50%);
	/* Safari 鍜� Chrome*/
	-o-transform:translateY(-50%);
}
.albtime {
	position:relative;
}
.albtime::before,.albtime::after {
	content:"";
	position:absolute;
	left:0;
	top:-1rem;
	bottom:-1rem;
	z-index:2;
	width:25.260416666666668rem;
	background:linear-gradient( 270deg,rgba(242,233,216,0) 0%,#F2E9D8 100%);
	pointer-events:none;
}
.albtime::after {
	left:auto;
	right:0;
	transform:rotate(180deg);
}
.albtime li {
	font-weight:400;
	font-size:1.0416666666666667rem;
	color:#757575;
	line-height:3.75rem;
	cursor:pointer;
	padding-top:1.5625rem;
	position:relative;
	width:12.1875rem;
	text-align:center;
}
.albtime li  span{
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
	-o-transition:all 0.3s;
}
.albtime li i {
	content:"";
	position:absolute;
	right:0;
	left:0;
	top:0;
	width:0.10416666666666667rem;
	height:1.5625rem;
	margin:-0.364583rem auto 0;
	background:#790607;
}
.albtime li::before {
	content:"";
	position:absolute;
	left:50%;
	top:0;
	width:12.083333333333334rem;
	height: 0.729166rem;
	background:url(../../images/uline1.png) no-repeat center/100% 100%;
}
.albtime li:nth-child(1)::after {
	content:"";
	position:absolute;
	right:50%;
	top:0;
	width:12.083333333333334rem;
	height: 0.729166rem;
	background:url(../../images/uline1.png) no-repeat center/100% 100%;
}
.albtime li.on {
	font-size:2.5rem;
	color:#790607;
}
.albtime {
	margin-top:4.25rem;
}
.layout {
	overflow:hidden;
}
.swiperul{
	overflow: hidden;
	height: 32.291666rem;
}
.albswippic {
	overflow:hidden;
	margin:0 1.875rem;
	margin-top:9.375rem;
}
.albswippic li {
	margin-right:0.8333333333333334rem;
	overflow:hidden;
}
.albswippic li img {
	height:22.34375rem;
	display:block;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 鍜� Chrome*/
	-o-transition:all 0.3s;
}
.albswippic li a:hover img {
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	/* IE 9*/
	-moz-transform:scale(1.1);
	/* Firefox*/
	-webkit-transform:scale(1.1);
	/* Safari 鍜� Chrome*/
	-o-transform:scale(1.1);
}
.albswippic ul {
	display:flex;
}
.albswippic {
	display:none;
	overflow:hidden;
}
.albswippic:first-child {
	display:block;
}
.albswippic ul {
	list-style:none;
	display:flex;
	height:100%;
	align-items:center;
}
.albswippic li {
	flex-shrink:0;
}
.uqnavs {
	background:#F2E9D8;
	padding-top:5.208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	top:0;
	z-index:99;
	overflow-y:scroll;
	padding-bottom:2.0833333333333335rem;
	display:none;
}
.uqnavs .tps {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.uqnavs .tps .pic {
	width:22rem;
	position: relative;
}
.uqnavs .tps .pic .djck{
	position: absolute;display: block;
	left: 100%;bottom: 0;z-index: 11;
	margin-left: 1.041666rem;
		width: 175px;
}
.uqnavs .tps .pic .djck:hover{
	transform: scale(1.1);
}
.uqnavs .tps .pic img {
	width:100%;
	display:block;
	object-fit:cover;
}
.uqnavs .rts {
	width:calc(100% - 33.85416666666667rem);
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	row-gap:4.6875rem;
	column-gap:1.0416666666666667rem;
	flex-wrap:wrap;
}
.uqnavs .rts dl {
	flex:1;
	min-width:45%;
	max-width:calc(50% - 0.78125rem);
	padding:0 0.2604166666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.uqnavs .rts dd a,.uqnavs .rts dt {
	white-space:nowrap;
}
.uqnavs .rts dt {
	font-weight:400;
	font-size:2rem;
	color:#790607;
	display:block;
	margin-bottom:2.0833333333333335rem;
}
.uqnavs .rts dd a {
	font-weight:400;
	font-size:1.2rem;
	color:#524038;
	line-height:2.3958333333333335rem;
	display:inline-block;
	margin-bottom:1.0416666666666667rem;
}
.uqnavs .rts dd a:hover,.uqnavs .rts  dd.on a {
	font-weight:400;
	font-size:1.6666666666666667rem;
	color:#790607;
}
.uqnavs .rts dd a:hover {
	font-size:1.8rem;
}
.uqnavs .tbs {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:2.5rem;
}
.uqnavs .tbs dl {
	display:flex;
	align-items:center;
}
.uqnavs .tbs dd img {
	height:2.447916666666667rem;
	display:block;
	object-fit:contain;
}
.uqnavs .tbs dd {
	margin-right:1.5625rem;
	font-size: 12px;
	    text-align: center;
}
.uqnavs .tbs dd:last-child {
	margin-right:0;
}
.uqnavs .tbs h6 {
	font-weight:400;
	font-size: 16px;
	color:#000000;
	line-height:1.875rem;
}
.uqnavs .tbs h6 a {
	color:#000000;
	position:relative;
	top:0.10416666666666667rem;
}
.selected .header .rt {
	margin-right:0;
}
.pagenot .uwrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-direction:row-reverse;
}
.pagenot .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.pagenot .pic {
	width:38.645833333333336rem;
	margin-right:7.291666666666667rem;
	margin-left:4.166666666666667rem;
}
.pagenot .rts {
	flex:1;
	margin-top:10.416666666666668rem;
}
.pagenot .rts h3 {
	font-weight:400;
	font-size:2.5rem;
	color:#000000;
	line-height:3.75rem;
}
.pagenot .rts h6 {
	
	font-size:1.25rem;
	color:#757575;
	line-height:1.875rem;
	margin:0.3125rem 0 1.5625rem;
}
.pagenot .rts .btn {
	width:13.333333333333334rem;
	line-height:2.5rem;
	background:#000000;
	font-weight:400;
	font-size:1.0416666666666667rem;
	color:#FEFFEF;
	text-align:center;
	display:block;
}
.pagenot .rts .txt {
	margin-top:13.020833333333334rem;
}
.pagenot .rts p {
	font-weight:400;
	font-size:1.25rem;
	color:#B79A78;
	line-height:1.6;
	margin-bottom:2.0833333333333335rem;
}
.pagenot .rts dl {
	display:flex;
}
.pagenot .rts dd {
	margin-right:1.875rem;
	font-size: 12px;
	    font-weight: bold;
	    text-align: center;
}
.pagenot .rts dd:last-child {
	margin-right:0;
}
.pagenot .rts dd img {
	height:2.447916666666667rem;
	display:block;
	object-fit:contain;
	margin: 0 auto;
}
.coming {
	padding-top:7.8125rem;
	padding-bottom:3rem;
}
.coming .tbs {
	margin: 0 -3rem;
	text-align:center;
	margin-top:1rem;
}
.coming .tbs p {
	font-weight:400;
	font-size:1.25rem;
	color:#B79A78;
	line-height:1.6;
}
.coming .tbs dl {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:2.3958333333333335rem;
}
.coming .tbs dd {
	font-size: 12px;
	text-align: center;
}
.coming .tbs dd img {
	height:1.5rem;
	display:block;margin: 0 auto;
	object-fit:contain;
}
.coming .tps {
	display:flex;
	align-items:center;
	margin-left:5.208333333333334rem;
}
.coming .tps h3 {
	font-weight:400;
	font-size:2.5rem;
	color:#000000;
	line-height:3.75rem;
	margin-right:1.5625rem;
}
.coming .tps .pic {
	width:39.895833333333336rem;
	width: 28.875rem;
	margin-left: 13.020833rem;
}
.coming .tps .pic>img {
	width:100%;
	display:block;
	object-fit:cover;
	border-radius:1.141666rem ;
	overflow: hidden;
}
.coming .tps .rts {
	position:relative;
}
.coming .tps h6 {
	position:absolute;
	right:-38%;
	top:50%;
	z-index:1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	/* IE 9*/
	-moz-transform:translateY(-50%);
	/* Firefox*/
	-webkit-transform:translateY(-50%);
	/* Safari 鍜� Chrome*/
	-o-transform:translateY(-50%);
	width:16.510416666666668rem;
	padding:0.46875rem 0.5208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:#1D1917;
	
	font-size:1.25rem;
	color:#FFFFFF;
	line-height:1.875rem;
	display: none;
}
.coming .tps h6:before {
	content:"";
	position:absolute;
	left:2.2395833333333335rem;
	bottom:-1.5625rem;
	z-index:1;
	background:url(../../images/uq30.png) no-repeat center/ 1.5625rem auto;
	width:1.5625rem;
	height:1.6666666666666667rem;
}
.coming .tbs dd a,.about li .links dd a,.uqnavs .tbs dd a,.pagenot .rts dd a {
	position:relative;
	top:0;
}
.coming .tbs dd a:hover,.about li .links dd a:hover,.uqnavs .tbs dd a:hover,.pagenot .rts dd a:hover {
	top:-0.2604166666666667rem;
}
.usbtn17 {
	position:relative;
	overflow:hidden;
	z-index:2;
}
.usbtn17::before,.usbtn17::after {
	background:#000;
	position:absolute;
	top:50%;
	top:0\9;
	content:'';
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
	-webkit-border-radius:50%;
	border-radius:50%;
	-webkit-transition:all 0.6s;
	transition:all 0.6s;
	opacity:0.5;
	z-index:-1;
}
.usbtn17::after {
	left:-1.0416666666666667rem;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.usbtn17::before {
	right:-1.0416666666666667rem;
	-webkit-transform:translate(50%,-50%);
	transform:translate(50%,-50%);
}
.usbtn17:hover {
	color:#fff !important;
	border-color:#000;
}
.usbtn17:hover::after {
	-webkit-animation:criss-cross-left .8s both;
	animation:criss-cross-left .8s both;
	width:19.53125rem\9;
	height:19.53125rem\9;
	opacity:1;
}
.usbtn17:hover::before {
	-webkit-animation:criss-cross-right .8s both;
	animation:criss-cross-right .8s both;
	width:19.53125rem\9;
	height:19.53125rem\9;
	opacity:1;
}
@-webkit-keyframes criss-cross-left {
	0% {
	left:-1.0416666666666667rem;
}
50% {
	left:50%;
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
}
100% {
	left:50%;
	width:19.53125rem;
	height:19.53125rem;
}
;}@keyframes criss-cross-left {
	0% {
	left:-1.0416666666666667rem;
}
50% {
	left:50%;
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
}
100% {
	left:50%;
	width:19.53125rem;
	height:19.53125rem;
}
;}@-webkit-keyframes criss-cross-right {
	0% {
	right:-1.0416666666666667rem;
}
50% {
	right:50%;
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
}
100% {
	right:50%;
	width:19.53125rem;
	height:19.53125rem;
}
;}@keyframes criss-cross-right {
	0% {
	right:-1.0416666666666667rem;
}
50% {
	right:50%;
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
}
100% {
	right:50%;
	width:19.53125rem;
	height:19.53125rem;
}
;}.usbtn18 {
	position:relative;
	overflow:hidden;
	z-index:2;
}
.usbtn18::before,.usbtn18::after {
	background:#fff;
	position:absolute;
	top:50%;
	top:0\9;
	content:'';
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
	-webkit-border-radius:50%;
	border-radius:50%;
	-webkit-transition:all 0.6s;
	transition:all 0.6s;
	opacity:0.5;
	z-index:-1;
}
.usbtn18::after {
	left:-1.0416666666666667rem;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.usbtn18::before {
	right:-1.0416666666666667rem;
	-webkit-transform:translate(50%,-50%);
	transform:translate(50%,-50%);
}
.usbtn18:hover {
	color:#000 !important;
	border-color:#fff;
	background:#fff !important;
}
.usbtn18:hover::after {
	-webkit-animation:criss-cross-left .8s both;
	animation:criss-cross-left .8s both;
	width:19.53125rem\9;
	height:19.53125rem\9;
	opacity:1;
}
.usbtn18:hover::before {
	-webkit-animation:criss-cross-right .8s both;
	animation:criss-cross-right .8s both;
	width:19.53125rem\9;
	height:19.53125rem\9;
	opacity:1;
}
@-webkit-keyframes criss-cross-left {
	0% {
	left:-1.0416666666666667rem;
}
50% {
	left:50%;
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
}
100% {
	left:50%;
	width:19.53125rem;
	height:19.53125rem;
}
;}@keyframes criss-cross-left {
	0% {
	left:-1.0416666666666667rem;
}
50% {
	left:50%;
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
}
100% {
	left:50%;
	width:19.53125rem;
	height:19.53125rem;
}
;}@-webkit-keyframes criss-cross-right {
	0% {
	right:-1.0416666666666667rem;
}
50% {
	right:50%;
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
}
100% {
	right:50%;
	width:19.53125rem;
	height:19.53125rem;
}
;}@keyframes criss-cross-right {
	0% {
	right:-1.0416666666666667rem;
}
50% {
	right:50%;
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
}
100% {
	right:50%;
	width:19.53125rem;
	height:19.53125rem;
}
;}.about li .text {
	flex-direction:column;
}
.about li .rs .ubtn {
	width: 7.8rem;
	line-height: 1.7rem;
	border:1px solid #000000;
	text-align:center;
	font-weight:400;
	font-size: 12px;
	color:#000000;
	margin: 0;
	margin-top:2.5rem;
	display:block;
}
.copyright {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:1.5625rem 2.0833333333333335rem;
}
.copyright h6 a {
	font-weight:400;
	font-size: 14px;
	color:#000000;
	line-height:1.5625rem;
}
.copyright p,.copyright p a {
	font-weight:400;
	font-size: 14px;
	color:#000000;
	line-height:1.875rem;
}
.copyright img {
	height:1.5rem;
	display:block;
}
.copyright.wh {
	background:#fff;
}
.collec1 img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.header .rt h5.whf {
	color:#fff;
	background:url(../../images/ar3.png) no-repeat right center / 0.9375rem auto;
}
.header .rt .whf li i,.header .rt .whf li a {
	color:#fff;
}
.collec2 {
	padding:4.947916666666667rem 0;
}
.collec2 .uwrap {
	display:flex;
	justify-content:space-between;
}
.collec2 .video {
	width:26.458333333333336rem;
	height:46.35416666666667rem;
	display:block;
	object-fit:contain;
}
.collec2 .lts {
	display:flex;
	flex-direction:column;
	
	justify-content: space-between;
}
.collec2 .lts .logo img {
	height:3.854166666666667rem;
	display:block;
}
.collec2 .txt h4 {
	
	font-size:22px;
	color:#000000;
	line-height:1.7;
	margin-bottom:1.5625rem;
	max-width:45rem;
}
.collec2 .txt p {
	
	font-size:16px;
	color:#000000;
	line-height:2;
	max-width:45rem;
	text-justify:distribute-all-lines;
	text-align-last:left;
	-moz-text-align-last:left;
	-webkit-text-align-last:left;
}
.collec3 {
	padding:5.729166666666667rem 0;
}
.collec3 h2 {
	font-weight:400;
	font-size:1.8rem;
	color:#000000;
	line-height:1.8;
}
.collec3 .flax {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:3.6458333333333335rem;
}
.collec3 .img {
	width:38.28125rem;
	overflow:hidden;
}
.collec3 .img img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.collec3 .txt {
	
	font-size: 16px;
	color:#000000;
	line-height:2;
	max-width:36.458333333333336rem;
	margin-right:4.6875rem;
	flex:1;
}
.collec3 .txt .morbtn {
	margin-top:2.8645833333333335rem;
}
.morbtn {
	width:13.333333333333334rem;
	line-height:2.5rem;
	background:#000000;
	font-weight:400;
	font-size:1.0416666666666667rem;
	color:#FEFFEF;
	text-align:center;
	display:block;
}
.collec4 {
	padding:7.03125rem 0 4.427083333333334rem;
}
.collec4 h2 {
	font-weight:400;
	font-size:1.8rem;
	color:#000000;
	line-height:1.8;
	text-align:center;
}
.collec4 ul {
	display:flex;
	justify-content:space-between;
	margin-top:4.427083333333334rem;
	flex-wrap:wrap;
}
.collec4 li {
	margin-right:8.229166666666668rem;
	width:calc((100% - 16.458333333333336rem)/3);
}
.collec4 li:nth-child(3n) {
	margin-right:0;
}
.collec4 li .pic {
	height:32.65625rem;
	overflow:hidden;
}
.collec4 li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.collec4 li p {
	
	font-size: 16px;
	color:#000000;
	line-height:2;
	margin-top:1.7708333333333335rem;
}
.collec5 .morbtn,.collec4 .morbtn {
	margin:3.125rem auto 0;
}
.collec5 {
	padding:9.114583333333334rem 0 3.125rem;
}
.collec5 .txt {
	
	font-size:16px;
	color:#000000;
	line-height:2;
}
.collec5 .txt img {
	width:100%;
	height:auto !important;
	display:block;
}






.collec1 {
	position:relative;
}
.collec1 h6 {
	font-weight:400;
	font-size:24px;
	color:#FFFFFF;
	line-height:1.8;
	position:absolute;
	right:5.208333333333334rem;
	top:2.604166666666667rem;
	z-index:1;
}
.collec1 h4 {
	font-weight:400;
	font-size:1.8rem;
	color:#FEFEFE;
	line-height:1.8;
	position:absolute;
	left:1.0416666666666667rem;
	right:1.0416666666666667rem;
	bottom:19.791666666666668rem;
	z-index:1;
	text-align:center;
}
.collec4 li .pic {
	position:relative;
}
.collec4 li .pic h5 {
	
	font-size:1.6rem;
	color:#FFFFFF;
	line-height:1.8;
	text-align:center;
	position:absolute;
	left:1.0416666666666667rem;
	right:1.0416666666666667rem;
	bottom:3.0208333333333335rem;
	z-index:1;
}
.collec5 .pic {
	position:relative;
}
.collec5 .pic h5 {
	
	font-size:1.6rem;
	color:#FFFFFF;
	line-height:2.8rem;
	position:absolute;
	left:2.34375rem;
	top:1.8229166666666667rem;
	z-index:1;
}
.collec5 .pic h6 {
	
	font-size:1.6rem;
	color:#FFFFFF;
	line-height:2.8rem;
	position:absolute;
	z-index:1;
	right:2.34375rem;
	bottom:1.8229166666666667rem;
}
.collec5 .pic .icon {
	position:absolute;
	left:0;
	right:0;
	bottom:7.8125rem;
	z-index:1;
	display:block;
	margin:0 auto;
	width:16.197916666666668rem;
}


.mskgoumai {
	position:fixed;
	left:0;
	right:0;
	top:10%;
	z-index:2000 !important;
	width:52.083333333333336rem;
	margin:0 auto;
	padding:2.7083333333333335rem 9.114583333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	display:none;
}
.mskgoumai h1 {
	font-weight:bold;
	font-size:1.9270833333333335rem;
	color:#FFFFFF;
	line-height:2.8125rem;
}
.mskgoumai h2 {
	font-weight:bold;
	font-size:2.916666666666667rem;
	color:#FFFFFF;
	line-height:4.166666666666667rem;
	margin:5.208333333333334rem 0 3.385416666666667rem;
}
.mskgoumai ul {
	display:flex;
	justify-content:center;
	align-items:center;
}
.mskgoumai h6 {
	font-weight:bold;
	font-size:1.6666666666666667rem;
	color:#FFFFFF;
	line-height:2.3958333333333335rem;
	margin-top:6.25rem;
	cursor:pointer;
}
.mskgoumai li {
	margin:0 1.9791666666666667rem;
}
.mskgoumai li .ico {
	width:5.208333333333334rem;
	margin:0 auto;
}
.mskgoumai li .ico img {
	width:100%;
	display:block;
}
.mskgoumai li p {
	font-weight:400;
	font-size:1.4583333333333335rem;
	color:#FFFFFF;
	line-height:2.0833333333333335rem;
	margin-top:0.5208333333333334rem;
}

.mask {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:1199 !important;
	bottom:0;
	background:rgba(0,0,0,0.75);
	display:none;
}

.ovh{
	overflow: hidden;
}
.ovh .anmt{
	-webkit-animation:fadeInUp2 0.5s .2s ease both;
	-moz-animation:fadeInUp2 0.5s .2s ease both;
}

@-webkit-keyframes fadeInUp2{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp2{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}


.pages dl {
	display:flex;
	justify-content:center;
	align-items:center;
	padding-bottom: 3rem;
}
.pages dd a,.pages dd {
	line-height:2rem;
	display:block;
	text-align:center;
	font-size:1rem;
	color:#363636;
	padding:0 0.5208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-weight: bold;
}
.pages dd{
	padding: 0;
}
.pages dd:nth-child(1) a {
	margin-right: 9rem;
}
.pages dd:last-child a {
	margin-left:9rem;
}
.pages dd a:hover,.pages dd.on a {
	color:#790607;
}
.umobile{
	display: none !important;
}
.pages dd .prev,
.pages dd .next{
	background: url(../../images/prev1.png?v=1) no-repeat center/contain;
	width: 1.666666rem;height: 1.666666rem;cursor: pointer;
}
.pages dd .next{
	transform: rotate(180deg);
}
.pages dd .prev:hover,
.pages dd .next:hover{
	background: url(../../images/prev1-1.png?v=1) no-repeat center/contain;
}
.uqnavs .tbs .copyright{
	display: none;
}
.uhome .habout p{
	max-width: 20rem;
}
.abobanner p{
	max-width: 35rem;
}
.coming .tps .yx{
	text-align: center;
}
.coming .tps .yx img{
	display: block;width: 35rem;
}
.coming .tps .yx  h5{
	font-weight: 500;
	font-size: 1.875rem;
	color: #000000;
	line-height: 2.8125rem;
	margin-top: 3.125rem;
}




.coming .tps .yx img.eico1{
	display: block;width: 35rem;
}
.coming .tps .yx img.eico2{
	display: block;width: 21.666666rem;
	margin: 0 auto;
}
.coming .tps .yx  h5{
	font-weight: 500;
	font-size: 1.875rem;
	color: #000000;
	line-height: 2.8125rem;
	margin-top: 3.125rem;
}

@media only screen and (min-width:1080px) {
.coming .tps .pic>img{
	-webkit-animation:fadeInLeft2 0.8s .2s ease both;
	-moz-animation:fadeInLeft2 0.8s .2s ease both;
}

.coming .tbs{
	-webkit-animation:fadeIn 1s .2s ease both;
	-moz-animation:fadeIn 1s .2s ease both
}
.coming .tps .yx img.eico1{
	-webkit-animation:fadeIn 1s .2s ease both;
	-moz-animation:fadeIn 1s .2s ease both
}
.coming .tps .yx img.eico2{
	-webkit-animation:fadeInDown 0.7s .7s ease both;
	-moz-animation:fadeInDown  0.7s .7s ease both;
}
.coming .tps .yx h5{
	-webkit-animation:fadeInDown 0.7s 1.2s ease both;
	-moz-animation:fadeInDown  0.7s 1.2s ease both;
}
.coming .tps .yx .ubtn{
	-webkit-animation:fadeInDown 0.9s 1.2s ease both;
	-moz-animation:fadeInDown  0.9s 1.2s ease both;
}
@-webkit-keyframes fadeInLeft2{
0%{opacity:1;
-webkit-transform:translateX(-20rem)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft2{
0%{opacity:1;
-moz-transform:translateX(-20rem)}
100%{opacity:1;
-moz-transform:translateX(0)}
}

@-webkit-keyframes fadeInDown{
0%{opacity:1;
-webkit-transform:translateY(-20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:1;
-moz-transform:translateY(-20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
	
}



.uhome .text li:nth-child(3) h3 a,
.uhome .text li:nth-child(1) h3 a{
	font-size:6rem;
}

.coming .tps .yx .ubtn{
	width: 100px;
	line-height: 34px;
	border: 1px solid #000;
	font-size: 16px;
	display: block;
	margin: 40px auto 0;
	text-align: center;
}
.coming .tps .yx .ubtn:hover{
	background: #000;
	color: #fff;
}

.uhome .text li h4 a{
	position: relative;
}
.uhome .text li h4 a i{
	position: absolute;
	left: 0;right: 0;
	bottom: 0;height: 2px;
	background: #790607;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
	-o-transition:all 0.3s;
	display: block;
	margin: 0 auto;
	width: 0;
}
.uhome .text li h4 a:hover i{
	    width: 100%;
}

.uhome .text li:nth-child(1) h4 a{
	margin-right: 1.5rem;
}

.uqbanner h1{
	display: none;
}
.uqbanner .tx{
	text-align: left;
	align-items: flex-start;
}
.uqbanner p{
	text-align: left;
	letter-spacing: 2px;
}
.fashmore .wrap{
	padding: 0 3rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.flexbt2{
	display: flex;
	justify-content: center;
	align-items: center;margin-top: 10px;
}
.flexbt2 .prev,
.flexbt2 .next{
	width: 40px;height: 40px;
	background: url(../../images/prev1.png?v=1) no-repeat center/80% auto;
	margin: 0 10px;cursor: pointer;
}
.flexbt2 .next{
	transform: rotate(180deg);
}

.flexbt{
		display: flex;
		justify-content: flex-end;
		align-items: center;margin-top: 10px;
	}
	.flexbt .prev,
	.flexbt .next{
		width: 40px;height: 40px;
		background: url(../../images/prev1.png?v=1) no-repeat center/80% auto;
		cursor: pointer;
		display: block !important;
	}
	.flexbt .next{
		transform: rotate(180deg);
		margin-left: 10px;
	}
	
	/*
	.flexbt2 .prev:hover,
	.flexbt2 .next:hover,
	.flexbt .prev:hover,
	.flexbt .next:hover{
		background: url(../../images/prev2-1.png?v=1) no-repeat center/80% auto;
	}
	*/
	
	
	.picdl .prev,
	.picdl .next{
		width: 40px;height: 40px;
		background: url(../../images/prev2.png?v=1) no-repeat center/80% auto;
		cursor: pointer;
		display: block !important;
	}
	.picdl .next{
		transform: rotate(180deg);
	}
	.swipervideo{
		overflow: hidden;
		height: 27.34375rem;
		aspect-ratio: 1 / 1.78;
		margin: 0 2rem;
	}
	.about li .picdl{
		justify-content: center;
	}
	
	.albswippic ul{
		transition:all 0.3s !important;
		-ms-transition:all 0.3s;  /* IE 9 */
		-moz-transition:all 0.3s;     /* Firefox */
		-webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
		-o-transition:all 0.3s;
	}
	
	.uhome .text{
		min-height: calc(100vh - 9rem);
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	
	
	.piclist dd a{
		position: relative;
	}
	.piclist dd .tx{
		position: absolute;
		left: 0;right: 0;
		bottom: 0;z-index: 2;
		background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6));
		padding: 1.041666rem 1.5rem;
		font-size: 14px;
		color: #fff;
		line-height: 1.6;
		transform:translateY(100%);
		transition:all 0.3s;
		-ms-transition:all 0.3s;  /* IE 9 */
		-moz-transition:all 0.3s;     /* Firefox */
		-webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
		-o-transition:all 0.3s;
		opacity: 0;
	}
	.piclist dd a:hover .tx{
		opacity: 1;transform:translateY(0%);
	}
	
	
	.ubing{
		min-height: 100vh;
		display: flex;
		justify-content: space-between;
		padding: 8.5rem 4.166666rem 5.208333rem 2.604166rem;
		padding: 144px 50px 100px;
		padding: 7.5rem 2.604166rem 3.208333rem;
		background: url(../../images/bbg1.jpg) no-repeat center/cover; 
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	.ubing .pic{
		width:25rem;
	}
	.ubing .pic img{
		display: block;
		width: 100%;
	}
	.ubing .bswipers{
		width:57.645833rem;
		overflow: hidden;
		padding-top: 6.416666rem;
	}
	.ubing .bswipers .swiper-wrapper{
		height: auto;
	}
	.ubing .bswipers img{
		display: block;width: 9.270833rem;
	}
	.ubing .bswipers .swiper-slide{
		display: flex;
		justify-content: center;
		align-items: center;
		/* overflow: hidden; */
		border-radius:0.78125rem;
		/* background: #fff; */
		height: auto !important;
		position: relative;
	}
	.ubing .bswipers .swiper-slide img.ico{
		height: 43px;width: auto;position: absolute;right: 0;
		top: -53px;border-radius: 0;
	}
	.ubing .bswipers img,
	.ubing .bswipers video{
		width: 100%;height: 100%;display: block;object-fit: contain;border-radius:1.3rem;
	}
	.ubing .bswipers .bflexbtn{
		display: flex;justify-content: center;
		align-items: center;
		margin: 38px 0 0;
		width: calc((100% - 60px)/3);
	}
	.ubing .bswipers .bflexbtn .next,
	.ubing .bswipers .bflexbtn .prev{
		width: 40px;
		    height: 40px;
		    background: url(../../images/prev1.png?v=1) no-repeat center / 80% auto;
		    cursor: pointer;
		    display: block !important;
			margin: 0 20px;
	}
	.ubing .bswipers .bflexbtn .next{
		transform: rotate(180deg);
	}
	.ubing .copyright{
		display: none;
	}
	
	
	.uqnavs .uwrap{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		height: 100%;
	}
	.hplay{
		width: 4rem;height: 4rem;
		position: absolute;
		left: 0;right: 0;
		top: 0;bottom: 0;
		background: url(../../images/hplay2.png) no-repeat center/contain;
		margin: auto;cursor: pointer;
	}
	
	.uqbanner h1{
		display: block;font-size: 2.395833rem;
	}
	.uqbanner h3{
		font-size: 1.5625rem;color: #fff;
	}
	.uqbanner h4{
		color: #fff;
	}
	.uqbannernews .txt p{
		font-size: 0.677083rem;
	}
	.uqbanner .btn{
		width: 4.583333rem;line-height: 1.5625rem;
		font-size: 0.677083rem;
	}
	.uqbannernews .txt{
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		height: 100%;
	}
	.uqbannernews .wrap{
		padding: 3.645833rem 0;
		margin: 0 2rem;
	}
	.header .rt .wh li i,
	.header .rt .wh li a{
		color: #fff;
	}
	.uqbannernews .txt{
		text-align: left;
		width: 28rem;
	}
	
	
	@media only screen and (max-width:1680px) {
		.uqnavs{
			padding-top:6.5rem;
		}
		.uqnavs .tps .pic .djck{
			width: 150px;
		}
		.ubing .bswipers .swiper-slide img.ico{
			height: 33px;width: auto;position: absolute;right: 0;
			top: -43px;border-radius: 0;
		}
	}