body{
	font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif !important;
	overflow-x:hidden;
}

a{color:#333;}
a:visited,
a:hover{
	text-decoration:none;
	color:#333;
}
ul{padding:0;margin:0;}
ul li{list-style:none;}
.vertical-space8{
	height:4rem;
	border:none;
	margin:0;
}
.vertical-space4{
	height:2rem;
	border:none;
	margin:0;
}
.vertical-space2{
	height:1;
	border:none;
	margin:0;
}


a.backtop {
    background-color: rgba(152,199,46,0.5);
    bottom: 57px;
    cursor: pointer;
    display: none;
    height: 45px;
    position: fixed;
    right: 10px;
    width: 45px;
    z-index: 100;
    color: #fff;
    text-align: center;
    line-height: 45px;
    font-size:12px;
 }
a.backtop:hover{
	background-color: rgba(152,199,46,1);
}

/*Sweet Alert*/
body.stop-scrolling{height:100%;overflow:hidden}.sweet-overlay{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:rgba(0,0,0,.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}.sweet-alert{background-color:#fff;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}.sweet-alert p{color:#797979;font-size:16px;text-align:center;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.sweet-alert fieldset{border:none;position:relative}.sweet-alert .sa-error-container{background-color:#f1f1f1;margin-left:-17px;margin-right:-17px;overflow:hidden;padding:0 10px;max-height:0;webkit-transition:padding .15s,max-height .15s;transition:padding .15s,max-height .15s}.sweet-alert .sa-error-container.show{padding:10px 0;max-height:100px;webkit-transition:padding .2s,max-height .2s;transition:padding .25s,max-height .25s}.sweet-alert .sa-error-container .icon{display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:3px}.sweet-alert .sa-error-container p{display:inline-block}.sweet-alert .sa-input-error{position:absolute;top:29px;right:26px;width:20px;height:20px;opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .1s;transition:all .1s}.sweet-alert .sa-input-error::after,.sweet-alert .sa-input-error::before{content:"";width:20px;height:6px;background-color:#f06e57;border-radius:3px;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-9px}.sweet-alert .sa-input-error::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-input-error::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-input-error.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.sweet-alert input{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);padding:0 12px;display:none;-webkit-transition:all .3s;transition:all .3s}.sweet-alert input:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.sweet-alert input:focus::-moz-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input:focus:-ms-input-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input:focus::-webkit-input-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input::-moz-placeholder{color:#bdbdbd}.sweet-alert input:-ms-input-placeholder{color:#bdbdbd}.sweet-alert input::-webkit-input-placeholder{color:#bdbdbd}.sweet-alert.show-input input{display:block}.sweet-alert .sa-confirm-button-container{display:inline-block;position:relative}.sweet-alert .la-ball-fall{position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:4px;opacity:0;visibility:hidden}.sweet-alert button{background-color:#8CD4F5;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0 5px;cursor:pointer}.sweet-alert button:focus{outline:0;box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)}.sweet-alert button:hover{background-color:#7ecff4}.sweet-alert button:active{background-color:#5dc2f1}.sweet-alert button.cancel{background-color:#C1C1C1}.sweet-alert button.cancel:hover{background-color:#b9b9b9}.sweet-alert button.cancel:active{background-color:#a8a8a8}.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important}.sweet-alert button[disabled]{opacity:.6;cursor:default}.sweet-alert button.confirm[disabled]{color:transparent}.sweet-alert button.confirm[disabled]~.la-ball-fall{opacity:1;visibility:visible;transition-delay:0s}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .sa-icon.sa-error{border-color:#F27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-info{border-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-success{border-color:#A5DC86}.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{content:'';-webkit-border-radius:40px;border-radius:40px;border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);-webkit-border-radius:40px;border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@-webkit-keyframes slideFromTop{0%{top:0}100%{top:50%}}@keyframes slideFromTop{0%{top:0}100%{top:50%}}@-webkit-keyframes slideToTop{0%{top:50%}100%{top:0}}@keyframes slideToTop{0%{top:50%}100%{top:0}}@-webkit-keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@-webkit-keyframes slideToBottom{0%{top:50%}100%{top:70%}}@keyframes slideToBottom{0%{top:50%}100%{top:70%}}.showSweetAlert[data-animation=pop]{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.showSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideFromTop .3s;animation:slideFromTop .3s}.showSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideFromBottom .3s;animation:slideFromBottom .3s}.hideSweetAlert[data-animation=pop]{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideToTop .4s;animation:slideToTop .4s}.hideSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideToBottom .3s;animation:slideToBottom .3s}@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.animateSuccessLong{-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}.sa-icon.sa-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark .5s;animation:animateXMark .5s}@-webkit-keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}@keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}@keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-ms-transform:rotate(45deg) \9}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-ms-transform:rotate(-45deg) \9}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{-ms-transform:rotate(45deg) \9}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{-ms-transform:rotate(-45deg) \9}.la-ball-fall,.la-ball-fall>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-ball-fall{display:block;font-size:0;color:#fff}.la-ball-fall.la-dark{color:#333}.la-ball-fall>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-ball-fall{width:54px;height:18px}.la-ball-fall>div{width:10px;height:10px;margin:4px;border-radius:100%;opacity:0;-webkit-animation:ball-fall 1s ease-in-out infinite;-moz-animation:ball-fall 1s ease-in-out infinite;-o-animation:ball-fall 1s ease-in-out infinite;animation:ball-fall 1s ease-in-out infinite}.la-ball-fall>div:nth-child(1){-webkit-animation-delay:-200ms;-moz-animation-delay:-200ms;-o-animation-delay:-200ms;animation-delay:-200ms}.la-ball-fall>div:nth-child(2){-webkit-animation-delay:-100ms;-moz-animation-delay:-100ms;-o-animation-delay:-100ms;animation-delay:-100ms}.la-ball-fall>div:nth-child(3){-webkit-animation-delay:0ms;-moz-animation-delay:0ms;-o-animation-delay:0ms;animation-delay:0ms}.la-ball-fall.la-sm{width:26px;height:8px}.la-ball-fall.la-sm>div{width:4px;height:4px;margin:2px}.la-ball-fall.la-2x{width:108px;height:36px}.la-ball-fall.la-2x>div{width:20px;height:20px;margin:8px}.la-ball-fall.la-3x{width:162px;height:54px}.la-ball-fall.la-3x>div{width:30px;height:30px;margin:12px}@-webkit-keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}}@-moz-keyframes ball-fall{0%{opacity:0;-moz-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-moz-transform:translateY(145%);transform:translateY(145%)}}@-o-keyframes ball-fall{0%{opacity:0;-o-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-o-transform:translateY(145%);transform:translateY(145%)}}@keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);-moz-transform:translateY(-145%);-o-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-webkit-transform:translateY(145%);-moz-transform:translateY(145%);-o-transform:translateY(145%);transform:translateY(145%)}}






/*********************
** Store SECTION
**********************/
.store-section{
    height:600px;
    position: relative;
    width: 100%;
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    justify-content: space-around;
    align-items: flex-start;
    overflow: hidden;
    padding: 0px;
    cursor: auto;
    min-height: auto;
    perspective: 1px;
    transform-style: preserve-3d;
    -webkit-box-align: center;
    align-items: center;
}
.store-link{
    display: block;
    border: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0px;
    border-radius: 0px;
    box-sizing: border-box;
    transition: none 0s ease 0s;
    transition-property: color, border-color, background-color, fill;
    transition-duration: 0.3s;
    text-decoration: none;
}
.store-link::after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    opacity: .5;
    background: rgba(0,0,0,1);
    height: 100%;
    display: block;
    content: '';
    transition:.5s;
}
.store-link img{
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 0.5s linear 0s;
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.store-section:hover .store-link img{
    transform: scale(1.04);
}
.storemask{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5);
    transform: translate3d(0px, 0px, 0px);
    transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    display: block;
    opacity: 1;
    z-index: 3;
}
.store-text-box{
    position: relative;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    margin: 0px auto;
    flex: 0.8 1 auto;
    -webkit-box-pack: center;
    justify-content: center;
    width: 65%;
    transform: none;
    color:#fff;
    max-width: 700px;
    z-index: 3;
    text-align:center;
}
.store-text-box .st-1 {
    margin: 0px 0px 30px;
    font-weight: 400;
    font-family: var(--text-font-family);
    letter-spacing: 0px;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.3;
    display: block;
}

.store-text-box .st-2 {
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    display: block;
    font-weight: 400;
    font-size: calc(1.25rem + 0.625 * ((100vw - 20rem) / 100));
    line-height: 1.5;
    margin: 0px 0px 20px;
    letter-spacing:3px;
}

.store-text-box .store-button {
    display: inline-flex;
    flex-flow: row wrap;
}
.store-text-box .store-button a.store-button-link{
    transition-property: color, border-color, background-color, fill;
    transition-duration: 0.3s;
    text-decoration: none;
    margin: 0px auto;
    pointer-events: auto;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    background-color: transparent;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-radius: 1.875rem;
    border-width: 1px;
    cursor: pointer;
    flex-direction: row;
    padding: 0.6875rem 1.875rem;
    line-height: 1;
    font-size: 1rem;
}
.store-section:hover .store-text-box .store-button a.store-button-link {
    background-color:#efb133;
    border-color:#efb133;
    color: white;
}
.store-section:hover .store-link::after{
    opacity: .2;
}



/*=============header=============*/


/******左侧导航*******/

.header-box {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1500;
    width: 100vw !important;
}

.header-box header {
    position: relative;
    width: 100%;
    z-index: 2;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    backface-visibility: hidden;
    perspective: 1000px;
    height:80px;
    transition: background 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s;
}
.header-box header.wheader{
	height:60px;
	background-color:#fff;
}

.h-menu {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    color:#fff;
}
.h-menu-button-box{
	margin: 0px 0px 10px 5vw;
	display: flex;
    align-self: flex-end;
}

.h-menu-button {
    display: flex;
    align-items: flex-start;
    align-self: flex-end;
    padding: 0px;
    cursor: pointer;
    position: relative;
    outline: none;
    border: none;
    background-color: transparent;
    color:#fff;
}


.h-menu-line {
    width: auto;
    display: flex;
    flex-direction: column;
    margin: 4px 0px 0px;
}
.h-menu-line .h-menu-button-line-1 {
    width: 18px;
    display: block;
    height: 0px;
    margin-bottom: 5px;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-radius: 2px;
}
.h-menu-line .h-menu-button-line-1:last-child {
    margin-bottom: 0px;
}
.h-menu-button-text {
    padding: 0px 0px 0px 7px;
}

.h-nav {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0px 0px 0px 50px;
}
.h-nav-item {
    fill: inherit;
    font-weight: 400;
    font-size: 1rem;
    outline: none;
    margin: 0px 0px 10px 20px;
    display: block;
    color: inherit !important;
}

/******Logo*******/

.logo {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 100px;
    transform: translateX(-50%);
    height: 100%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: flex-end;
}
.logo a{
	outline: none;
    margin-bottom: 0px;
}
.logo a.logo2{
    display: none;
}
.logo a svg{
	height:60px;
	fill: rgb(255, 255, 255);
	transition: height 0.3s ease-in-out 0s;
}
.logo a svg #tc_1 > path{

}
.logo a svg switch g #tc_1 rect:nth-child(2){
	fill:rgb(34,24,20);
}
.home-page{
	position:relative;
}




