*{ padding:0; margin:0;}*

div,span,a,img,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,strong,em,embed,table,tr,td,input,form,select,option,p,del,b{padding:0; margin:0;}

body,input,textarea,select{ font-size:12px;    font-family: "Helvetica" !important;color:#666;  }

ul,li{ list-style:none;}

h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal;}

a{ color:#666; font-weight:normal; text-decoration:none;}

p{ color:#666;}

body{-webkit-text-size-adjust: 100%;}



*, *:before, *:after{

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

::-webkit-scrollbar { 

  width: 6px;

}



::-webkit-scrollbar-track {

  background:none;

}



::-webkit-scrollbar-thumb {

  background: #none;

}



::-webkit-scrollbar-thumb:window-inactive {

  background: #none;

}



::-webkit-scrollbar-thumb:vertical:hover {

  background: #none;

}



.banner{ position:fixed; width:600px; height:340px; left:50%; margin-left:-300px; margin-top:-170px; top:50%;  z-index:2;}

.banner_a{ width:100%; height:100%; }

.banner_a main{ float:left; width:100%; height:100%;}

.content--c1{ float:left; width:100%; height:100%; background:#fff;}

.tilter{display: block;position: relative;width:100%;height: 100%;flex: none;perspective: 1000px;}

.tilter *{pointer-events: none;}

.tilter:hover,

.tilter:focus{color: #fff;outline: none;}

.tilter__figure,.tilter__figure > *{transform: translateZ(0px);/* Force correct stacking order*/}

.smooth .tilter__figure,

.smooth .tilter__deco--overlay,

.smooth .tilter__deco--lines,

.smooth .tilter__deco--shine div,

.smooth .tilter__caption{transition: transform 0.2s ease-out;}

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

/*.tilter__figure::before{content: '';position: absolute;width: 90%;height: 90%;top: 5%;left: 5%;box-shadow: 0 30px 20px rgba(35,32,39,0.5);}*/

.tilter__deco{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}

.tilter__deco--overlay{background-image: linear-gradient(45deg, rgba(226, 60, 99, 0.4), rgba(145, 58, 252, 0.4), rgba(16, 11, 192, 0.4));}

/*.tilter__deco--shine div{position: absolute;width: 200%;height: 200%;top: -50%;left: -50%;background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.05) 50%, transparent 100%);}*/

.tilter__deco--lines{fill: none;stroke: #fff;stroke-width: 1.5px;}

.tilter__caption{position: absolute; width:100%;height:100%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }

.tilter__title{margin: 0;font-weight: normal;font-size: 2.5em;font-family: 'Abril Fatface', serif;line-height: 1;}

.tilter__description{margin: 1em 0 0 0;font-size: 0.85em;letter-spacing: 0.15em;}

.tilter-wz{ float:left; width:100%; text-align:center; position:relative;}

.tilter-wz img{ width:403px;}

.tilter-wz img.unrow-logo{ position:absolute; left:50%; margin-left:-201.5px; top:0px; z-index:0; display:none; overflow:hidden;}

.tilter--1:hover .tilter__caption .tilter-wz img.unrow-logo{ display:block;}

.tilter-wz p{ font-size:9vw; color:#fff; font-weight:bold;}

.tilter--1:hover .tilter-wz p{text-decoration: none;-webkit-text-fill-color: rgba(0,0,0,0);-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: white;}

.bqxx{ position:fixed; bottom:20px; left:80px; height:40px; line-height:40px; z-index:3;}

.bqxx p{ color:#000;}

.look{ position:fixed; top:20px; width:100%; text-align:center;height:40px; line-height:40px;}

.look a{ color:#fff; font-size:18px; font-weight:bold;}

.follow{ position:fixed; right:20px; bottom:0px; }

.follow p{letter-spacing: 3px;display: inline-block; padding:0px 15px;text-transform: uppercase; color:#fff;    position: fixed;  z-index: 10;  bottom: -1px;  left: calc(100% - 33px);  -webkit-transform-origin: bottom left;-ms-transform-origin: bottom left; transform-origin: bottom left;  width: 160px; font-weight:bold;  opacity: 1;  -webkit-transform: rotate(-90deg) translateX(36px); -ms-transform: rotate(-90deg) translateX(36px);         transform: rotate(-90deg) translateX(36px);  -webkit-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.6s, color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.6s;  transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.6s, color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.6s;  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.6s, opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.6s, color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.6s, opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.6s, color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.6s;font-size:14px;}

.follow p:before{content:""; width:40px; height:2px; background:#fff; position:absolute; left:-35px; top:6px;}  

.icon--close{display:none;width:30px;height:30px;overflow:hidden;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg); position:fixed; top:30px;  left:50%; margin-left:-10px; cursor:pointer;}

.icon--close-menu .icon__item{-webkit-transition:-webkit-transform 1s cubic-bezier(.19,1,.22,1);transition:-webkit-transform 1s cubic-bezier(.19,1,.22,1);-o-transition:transform 1s cubic-bezier(.19,1,.22,1);transition:transform 1s cubic-bezier(.19,1,.22,1);transition:transform 1s cubic-bezier(.19,1,.22,1),-webkit-transform 1s cubic-bezier(.19,1,.22,1); cursor:pointer;}

.menu-open-to .icon--close{ display:block; z-index:99999;}

.icon--close:hover .icon__item,.icon-hover-trigger:hover .icon--close .icon__item{-webkit-animation:icon--close-y 1s cubic-bezier(.19,1,.22,1);animation:icon--close-y 1s cubic-bezier(.19,1,.22,1)}

.icon--close:hover .icon__item:first-child,.icon-hover-trigger:hover .icon--close .icon__item:first-child{-webkit-animation-delay:.3s;animation-delay:.3s}

.icon--close:hover .icon__item:nth-child(2),.icon-hover-trigger:hover .icon--close .icon__item:nth-child(2){-webkit-animation-name:icon--close-x;animation-name:icon--close-x;-webkit-animation-delay:.1s;animation-delay:.1s}

.icon--close:hover .icon__item:last-child,.icon-hover-trigger:hover .icon--close .icon__item:last-child{-webkit-animation-delay:.2s;animation-delay:.2s}

.icon--close .icon__item{position:absolute;left:0;width:100%;height:2px;background:#666;will-change:transform;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.icon--close .icon__item:nth-child(2){top:50%;margin-top:-1px;-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}

.icon--close .icon__item:first-child,.icon--close .icon__item:last-child{left:50%;width:2px;margin-left:-1px}

.icon--close .icon__item:first-child{height:25%;-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}

.icon--close .icon__item:last-child{top:50%;height:50%;-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}

@-webkit-keyframes icon--close-x{0%,100%{-webkit-transform:translate(0);transform:translate(0)}

50%{-webkit-transform:translate(32px,0);transform:translate(32px,0)}

50.01%{-webkit-transform:translate(-32px,0);transform:translate(-32px,0)}}@keyframes icon--close-x{0%,100%{-webkit-transform:translate(0);transform:translate(0)}

50%{-webkit-transform:translate(32px,0);transform:translate(32px,0)}

50.01%{-webkit-transform:translate(-32px,0);transform:translate(-32px,0)}}@-webkit-keyframes icon--close-y{0%,100%{-webkit-transform:translate(0);transform:translate(0)}

50%{-webkit-transform:translate(0,32px);transform:translate(0,32px)}

50.01%{-webkit-transform:translate(0,-32px);transform:translate(0,-32px)}}@keyframes icon--close-y{0%,100%{-webkit-transform:translate(0);transform:translate(0)}

50%{-webkit-transform:translate(0,32px);transform:translate(0,32px)}

50.01%{-webkit-transform:translate(0,-32px);transform:translate(0,-32px)}}

.main-menu,.main-menu .main-menu__section{-webkit-transition:-webkit-transform .8s .2s cubic-bezier(1,0,0,1);transition:-webkit-transform .8s .2s cubic-bezier(1,0,0,1);-o-transition:transform .8s .2s cubic-bezier(1,0,0,1);transition:transform .8s .2s cubic-bezier(1,0,0,1);transition:transform .8s .2s cubic-bezier(1,0,0,1),-webkit-transform .8s .2s cubic-bezier(1,0,0,1);}

.main-menu{z-index: -1; opacity: 0;position: fixed;top:0%;left:0%; background:#fff;overflow: hidden; width:100%; height:100%;}

.menu-open-to .main-menu {opacity: 1; z-index: 3;}  

.logo{ float:left; left:80px; top:35px; position:absolute;}

.logo img{ max-width:220px;}

.nav-menu{ padding:80px; height:100%;}

.nav-nr{ float:left; width:100%; height:70%; overflow:hidden;}

.nav-nr ul{ width:700px; margin:0 auto; height:100%;position:relative;}

.nav-nr ul li{ float:left;}

.nav-nr ul li:nth-child(6n+1){position:absolute; bottom:0px; left:0px; transform: rotate(-50deg) translateX(-160px) translateY(-40px); width:160px;transition: all 0.5s ease-out 0s;}

.nav-nr ul li:nth-child(6n+2){position:absolute; bottom:0px; left:85px; transform: rotate(-50deg) translateX(-330px) translateY(-94px); width:330px;transition: all 0.5s ease-out 0s;}

.nav-nr ul li:nth-child(6n+3){position:absolute; bottom:0px; left:130px; transform: rotate(-50deg) translateX(-220px) translateY(-10px); width:220px;transition: all 0.5s ease-out 0s;}

.nav-nr ul li:nth-child(6n+4){position:absolute; bottom:0px; left:160px; transform: rotate(-50deg) translateX(-310px) translateY(9px); width:310px;transition: all 0.5s ease-out 0s;}

.nav-nr ul li:nth-child(6n+5){position:absolute; bottom:0px; left:315px; transform: rotate(-50deg) translateX(-260px) translateY(-14px); width:260px;transition: all 0.5s ease-out 0s;}

.nav-nr ul li:nth-child(6n+6){position:absolute; bottom:0px; left:440px; transform: rotate(-50deg) translateX(-260px) translateY(-33px); width:260px;transition: all 0.5s ease-out 0s;}

.menu-open-to .nav-nr ul li:nth-child(6n+1){position:absolute; bottom:0px; left:40px; transform: rotate(-50deg) translateX(0px) translateY(-40px); width:160px;}

.menu-open-to .nav-nr ul li:nth-child(6n+2){position:absolute; bottom:0px; left:125px; transform: rotate(-50deg) translateX(-48px) translateY(-94px); width:330px;}

.menu-open-to .nav-nr ul li:nth-child(6n+3){position:absolute; bottom:0px; left:170px; transform: rotate(-50deg) translateX(-16px) translateY(-10px); width:220px;}

.menu-open-to .nav-nr ul li:nth-child(6n+4){position:absolute; bottom:0px; left:200px; transform: rotate(-50deg) translateX(0px) translateY(9px); width:310px;}

.menu-open-to .nav-nr ul li:nth-child(6n+5){position:absolute; bottom:0px; left:355px; transform: rotate(-50deg) translateX(-3px) translateY(-14px); width:260px;}

.menu-open-to .nav-nr ul li:nth-child(6n+6){position:absolute; bottom:0px; left:480px; transform: rotate(-50deg) translateX(-36px) translateY(-33px); width:260px;}

.menu-open-to .nav-nr ul li:nth-child(6n+1):hover{transform: rotate(-50deg) translateX(20px) translateY(-40px);}

.menu-open-to .nav-nr ul li:nth-child(6n+2):hover{transform: rotate(-50deg) translateX(54px) translateY(-94px);}

.menu-open-to .nav-nr ul li:nth-child(6n+3):hover{transform: rotate(-50deg) translateX(75px) translateY(-10px);}

.menu-open-to .nav-nr ul li:nth-child(6n+4):hover{transform: rotate(-50deg) translateX(133px) translateY(9px);}

.menu-open-to .nav-nr ul li:nth-child(6n+5):hover{transform: rotate(-50deg) translateX(88px) translateY(-14px);}

.menu-open-to .nav-nr ul li:nth-child(6n+6):hover{transform: rotate(-50deg) translateX(70px) translateY(-33px);}

.nav-nr ul li a{ font-size:50px; color:#2e2c2c;  font-weight:bold; display:inline-block; float:left;text-transform: uppercase;-webkit-text-fill-color: rgba(0,0,0,0);-webkit-text-stroke-width:2.5px;-webkit-text-stroke-color: #2e2c2c;}

.nav-nr ul li a.menu-xz{ }

.nav-nr ul li.on-a a{ color:#ee673e;-webkit-text-fill-color:#ee673e;-webkit-text-stroke-width: 0px;-webkit-text-stroke-color: #ee673e;}

.nav-nr ul li a:hover{ color:#ee673e;-webkit-text-fill-color:#ee673e;-webkit-text-stroke-width: 0px;-webkit-text-stroke-color: #ee673e;}

#demo1{ float:left; width:100%;}

#demo2{ float:left; width:100%;}

@font-face {font-family:"impact";src: url("impact.ttf"); }

.book-un{ float:right; width:18%;  height:76%; overflow:hidden; position:relative; top:6%; left:0px; margin-right:10vw; overflow-x:hidden; overflow-y:auto;}

.book-un ul{ float:left; width:100%;  }

.book-un ul div{ width:100%;}

.book-un::-webkit-scrollbar-track {background:none;}

.book-un::-webkit-scrollbar-thumb{width:5px;  border-radius:4px; background:rgba(0,0,0,.3) !important;}

.book-un .dynr{ width:100%;}

.book-un ul li{opacity:1;visibility:visible; float:left; width:100%; margin-bottom:0%;}

.book-un ul li span{ font-size:4.2vw; padding-left:2vw;-webkit-text-fill-color: rgba(0,0,0,0);-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #2e2c2c; display:inline-block;transition: all 0.94s ease 0s; font-family:"impact";letter-spacing: 5px; position:relative; z-index:9;}

.book-un ul li a:hover span{text-decoration: none;-webkit-text-fill-color:#ee673e;-webkit-text-stroke-width:0px;-webkit-text-stroke-color: #ee673e; font-size:6.2vw;font-family:"impact";}

.book-un ul li a:hover span{ margin:0px 0.2%;}

.book-un ul li span:before{content:""; position:absolute; width:1vw; height:0%; background:#ee673e; left:0vw; top:0%;transition: all 0.5s ease-out 0s;}  

.book-un ul li:hover span:before{ height:100%;}

/*.book-un ul li a:hover{transform: rotateZ(3deg);}*/

.book-un ul li a{ position:relative; z-index:99; display:inline-block;}

.book-un ul li:first-child .col-bj{ opacity:0;}

.book-un ul li:hover .col-bj{ opacity:1;}

.col-bj{ float:left; position:fixed; left:80px; right:30%; width:auto !important; top:15%; bottom:15%;opacity:0;transition: all 0.5s ease-out 0s; overflow:hidden;}

.col-img{ width:100%; position:absolute; left:-100%; height:100%; background:red;transition: all 0.2s ease-out 0s;}

.book-un ul li:hover .col-img{ left:0px;transition: all 0.7s ease-out 0s;}

.about{ float:left; width:100%; height:100%; position:fixed; background:#333;}

.about .swiper-container{width: 100%;height: 100%;}

.about .swiper-slide{background-position: center;background-size: cover;}

@font-face {font-family:"corbel";src: url("corbel.ttf"); }

.contact-nr{ float:left; width:1100px; position:fixed; height:100%; left:50%; margin-left:-550px; top:0px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; text-align:center; }

.contact-nr p{ font-size:40px; -webkit-text-fill-color: rgba(0,0,0,0); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff; margin-bottom:1.5vw; font-family:"impact";transition: all 0.94s ease 0s;}

.contact-nr p:hover{-webkit-text-fill-color: #fff; -webkit-text-stroke-width: 0px; -webkit-text-stroke-color: #fff;}

.contact-nr p a{ font-size:40px;position:relative;-webkit-text-fill-color: rgba(0,0,0,0); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff;transition: all 0.94s ease 0s;}

.contact-nr h2 a i{ font-size:40px; transition: all 0.94s ease 0s;-webkit-text-fill-color: rgba(0,0,0,0); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff; }

.contact-nr h2{ margin-top:2vw;}

.contact-nr h2 a{ margin:0px 2vw; display:inline-block;}

.contact-nr p a:hover{-webkit-text-fill-color: #fff; -webkit-text-stroke-width: 0px; -webkit-text-stroke-color: #fff; }

.contact-nr h2 a i:hover{ -webkit-text-fill-color: #fff; -webkit-text-stroke-width: 0px; -webkit-text-stroke-color: #fff; }



/*关于我们*/

@font-face {font-family:"AMERSN";src: url("AMERSN.ttf"); }



/*产品*/

.prodcut{ position:fixed; top:140px; left:0px; bottom:100px; right:0px;}

#gallerycontainer{ float:left; width:100%; height:666px;}

.mouseslider{ height:100%; float:left; width:100%;}

.mouseslider li{float:left; height:100%;}

.mouseslider li img{ max-width:100%; height:666px; float:left;}

.fanhui{ position:fixed; left:10px; top:0px; line-height:80px; z-index:90;}

.fanhui a{ font-size:1.5vw; color:#fff; font-weight:bold;}

.fanhui a:hover{color:#6adf39;}

.demos{ width:100%; float:left; height:100%;}

.demo-image {cursor: url("../images/plus_cursor.png") 25 25, auto;display:block;background-size: cover;background-position: 50% 50%;}

.pooduct-bt{ float:left; width:100%; position:fixed; z-index:9; text-align:right;}

.pooduct-bt h1{ color:#000; font-size:3.2vw; font-family:"impact"; display:inline-block; padding-right:2vw; line-height:140px;}  

.product-video{ position:fixed; left:0px; bottom:0px; z-index:6; text-align:right; width:100%; line-height:72px;}

.product-video a{ font-size:30px; color:#000;font-family:"impact"; padding-right:2vw;}

.product-video a:hover{ color:#ee673e;}

.grdk_tc{ display:none; position:fixed; top:0px; right:0px; bottom:0px; left:0px; z-index:99;}

.grdk_xs{ display:block;}

.grdk_gb{ position:absolute; right:10px; top:10px; z-index:9999;}

.grdk_gb img{ max-width:50px;cursor:pointer; transition: transform 0.3s ease 0s;}

.grdk_gb img:hover{transform: rotateZ(90deg);} 

.grdk_gb b{ font-size:4vw; color:#fff; cursor:pointer; transition: transform 0.3s ease 0s;}

.grdk_gb b:hover{transform: rotateZ(90deg); -webkit-text-fill-color: rgba(0,0,0,0);-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #fff;}

.grdk_nr{  position:absolute; left:0%;top:0%; right:0px; bottom:0px; z-index:999; background:#000;}

.grdk_nr video{height: auto;left: 50%; min-height: 100%;min-width: 100%;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-transition: opacity 1000ms ease-out 0s;width: 100%;}

.dj-view-bg { width: 100%;margin: 0 auto;height: 100%;overflow: hidden;}

.dj-view { width: auto; height: 100%; position: relative;}

.chroma-gallery table:before{content:""; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:9;}

.dj-view img { max-height: 666px;  box-sizing: border-box; vertical-align: middle; margin-left:-1px; }

.chroma-gallery table{border-collapse: collapse; border-spacing: 0; max-width: 100%; background-color: transparent; empty-cells: show; position:relative;}

.chroma-gallery hr,.chroma-gallery legend,.chroma-gallery td,.chroma-gallery th{padding: 0}

.chroma-gallery{ float:left; width:100%; margin:20px 0px;}	

.sbg{ position:fixed; width:350px; background:#000; padding:15px 0px; height:70px; top:50%; margin-top:-35px; left:50%; margin-left:-175px;}

.sbg img{ float:left; margin-right:15px; margin-left:50px;}

.sbg b{ font-size:16px; color:#fff;text-transform: uppercase; height:40px; line-height:40px;}

/*服装系列*/

.collection{ float:left; padding:80px; position:fixed; left:0px; top:0px; width:100%; height:100%;}

.stockist{ position:fixed; width:100%; height:100%; left:0px; top:0px; float:left; padding:80px 10vw 80px 10vw; }

.stockist-cen{ width:100%; height:100%; float:left;overflow-x:hidden; overflow-y:autodisplay: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }

.stockist-nr{ float:left; width:50%; padding-right:1vw;}
.stockist-nr:last-child{padding-right:0vw;padding-left:1vw;}
.stockist-nr dl{ float:left; width:100%; margin:15px 0px;}

.stockist-nr dl dt{ float:left; width:100%; font-size:32px; font-weight:bold; color:#000;text-transform:uppercase; cursor:pointer;}

.stockist-nr dl dd{ display:none; float:left; width:100%;}

.stockist-nr dl dd p{ font-size:18px; color:#666; margin:10px 0px; font-weight:bold;text-transform: uppercase;  width: 82%;line-height: 26px; letter-spacing:1px;}

.stockist-nr dl:hover dt{ color:#ee673e;}

.stockist-cen::-webkit-scrollbar-track{ background:none;}

.stockist-cen::-webkit-scrollbar-thumb{ width:5px;  border-radius:4px;background:rgba(0,0,0,.3) !important;}

.fh{ position:fixed; z-index:99; top:37px; left:10vw;}

.fh a{ width:22px; height:25px; display:block; position:relative; overflow:hidden; margin-left:-50px;}

.fh a:before{content:""; width:0px; height:3px; position:absolute; top:11px; left:0px;transition: all 0.5s ease-out 0s; z-index:3;}

.fh a:hover:before{ width:100%; background:#ee673e;}

.fh a:after{content:""; width:100%;background:#fff; height:3px; top:11px;position:absolute; left:0px;transition: all 0.5s ease-out 0s;}

.fh a:hover:after{ left:100%;}

.hei a:after{background:#000; }

.fwh{ top:59px;}

.audiobtn{ width:24px; height:24px;  z-index:9; float:left;position:fixed; cursor:pointer; right:80px; bottom:30px; border-radius:50%;}

.zyrotate{  }

/*.audiobtn:before{content:""; width:44px; height:44px; background:#eee; border-radius:50%; position:absolute; left:-12px; top:-9px;}*/

.audiobtn span{position: absolute;bottom: 0; width:4px; border-radius:30px;background:#666;}

.audiobtn span.bar1{ left:-2px; height: 60%; }

.zyrotate span.bar1{ -webkit-animation: movingbar1 1s infinite alternate both;-moz-animation: movingbar1 1s infinite alternate both; animation: movingbar1 1s infinite alternate both;}

.audiobtn span.bar2{ left:5px; height: 45%; }

.zyrotate span.bar2{ -webkit-animation: movingbar2 1.5s infinite alternate both;-moz-animation: movingbar2 1.5s infinite alternate both;animation: movingbar2 1.5s infinite alternate both;}

.audiobtn span.bar3{ left:12px; height: 90%; }

.zyrotate span.bar3{ -webkit-animation: movingbar3 1.2s infinite alternate both;-moz-animation: movingbar3 1.2s infinite alternate both;animation: movingbar3 1.2s infinite alternate both;}

.audiobtn span.bar4{ left:19px; height: 60%; }

.zyrotate span.bar4{ -webkit-animation: movingbar4 1.1s infinite alternate both;-moz-animation: movingbar4 1.1s infinite alternate both;animation: movingbar4 1.1s infinite alternate both;}

.nr-1{ width:100%; float:left; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;}

.nr-1-a{ width:100%; float:left; height:100%; position:absolute; left:0px; top:0px;}

.nr-1-a p{ font-size:80px; color:#fff; float:left; text-transform:uppercase; font-weight:bold; position:absolute; left:20%; top:10%;}

.nr-1-a p.font2{ position:absolute; left:0px; top:25%;}

.nr-1-a p.font3{ position:absolute; left:10%; top:50%;}

.nr-1-a p.font4{ position:absolute; left:auto; right:0px; top:61%;}

.nr-1-a p.font5{ position:absolute; left:55%; top:89%;}

.nr-1-b{ width:830px; margin:0 auto; height:100%; -webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.nr-1-b span{ display:inline-block; float:left; width:100%; margin-bottom:20px; display:none;}

.nr-1-b span img{ max-width:300px; float:left;}

.nr-1-b p{ width:100%; float:left; font-size:15px; color:#fff; line-height:30px; font-weight:bold; margin-bottom:30px;}

.nr-1-b p:nth-child(2n+1){ margin-bottom:0px;}



@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}

@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}

@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){body{-webkit-text-size-adjust:none}}





@-webkit-keyframes movingbar1 {

  0% {

    height: 32%;

  }

  25% {

    height: 80%;

  }

  50% {

    height: 56%;

  }

  75% {

    height: 20%;

  }

  100% {

    height: 84%;

  }

}

@-moz-keyframes movingbar1 {

  0% {

    height: 32%;

  }

  25% {

    height: 80%;

  }

  50% {

    height: 56%;

  }

  75% {

    height: 20%;

  }

  100% {

    height: 84%;

  }

}

@keyframes movingbar1 {

  0% {

    height: 32%;

  }

  25% {

    height: 80%;

  }

  50% {

    height: 56%;

  }

  75% {

    height: 20%;

  }

  100% {

    height: 84%;

  }

}

@-webkit-keyframes movingbar2 {

  0% {

    height: 20%;

  }

  25% {

    height: 58%;

  }

  50% {

    height: 30%;

  }

  75% {

    height: 74%;

  }

  100% {

    height: 23%;

  }

}

@-moz-keyframes movingbar2 {

  0% {

    height: 20%;

  }

  25% {

    height: 58%;

  }

  50% {

    height: 30%;

  }

  75% {

    height: 74%;

  }

  100% {

    height: 23%;

  }

}

@keyframes movingbar2 {

  0% {

    height: 20%;

  }

  25% {

    height: 58%;

  }

  50% {

    height: 30%;

  }

  75% {

    height: 74%;

  }

  100% {

    height: 23%;

  }

}

@-webkit-keyframes movingbar3 {

  0% {

    height: 34%;

  }

  25% {

    height: 69%;

  }

  50% {

    height: 70%;

  }

  75% {

    height: 82%;

  }

  100% {

    height: 10%;

  }

}

@-moz-keyframes movingbar3 {

  0% {

    height: 34%;

  }

  25% {

    height: 69%;

  }

  50% {

    height: 70%;

  }

  75% {

    height: 82%;

  }

  100% {

    height: 10%;

  }

}

@keyframes movingbar3 {

  0% {

    height: 34%;

  }

  25% {

    height: 69%;

  }

  50% {

    height: 70%;

  }

  75% {

    height: 82%;

  }

  100% {

    height: 10%;

  }

}

@-webkit-keyframes movingbar4 {

  0% {

    height: 60%;

  }

  25% {

    height: 49%;

  }

  50% {

    height: 59%;

  }

  75% {

    height: 82%;

  }

  100% {

    height: 25%;

  }

}

@-moz-keyframes movingbar4 {

  0% {

    height: 60%;

  }

  25% {

    height: 49%;

  }

  50% {

    height: 59%;

  }

  75% {

    height: 82%;

  }

  100% {

    height:25%;

  }

}

@keyframes movingbar4 {

  0% {

    height: 60%;

  }

  25% {

    height: 49%;

  }

  50% {

    height: 59%;

  }

  75% {

    height: 82%;

  }

  100% {

    height: 25%;

  }

}

@keyframes ZYROTATE{

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

	100%{ transform:rotate(360deg);}

	}

@-webkit-keyframes ZYROTATE{

	0%{ -webkit-transform:rotate(0deg);}

	100%{ -webkit-transform:rotate(360deg);}

	}

.zyscale{

	animation:ZYSCALE 0.8s ease-in;

	-webkit-animation:ZYSCALE 0.8s ease-in;

	transform-origin:center center;

	-webkit-transform-origin:center center;

	animation-fill-mode: forwards;

	-webkit-animation-fill-mode:forwards;}

@keyframes ZYSCALE{

	0%{ transform:scale(0,0);}

	100%{ transform:scale(1,1);}

	}

@-webkit-keyframes ZYSCALE{

	0%{ -webkit-transform:scale(0,0);}

	100%{ -webkit-transform:scale(1,1);}

	}



.col-qh{ float:left; width:100%; height:100%; position:fixed;}

.col-qh .gallery-top{ height:100%;}

.list-xl{ position:absolute; top:100px; right:10vw; bottom:150px; left:10vw; overflow:hidden;}

.list-xl h6{ float:left; width:100%; height:100%; position:absolute; left:-100%;transition: all 0.9s ease-out 0.2s;}

.col-qh .swiper-pagination{ text-align:left; padding-left:10vw; bottom:50px !important;} 

.col-qh .swiper-pagination-bullet{font-size:20px; font-weight:bold; color:#000; background:none;opacity:1; width:60px; position:relative; margin-right:15px !important; text-align:left;-webkit-text-fill-color: rgba(0,0,0,0);-webkit-text-stroke-width:0.6px;letter-spacing:1px;    -webkit-text-stroke-color: #2e2c2c; font-family:"impact";}

.col-qh .swiper-pagination-bullet a{ color:#000;}

.col-qh .swiper-pagination-bullet-active a{ color:#ee673e;} 

.col-qh .swiper-pagination-bullet:nth-child(10n+1){ width:30px; margin-left:-50px !important;}

.col-qh .swiper-pagination-bullet-active{ color:#ee673e; -webkit-text-fill-color: #ee673e;-webkit-text-stroke-width:0px;-webkit-text-stroke-color: #ee673e;}

.col-qh .swiper-pagination-bullet:after{content:""; position:absolute; width:0px; height:3px; background:#ee673e; top:-10px; left:0px;transition: all 0.1s ease-out 0s;}

.col-qh .swiper-pagination-bullet-active:after{ width:44px;transition: all 0.5s ease-out 0s;}

.col-qh .swiper-pagination-bullet:nth-child(10n+1):after{ top:-26px; width:0px;}

.col-qh .swiper-pagination-bullet-active:nth-child(10n+1):after{ width:22px;}

.col-qh .swiper-slide-active .list-xl h6{ left:0px;}

#contrast{ position:fixed; bottom:0px; z-index:9;}

.gallery-thumbs{ position:fixed !important; left:0vw; right:10vw; bottom:0px; height:80px;}

.gallery-thumbs .swiper-slide{ font-size:30px; font-weight:bold; color:#000;}

.cc-list{position:absolute; top:120px; right:10vw; bottom:120px; left:10vw; overflow:hidden; }

.cc-list h6{ float:left; width:100%; height:100%; position:absolute; left:-100%;transition: all 0.9s ease-out 0.2s;}

.col-qh .gallery-top .swiper-slide-active .cc-list h6{ left:0px;}

.col-qh .gallery-top .swiper-slide{ overflow:hidden;}
.wxnr{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:-1;opacity: 0;}

.wxnr.ateler{ opacity: 1; z-index:999;}

.wxnr img{ position:absolute; z-index:2; width:258px; height:258px;left:50%; top:50%; margin-top:-129px; margin-left:-129px; background:#fff; }

.wxnr span{ position:absolute; left:0px; top:0px; bottom:0px; right:0px; width:100%; height:100%;float:left; height:100%;cursor: url(../images/plus_cursor.png) 25 25, auto;background-size: cover;}



@media (max-width: 1200px){

	.nr-1-a p.font3{ top:68%;}

	.contact-nr{ width:100%; left:0%; margin:0px;}
	.contact-nr p{padding:0px 18px;width:100%; }
	.contact-nr div{width:100%; }
	.stockist-nr dl dt{font-size: 26px;}
	.stockist-nr dl dd p{font-size: 16px;}
	}

@media (max-width: 1024px){

	.nr-1-a p{ font-size:60px; left:35%;} 

	.stockist{ padding:80px 10% 80px 10%}

	.nr-1-a p.font3{ top:auto; bottom:10%;}

	.stockist-nr dl dt{font-size: 22px;}
	.stockist-nr dl dd p{font-size: 14px;width:100%;letter-spacing: 0.5px; }

	}

@media (max-width: 1150px){

.tilter-wz img{ }	

.tilter-wz img.unrow-logo{ }	





}

@media (max-width: 1366px){



}

@media (max-width: 1024px){

.collection{ padding:50px;}	

.bqxx{ left:50px; bottom:5px;}

.audiobtn{ right:50px; bottom:20px;}

.follow p{left: calc(100% - 16px);}	

.look{ top:5px;}

.book-un ul li a:hover span{ font-size:12vw;}

.book-un ul li span{ font-size:8vw;}

.book-un{ width:60%;}

#gallerycontainer{ overflow-y:hidden; overflow-x:auto !important;}

#gallerycontainer::-webkit-scrollbar-track { background:none;}

#gallerycontainer::-webkit-scrollbar-thumb {  width:5px;  border-radius:4px;  background:rgba(0,0,0,.3) !important;}

.pooduct-bt h1{ font-size:5.2vw; line-height:120px;}

.prodcut{ top:120px; bottom:80px;}

.fwh{ top:49px;}

.fanhui{ line-height:60px;}

.fanhui a{ font-size:3vw;}

.product-video{ line-height:80px;}

.grdk_gb img{ width:40px;}

}

@media (max-height: 880px){

#gallerycontainer,.mouseslider li img,.dj-view img{ height:566px;}	

	

}

@media (max-width: 830px){

.nr-1-b{ width:100%; padding:0 15px;}

}

@media (max-height: 800px){

#gallerycontainer,.mouseslider li img,.dj-view img{ height:546px;}	

}





@media (max-height: 740px){

#gallerycontainer,.mouseslider li img,.dj-view img{ height:506px;}	

}

@media (max-height: 720px){

#gallerycontainer,.mouseslider li img,.dj-view img{ height:420px;}		

}



@media (max-height: 630px){

#gallerycontainer,.mouseslider li img,.dj-view img{ height:380px;}	

}





@media (max-width:820px){

.nav-menu{ padding:0px;}

}

@media (max-width: 768px){

.un-look ul li,.book-un ul li{ width:100%; }

.un-look ul li a,.book-un ul li span{ font-size:12vw;}

.book-un ul li a:hover span{ font-size:15vw;}

.baw ul li{ width:100%; height:15vw;}

.baw ul li a{ font-size:12vw; width:36vw; height:15vw;}

.contact-nr p{ font-size:5vw; margin-bottom:3vw;}

.contact-nr p a{ font-size:5vw;}

.contact-nr h2 a i{ font-size:6vw;}

.contact-nr h2{ margin-top:4vw;}

.pooduct-bt h1{ font-size:8vw;}

.product-video a{ font-size:3.5vw;}

.product-video{ line-height:80px;}

.stockist-nr{ width:100%;padding:0px;}
.stockist-nr:last-child{padding:0px;}
.stockist-nr dl{ margin-bottom:1vw;}

.stockist-nr dl dt{ font-size:26px;}

.stockist-nr dl dd p{ font-size:18px;}

.grdk_gb b{ font-size:8vw}

.stockist-cen{ display:block;}



.nr-1-b{ padding:0px 80px;}

}

@media (max-width: 740px){

.nav-nr ul{ width:510px;}	

.nav-nr ul li a{ font-size:36px;-webkit-text-stroke-width: 2px;}

.menu-open-to .nav-nr ul li:nth-child(6n+1){ width:120px;}

.menu-open-to .nav-nr ul li:nth-child(6n+2){ width:240px;}	

.menu-open-to .nav-nr ul li:nth-child(6n+3){ width:160px; left:134px;}

.menu-open-to .nav-nr ul li:nth-child(6n+4){ width:220px;left:155px;}

.menu-open-to .nav-nr ul li:nth-child(6n+5){ width:190px;left:278px;}

.menu-open-to .nav-nr ul li:nth-child(6n+6){ width:180px; left:385px;} 

.menu-open-to .nav-nr ul li:nth-child(6n+2):hover{transform:rotate(-50deg) translateX(17px) translateY(-94px)}

.menu-open-to .nav-nr ul li:nth-child(6n+3):hover{transform:rotate(-50deg) translateX(51px) translateY(-10px)}

.menu-open-to .nav-nr ul li:nth-child(6n+4):hover{transform:rotate(-50deg) translateX(98px) translateY(9px)}

.menu-open-to .nav-nr ul li:nth-child(6n+5):hover{transform:rotate(-50deg) translateX(62px) translateY(-14px)}

.menu-open-to .nav-nr ul li:nth-child(6n+6):hover{transform:rotate(-50deg) translateX(40px) translateY(-33px)}

.nr-1{padding: 60px 40px 60px 60px;}

.nr-1-b{ display: block; overflow-y: auto; overflow-x: hidden; padding-right:10px; padding-left:0px;}

.nr-1-b p{ line-height:24px;margin-bottom:20px; font-size:14px;}

.nr-1-b span{ margin-bottom:20px;}

.nr-1-b span img{ max-width:100%;}

.nr-1-b::-webkit-scrollbar-track{ background:none;}

.nr-1-b::-webkit-scrollbar-thumb{ width:5px;  border-radius:4px; background:rgba(0,0,0,.3) !important;}

.nr-1-a{ display:none;}

.nr-1-b span{ display:block;}

}

@media (max-width: 640px){

	

	

	.fh{ left:15px; top:20px;}

	.fh a{ margin-left:0px;} 

	.col-qh .swiper-pagination{ padding-left:0vw;}

	.col-qh .swiper-pagination-bullet:nth-child(10n+1){ margin-left:15px !important}

	.list-xl{ top:65px;}

}

@media (max-width: 640px){

.banner_a,.collection{ padding:40px;}	

.follow{ display:none;}

.bqxx{ left:15px; border:0px;}

.audiobtn{ right:15px; bottom:20px;}

.tilter--1:hover .tilter-wz p{-webkit-text-stroke-width: 1px;}

.un-look ul li a{ -webkit-text-stroke-width: 1px;}

.book-un ul li span{ -webkit-text-stroke-width: 2px;}

.book-un ul li:hover span{-webkit-text-stroke-width: 0px !important;}

.swiper-slide-active .baw ul li a{    -webkit-text-stroke-width: 1px;}

.baw ul li a:before,.baw ul li a:after{    -webkit-text-stroke-width: 1px;}

.book-un{ margin-right:2vw; top:10%;}

.nav-menu{ padding:60px 15px;}
.stockist-nr dl dt{font-size: 22px;}
.stockist-nr dl dd p{font-size: 14px;}

.prodcut{ top:80px; bottom:50px;}

.product-video{ line-height:50px;}

.product-video a{ font-size:5vw;}

.pooduct-bt h1{ line-height:80px;}

.fwh{ top:31.5px;}

.grdk_gb img{ width:36px;}

.banner{ width:90%; left:5%; top:25%; margin:0px; height:50%;}

.stockist{ padding:60px 20px 60px 60px;}

}

@media (max-width: 540px){

.nav-nr ul li a{ font-size:24px;    -webkit-text-stroke-width:1.5px;}

.tilter-wz img{ width:100%;}

.tilter-wz img.unrow-logo{ left:0px; margin:0px;}

.menu-open-to .nav-nr ul li:nth-child(6n+1){ width:80px; left:8%}

.menu-open-to .nav-nr ul li:nth-child(6n+2){ width:160px; left:24%;}	

.menu-open-to .nav-nr ul li:nth-child(6n+3){ width:110px; left:20%;}

.menu-open-to .nav-nr ul li:nth-child(6n+4){ width:150px;left:23%;}

.menu-open-to .nav-nr ul li:nth-child(6n+5){ width:125px;left:43%;}

.menu-open-to .nav-nr ul li:nth-child(6n+6){ width:122px; left:60%;} 

.menu-open-to .nav-nr ul li:nth-child(6n+2):hover{transform: rotate(-50deg) translateX(-10px) translateY(-94px)}

.menu-open-to .nav-nr ul li:nth-child(6n+3):hover{transform:rotate(-50deg) translateX(38px) translateY(-10px)}

.menu-open-to .nav-nr ul li:nth-child(6n+4):hover{transform:rotate(-50deg) translateX(78px) translateY(9px)}

.menu-open-to .nav-nr ul li:nth-child(6n+5):hover{transform:rotate(-50deg) translateX(44px) translateY(-14px)}

.menu-open-to .nav-nr ul li:nth-child(6n+6):hover{transform:rotate(-50deg) translateX(25px) translateY(-33px)}

}



@media (max-width: 480px){

.tilter-wz img{ width:100%;}	

.tilter-wz img.unrow-logo{ left:0px; margin-left:0px;}

#gallerycontainer,.mouseslider li img,.dj-view img{ height:520px;}	

.contact-nr p{ font-size:6vw;}

.contact-nr p a{ font-size:6vw;}

.contact-nr h2 a i{ font-size:8vw;}
.col-qh .swiper-pagination-bullet:nth-child(10n+1){width: 10%;margin-right: 0px !important;margin-left: 0px !important;}
.col-qh .swiper-pagination-bullet{width: 18%;margin-right: 0px !important;margin-left: 0px !important;}

}

@media (max-width: 400px){

.menu-open-to .nav-nr ul li:nth-child(6n+1){left:5%}

.menu-open-to .nav-nr ul li:nth-child(6n+2){left:20%;}	

.menu-open-to .nav-nr ul li:nth-child(6n+3){left:14%;}

.menu-open-to .nav-nr ul li:nth-child(6n+4){left:16%;}

.menu-open-to .nav-nr ul li:nth-child(6n+5){left:35%;}

.menu-open-to .nav-nr ul li:nth-child(6n+6){left:50%;} 

}

@media (max-width: 380px){

#gallerycontainer,.mouseslider li img,.dj-view img{ height:480px;}		

}

@media (max-width: 340px){

#gallerycontainer,.mouseslider li img,.dj-view img{ height:380px;}		

}