/* CSS Document */
/*#region 重置元素*/
*:focus {outline: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{
    padding: 0;
    margin:0;
}
@font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
body{
    font:1em/1.3 "SourceHanSansCN-Normal", sans-serif;    
}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{
    font-size:1em;
    line-height:1.3;
}
address, cite, dfn, em, var { 
    font-style:normal; 
} 
code, kbd, pre, samp {
     font-family: courier new, courier, monospace; 
} 
small { 
    font-size:  0.75em; 
} 
ul, ol { 
    list-style: none; 
    margin:0;
}
body,legend { 
    color:#000;
}
a{
    color:inherit; color:#000;
    text-decoration: none; 
}
a:hover  {
    color:#000;    
    text-decoration: none; 
}
a:active{
    color:inherit;
}
sup { 
    vertical-align: text-top; 
} 
sub { 
    vertical-align: text-bottom;
}

fieldset, img { 
    border: 0; 
}
button, input, select, textarea { 
    font-size:  0.75em; 
} 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
    width:100%;
    word-break: break-all;
}
table th {
    font-weight:normal;
}
table th,table td {
    font-weight:normal;
    text-align:center;
} 
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
img{
	vertical-align:middle;
}
::-moz-placeholder { color:#000; }
input:-webkit-input-placeholder { color:#000; } 
input:-moz-placeholder { color:#000; } 
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
/*#endregion */

button:disabled,
.disabled{
    opacity:0.5;
    cursor:default;
}
.hi{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.css3,a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.cssimg,.cssimgp img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
.cssimg:hover,.cssimgp:hover img{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}

.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
/*************************/
.mobile_menu_shop{ display:none;
float:right; margin-right:1em; margin-top:1.125em;}
.mobile_menu{ cursor:pointer; display:none;
float:right; margin-right:0.5em; margin-top:11px; position:relative;    width:45px; height:45px;}
.nav-trigger{ overflow: hidden; text-indent: 100%;white-space: nowrap;color: transparent;} .nav-trigger span,.nav-trigger span::before,.nav-trigger span::after{position: absolute;width: 28px; height:2px;background-color: #000;-webkit-backface-visibility: hidden;backface-visibility: hidden;} .header.pages-header .nav-trigger span,.header.pages-header .nav-trigger span::before,.header.pages-header .nav-trigger span::after{background:#000} .nav-trigger span {top: 21px;left: 8px;-webkit-transition: background 0.2s 0.1s;-moz-transition: background 0.2s 0.1s;transition: background 0.2s 0.1s;} .nav-trigger span::before, .nav-trigger span:after {content: '';left: 0;-webkit-transition: -webkit-transform 0.2s 0.1s;-moz-transition: -moz-transform 0.2s 0.1s;transition: transform 0.2s 0.1s;} .nav-trigger span::before {bottom: 8px;} .nav-trigger span::after {top: 8px;} .nav-trigger.active span {background-color: rgba(255, 255, 255, 0);} .header.pages-header .nav-trigger.active span {background-color: rgba(0, 0, 0, 0);} .nav-trigger.active span::before, .nav-trigger.active span::after {background-color:#000;} .header.pages-header .nav-trigger.active span::before,.header.pages-header .nav-trigger.active span::after {background-color:#000;} .nav-trigger.active span::before {-webkit-transform: translateY(8px) rotate(-45deg);-moz-transform: translateY(8px) rotate(-45deg);-ms-transform: translateY(8px) rotate(-45deg);-o-transform: translateY(8px) rotate(-45deg);transform: translateY(8px) rotate(-45deg);} .nav-trigger.active span::after {-webkit-transform: translateY(-8px) rotate(45deg);-moz-transform: translateY(-8px) rotate(45deg);-ms-transform: translateY(-8px) rotate(45deg);-o-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}

.momenu{ background-color:#fff; z-index:888;
-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;opacity:0;
position:fixed; left:0; top:-100%; width:100%; height:100%; overflow-y:auto;  }
.momenu ul{
margin-top:3.9375em;}
.momenu ul li{
text-align:center;font-family: "GILROY-LIGHT"; text-transform: uppercase;}
a.momenu_big{ color:#000;
display:block;padding:1em 0; border-bottom:1px #ccc solid;}
.momenu ul li.on a.momenu_big{
background-color:#000; color:#fff;}
.momenu ul li dl dd{
font-size:0.875em; padding:0.5em 0;}
.momenu ul li dl dd:nth-child(1){
margin-top:0.5em;}
.momenu ul li dl dd a{
color:#666;}
.momenu ul li dl{ overflow:hidden;
-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; height:0; opacity:0;}
.momenu ul li.on dl{
height:auto; opacity:1;}
.bodynoll{
overflow:hidden;}
@media screen and (max-width:1200px) {
.momenuon{
top:0;opacity:1}


.mobile_menu_shop,.mobile_menu{
display:block;}
}