/******导航右侧*******/
.h-right{
	display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    align-items: center;
    padding-right: 5vw;
    color:#fff;
}
.wheader .h-right ul {
    margin-top: 25px;
}
.h-right ul{
    display: flex;
    margin-top: 47px;
    align-items: center;
}
.h-right ul li{
    float: none;
}
.h-right ul li a{
    display: block;
    fill: inherit;
    font-weight: 400;
    font-size: 1rem;
    outline: none;
    margin: 0px 0px 10px 20px;
    display: block;
    color: inherit !important;
}
a.h-right-box:hover,
a.h-right-box:visited,
.h-right-box {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    align-self: flex-end;
    outline: none;
    margin: 0px 0px 0px 50px;
    color:#fff;
}

.h-right-button{
	position: relative;
    display: flex;
    flex-direction: row;
    padding: 0px;
    color: inherit;
    fill: inherit;
    font-weight: 400;
    font-size: 1rem;
    cursor: pointer;
    outline: none;
    border: none;
    background-color: transparent;
    margin: 0px 0px 10px;
}
.h-right-button svg {
    align-self: flex-end;
    margin: 0px 8px 4px 0px;
    fill: rgb(255, 255, 255);
}
/******白色导航*******/
header.wheader .h-right,
header.wheader .h-menu,
header.wheader .h-menu-button{
	color:#000;
}
header.wheader .h-menu-line .h-menu-button-line-1{
	background-color:#000;
}
header.wheader .logo a svg,
header.wheader .h-right-button svg{
	fill: rgb(0, 0, 0);
}
header.wheader .logo a{
	margin-bottom:7px;
}
header.wheader .logo a.logo1{
    display: none;
}
header.wheader .logo a.logo2{
    display: inline-block;
}
header.wheader .logo a svg{
	height:45px;
}
header.wheader .logo a,
header.wheader .h-right-button{
	color:#333;
}



