/* 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;   
	-webkit-text-size-adjust: 100% !important; 
}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{
    font-size:1em;
    line-height:1.3;font-family: "SourceHanSansCN-Normal";
}
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:#0077c2;    
    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 { 
     
} 
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,.about_1 ul li 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;}
.comdiv{
width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.food_2_mid_left_bg,.ynhj_1 ul li .ynhj_1_img_cssimg{transition: all 1.5s 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;*/}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.food_2 ul li:hover .food_2_mid_left_bg,.ynhj_1 ul li:hover .ynhj_1_img_cssimg{/*-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; } 
div::-webkit-scrollbar-track-piece {  
    background-color: rgba(182, 237, 247, 0);  
    border-left: 1px solid rgba(182, 237, 247, 0);  
}  
div::-webkit-scrollbar {  
    width: 2px;  
    height: 2px;  
    -webkit-border-radius: 2px;  
    -moz-border-radius: 2px;  
    border-radius: 2px;  
}  
div::-webkit-scrollbar-thumb {  
    background-color: rgba(182, 237, 247, 0.5);  
    background-clip: padding-box;  
    -webkit-border-radius: 2px;  
    -moz-border-radius: 2px;  
    border-radius: 2px;  
    
}  
div::-webkit-scrollbar-thumb:hover {  
    background-color: rgba(182, 237, 247, 0.5);  
    -webkit-border-radius: 2px;  
    -moz-border-radius: 2px;  
    border-radius: 2px;  
} 
/*************************/

.global-nav-initializer {
  width: 38px;
  height: 34px;
  display:block; margin:0 1em 0 0;
  
  position: relative;
  background: white;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }
 
  .global-nav-initializer .line {
    width: 22px;
    height: 2px;
    background: 2px;
    left: 8px;
    position: absolute;
    background: #333;
    
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    .global-nav-initializer .line.top {
      top: 8px; }
    .global-nav-initializer .line.mid {
      top: 16px; }
    .global-nav-initializer .line.bottom {
      top: 24px; }
	  .active .global-nav-initializer {
    background: #cfa972; }
    .active .global-nav-initializer .line {
	background-color:#fff;
      }
       .global-nav-initializer.active .line.top {
        -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
        -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
        -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
        -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
        transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); }
       .global-nav-initializer.active .line.mid {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0); }
     .global-nav-initializer.active .line.bottom {
        -webkit-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
        -moz-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
        -ms-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
        -o-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
        transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); }

.mobilemenu{ overflow:visible; overflow-x:hidden; overflow-y:auto;  -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;visibility:hidden;
position:fixed; left:0; top:-100%; width:100%; background-color:#fff;height:calc(100vh - 80px); z-index:888; }
.mobilemenuon{top:80px;opacity:1;visibility:visible}
.mobilemenu ul li{
text-align:center;border-bottom:1px #dedede solid; }
.mobilemenu ul{
margin:.5em 0 0 0;}
.mobilemenu ul li a.biga{
display:block;  padding:0.8em 0;}
 
.mobilemenu ul li.on a.biga{
color:#fff; background-color:#004ea2}
.mobilemenu ul li dl dd{
font-size:0.875em; margin:0.5em 0;}
.mobilemenu ul li dl{ display:none;
padding-bottom:0.5em;}