.pro-list{
	padding-left: 5vw;

}
.pro-list .pro-item{
	margin:0 2px;
}

.pro-list .pro-item .pro-pic{
    display: grid;
    padding: 0px;
    overflow: hidden;
    box-sizing: border-box;
}
.pro-list .pro-item .pro-pic img{
	max-width:100%;
	display:block;
	transition: transform 0.6s ease 0s;
}
.pro-list .pro-item:hover .pro-pic img {
    transform: scale(1.05);
    transform-origin: 50% 50%;
}
.pro-list .pro-des{
	transition: transform 0.2s ease 0s;
	display: flex;
    flex-direction: column;
    position: relative;
    white-space: normal;
    color: rgb(33, 33, 33);
    background-color: #fff;
    pointer-events: none;
}
.pro-list .pro-des span{
    margin: 10px 0px 0px;
    font-weight: 700;
    font-size: calc(0.6875rem + 0.3125 * ((100vw - 20rem) / 100));
    line-height: 1.4;
    letter-spacing: 1px;
}
.pro-list .pro-des span.pro-d-1{
	margin-top: 10px;
}
.pro-list .pro-des span.pro-d-2{
    margin: 0px;
    font-size: calc(0.75rem + 0.125 * ((100vw - 20rem) / 100));
    line-height: 1.2;
    font-weight:normal;
    color:#7b7b7b;
}
.pro-list .pro-des span.pro-d-3{
	margin: 5px 0px 0px;
    font-size: 0.875rem;
    font-style: normal;
    padding-left: 0px;
    font-weight: 400;
    color: inherit;
    opacity: 0;
    transition: opacity 0.2s linear 0s;
}
.pro-list .pro-item:hover .pro-des {
    transform: translateY(-20px);
    transform-origin: 50% 50%;
}
.pro-list .pro-item:hover .pro-des span.pro-d-3 {
    opacity: 1;
}

.swiper-slide {
      width: 25%;
}

.swiper-container-horizontal>.swiper-pagination-bullets{
	width: 80%;
    margin: 0 auto;
    display: grid;
    grid-auto-flow: column;
    text-align: center;
    left: 50%;
    bottom: 70px;
    transform:translate(-50%, 0);
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 100%;
    height: 4px;
    border-radius: 0;
    background-color: #efb133;
}









/*=============footer=============*/
footer {
    color: rgb(212, 212, 212);
    background-color: rgb(33, 33, 33);
    position: relative;
    padding: 50px 0 0;
}
footer ul li .title{
    color: white;
    margin-bottom: 10px;
}
footer ul li a:visited,
footer ul li a {
    transition: fill 0.2s ease 0s, color 0.2s ease 0s;
    color: rgb(212, 212, 212);
    font-size: 0.8125rem;
    line-height: 2.5em;
    font-weight: 400;
    cursor: pointer;
    text-transform: capitalize;
}
footer ul li a > p{
	margin:0;
	padding:0;
	display:inline-block;
}
footer ul li a:hover{
	color: rgb(164, 126, 45);
}

footer .rexian{
	margin-top:50px;
	border-top: 1px solid rgb(51, 51, 51);
	padding-top:20px;
}
footer .rexian p{
	color: rgb(212, 212, 212);
    font-size: 0.8125rem;
    line-height: 1.8em;
    font-weight: 400;
    text-align:center;
}



/*=============Pannel Menu=============*/

.pannel-menu{
    width: 19vw;
	position: fixed;
    z-index: 2001;
    inset: 0px;
    display: flex;
    flex-flow: row;
    background-color: rgba(0, 0, 0, 0.8);
    display:none;
    top:0;
	left:0;
	right:0;
	bottom:0;
}
.pm-box{
	position: relative;
    box-sizing: border-box;
    display: flex;
    width: 19vw;
    overflow:hidden;
    background: rgb(33, 33, 33);
    opacity: 0;
    transform: translateX(-40vw);
    transition: transform 0.4s linear 0s,opacity 0.5s linear 0s;
}
.pm-box.show{
	opacity:1;
	transform: translateX(0);
}
.scroll-box {
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    overflow: auto;
    padding: 100px 0px 40px;
    -webkit-box-pack: start;
    justify-content: flex-start;
    width:100%;
}
.scroll-box::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    appearance: none;
}
.pm-close-box{
	    display: flex;
    position: absolute;
    z-index: 12;
    box-sizing: border-box;
    left: 0px;
    color: white;
    font-size: 0.875rem;
    top: calc(5vw - 43px);
    padding: 25px 5vw 0px;
    width: 100%;
}

button.pm-close{
    width: 40px;
    height: 40px;
    padding: 0px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border:none;
    outline: none;
    cursor: pointer;
    position: fixed;
    top: 40px;
    transition: background-color 0.3s ease 0s;
    background-color: transparent;
    transform: translate(calc(-50% + 7.5px), calc(50% - 20px));
    left: 2vw;
}
button.pm-close span {
    display: inline-flex;
}
button.pm-close span svg{
	fill: rgb(255, 255, 255);
	transition: fill 0.3s ease 0s;
}
button.pm-close:hover span svg {
    fill: rgb(164, 126, 45);
}
.pm-logo{
	position: fixed;
    padding-bottom: 20px;
    top: 0px;
    left: 0px;
    background-color: rgb(33, 33, 33);
    z-index: 11;
    text-align: center;
    width: 100%;
}
.pm-logo svg{
	height: 60px;
    margin: 22px 0px 10px;
    fill: rgb(255, 255, 255);
    display: inline-block;
}
.pm-logo svg switch g #tc_1 rect:nth-child(2){
	fill:rgb(34,24,20);
}
.pm-nav {
    margin: 30px 0px 70px;
    padding-top: 20px;
    overflow:visible;
    width:100%;
    position:relative;
}
.pm-nav .pro-list {
	height:auto;
}
.pm-nav .pro-list .pro-des{
	background-color: rgb(33, 33, 33);
	margin-bottom:0;
	color:#ffffff;
}
.pm-nav .pro-list .pro-des span{
	margin: 10px 0px 0px;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1.4;
}
.pm-nav .pro-list .pro-des span.pro-d-3{
	font-size: 0.75rem;
    line-height: 1.4;
}
.pm-nav .pro-list .owl-controls .owl-page span{
	height:4px;
}



.pm-nav .nav-f{
	list-style-type: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0px auto;
    width: 100%;
    max-width: 650px;
    padding: 25px 0px;
}
.pm-nav .nav-f li {
    padding: 8px 0px;
    text-align: center;
}
.pm-nav .nav-f li a {
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    text-decoration: none;
    color: rgb(255, 255, 255);
    transition: color 0.3s ease 0s;
    outline: none;
    letter-spacing:1px;
    width: 109px;
    display: inline-block;
    text-align: left;
    text-transform: capitalize;
    left: 20px;
}
.pannel-menu_en .pm-nav .nav-f li a{
    width: auto;
}
.pm-nav .nav-f li a p{
	margin:0;
	padding:0;
	display:inline-block;
}

.pm-nav .swiper-container{
	padding-bottom:25px;
	padding-right: 5vw;
}
.pm-nav .swiper-container-horizontal>.swiper-pagination-bullets{
	bottom:15px;
	width:50%;
}
.pm-nav .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	background-color:#fff;
}



.scroll-box .lan-box {
    display: flex;
    background-color: rgb(33, 33, 33);
    position: fixed;
    z-index: 11;
    box-sizing: border-box;
    bottom: 0px;
    left: 0px;
    color: white;
    width: 50vw;
    font-size: 0.875rem;
    -webkit-box-align: center;
    align-items: center;
    padding: 30px 0px;
}
.scroll-box .lan-box > div{
	margin: 0px auto;
    max-width: 650px;
    width: 40vw;
}
.scroll-box .lan-box > div a{
	transition: color 0.3s ease 0s;
    color: rgb(255, 255, 255);
}

.pm-nav .nav-f li a:hover ,
.scroll-box .lan-box > div a:hover{
	color: rgb(164, 126, 45);
}


.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	pointer-events: unset;
}









/*=============Pannel Search=============*/

.pannel-search{
	position: fixed;
    z-index: 9999;
    inset: 0px;
    display: flex;
    flex-flow: column;
    background-color: rgba(0, 0, 0, 0.8);
    display:none;
    top:0;
	left:0;
	right:0;
	bottom:0;
}

.ps-box{
	position: relative;
    box-sizing: border-box;
    display: flex;
    min-height: 40vh;
    overflow:hidden;
    background: rgb(248, 248, 248);
    opacity: 0;
    transform: translateY(-40vh);
    transition: transform 0.2s linear 0s,opacity 0.2s linear 0s;
}
.ps-box.show{
	opacity:1;
	transform: translateY(0);
}

.ps-box .scroll-box {
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    overflow: hidden auto;
    padding: 100px 5vw 40px;
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.ps-close-box{
	    display: flex;
    position: absolute;
    z-index: 12;
    box-sizing: border-box;
    left: 0px;
    color: white;
    font-size: 0.875rem;
    top: calc(5vw - 43px);
    padding: 25px 5vw 0px;
    width: 100%;
}

button.ps-close{
    width: 40px;
    height: 40px;
    padding: 0px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    position: fixed;
    top: 40px;
    transition: background-color 0.2s ease 0s;
    right: 5vw;
    border:none;
}
button.ps-close span {
    display: inline-flex;
}
button.ps-close span svg{
	fill: rgb(0, 0, 0);
	transition: fill 0.2s ease 0s;
}
button.ps-close:hover span svg {
    fill: rgb(255, 255, 255);
}
button.ps-close:hover{
	background-color:rgb(164, 126, 45);
}
.ps-logo{
	position: fixed;
    padding-bottom: 20px;
    top: 0px;
    left: 0px;
    background:transparent;
    z-index: 11;
    text-align: center;
    width: 100%;
}
.ps-logo svg{
	height: 40px;
    margin: 38px 0px 10px;
    fill: rgb(0, 0, 0);
    display: inline-block;
}
.ps-search-box{
	display: flex;
    width: 650px;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    flex-flow: column;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0px auto;
}
.ps-search-box h1 {
    font-size: 1.375rem;
    padding: 10vh 0px 70px;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    margin: 0px;
    letter-spacing:2px;
}
.ps-search-box .search-form {
    display: flex;
    flex-direction: row;
    position: relative;
}
.ps-search-box .search-form > input {
    align-self: flex-end;
    width: 100%;
    outline: none;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-radius: 0px;
    padding: 0px;
    border-bottom: 1px solid rgb(212, 212, 212);
    background-color: transparent;
    height: 37px;
    font-weight: 200;
    font-size: 1.25rem;
    color: rgb(33, 33, 33);
}

.ps-search-box .search-form .button-sf {
    display: flex;
    cursor: pointer;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: #efb133;
    border: 1px solid #efb133;
    border-radius: 50px;
    margin: 0px 0px 0px 10px;
    padding: 12px;
    transition: background-color 200ms ease 0s, fill 200ms ease 0s;
    outline: none;
}

.ps-search-box .search-form .button-sf svg {
    height: 14px;
    width: 14px;
    fill: rgb(255, 255, 255);
}
.ps-search-box .search-form .button-sf:hover {
    background-color: transparent;
}
.ps-search-box .search-form .button-sf:hover svg {
    fill: rgb(239, 177, 51);
}


.ps-search-box .find-store-box{
	display: flex;
    margin: 20px 0px;
}

.ps-search-box .find-store-box > a{
	transition: opacity 0.3s ease 0s;
    outline: none;
}
.ps-search-box .find-store-box > a span > svg {
    fill: rgb(239, 177, 51);
    margin-bottom:4px;
}


.ps-search-box .find-store{
	width:unset;
	margin:0;
}

.ps-search-box .find-store-box .find-store-text {
    transition: all 0.3s ease 0s;
    font-size: 1rem;
    color: rgb(18, 120, 74);
    letter-spacing: 0.3px;
    font-style: normal;
    font-weight: 400;
    cursor: pointer;
    margin:0;
}
.ps-search-box .find-store-box > a:hover {
    opacity: 0.4;
}



.pagination{
	display:block;
	text-align:center;
	margin-bottom:5vw;
}
.pagination a,
.pagination span{
	border:1px solid #cecece;
	color:#cecece;
	line-height:33px;
	width:35px;
	height:35px;
	border-radius:3px;
	display: inline-block;
}
.pagination a{
	color:#999;
}














.hidden{
    display: none;
}

@media only screen and (max-width: 1440px) {

}
@media only screen and (max-width: 1280px) {
	.logo a svg{
		height:50px;
		margin-bottom:0px;
	}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .lng_yuyan img{
        width: 21px;
        position: relative;
        top: -10px;
        right: 10px;
    }
    .hidden-xs{
        display: none;
    }
    .visible-xs{
        display: block;
    }
	.h-right-text,
	.h-nav,
	.h-menu-button-text{
		display:none;
	}
    .pannel-menu{
        width: 85vw;
    }
    .pm-logo img{
        width: 163px !important;
        top: -10px !important;
    }
	.header-box header{
		height:60px;
	}
	.h-menu-button-box{
		margin: 0px 0px 12px 5vw;
	}
	.h-right-button{
		margin: 0px 0px 12px;
	}
	header.wheader .logo a svg,
	.logo a svg{
		height:40px;
		margin-bottom:0px;
	}
	.logo a{
		margin-bottom:0;
	}
    .logo a img{
        width: 144px !important;
        top: 33px !important;
    }

    footer .footer_menu{
        display: none;
        margin-top: 0;
    }

	footer{
		padding-bottom:0;
		padding-top:30px;
	}
	footer .rexian{
		margin-top:30px;
	}
	.scroll-box .lan-box,
	.pm-logo,
	.pm-box{
		width:90vw;
	}
	.pm-nav{
		margin:0px 0 30px;
	}
	.pm-nav .pro-list .swiper-slide{
		width:40%;
	}
	.pm-logo{
		padding-bottom:0;
	}
	.pm-logo svg{
		height:40px;
		margin: 22px 0px 0;
	}
	button.pm-close{
		top:18px;
        left: 20px;
	}
	.pm-nav .nav-f{
		padding: 10px 0px;
    	width: 80vw;
	}
	.pm-nav .nav-f li{
		line-height:1.1;
	}

	.scroll-box .lan-box{
		padding:15px 0;
	}
	.pm-nav .nav-f li a{
		font-size: 0.875rem;
	}
	.scroll-box .lan-box > div{
		width: 80vw;
	}
	.pm-nav .swiper-container-horizontal>.swiper-pagination-bullets{
		width:80%;
	}


	.ps-box.show {
	    min-height: 100vh;
	}
	.ps-logo svg{
	    height: 30px;
	    margin: 25px 0px 10px;
	}
	button.ps-close{
		top:20px;
	}
	.ps-search-box h1{
		font-size: 1.25rem;
    	padding: 80px 0px 70px;
	}
}