/* -------------------------------- 

Primary style

-------------------------------- */

a { text-decoration: none; }
/* -------------------------------- 
Main Components 
-------------------------------- */
.cd-nav-trigger {  z-index: 3; height: 44px; width: 44px; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; transition: transform 0.2s; }
.cd-nav-trigger span {position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 32px; height: 3px; background-color: white; }
.cd-nav-trigger span::before, .cd-nav-trigger span:after {content: '';position: absolute;top: 0;right: 0;width: 100%; height: 100%; background-color: inherit;
  /* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: -webkit-transform 0.2s, width 0.2s;-moz-transition: -moz-transform 0.2s, width 0.2s;transition: transform 0.2s, width 0.2s;}
.cd-nav-trigger span::before {-webkit-transform-origin: right top;-moz-transform-origin: right top;-ms-transform-origin: right top; -o-transform-origin: right top;transform-origin: right top;-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
.cd-nav-trigger span::after {-webkit-transform-origin: right bottom;-moz-transform-origin: right bottom;-ms-transform-origin: right bottom;-o-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);}
.no-touch .cd-nav-trigger:hover {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.no-touch .cd-nav-trigger:hover span::after, .no-touch .cd-nav-trigger:hover span::before {width: 50%;}
.no-touch .cd-nav-trigger:hover span::before {-webkit-transform: translateX(1px) translateY(1px) rotate(45deg);-moz-transform: translateX(1px) translateY(1px) rotate(45deg);-ms-transform: translateX(1px) translateY(1px) rotate(45deg);-o-transform: translateX(1px) translateY(1px) rotate(45deg);transform: translateX(1px) translateY(1px) rotate(45deg);}
.no-touch .cd-nav-trigger:hover span::after { -webkit-transform: translateX(1px) translateY(-1px) rotate(-45deg);-moz-transform: translateX(1px) translateY(-1px) rotate(-45deg);-ms-transform: translateX(1px) translateY(-1px) rotate(-45deg);-o-transform: translateX(1px) translateY(-1px) rotate(-45deg);transform: translateX(1px) translateY(-1px) rotate(-45deg);}
@media only screen and (min-width: 1024px) {
.cd-nav-trigger {top: 38px;}
}
/* -------------------------------- 
xnavigation 
-------------------------------- */
.cd-nav-container { position: fixed; z-index: 999; top: 0; right: 0; width: 70%; height: 100%; overflow-y: auto; background:url(/public/_imgEn/bg.jpg) no-repeat left top;background-size:cover;-moz-background-size:cover;-ms-background-size:cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/_imgEn/bg.jpg',sizingMethod='scale');
     /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s; }
.cd-nav-container.is-visible { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-overflow-scrolling: touch; box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s; transition: transform 0.4s 0s, box-shadow 0s 0s; }
.cd-nav-container header { padding: 1.5em 0 0 6.25%; height: 68px; position: relative; }
.cd-nav-container h3 { font-size: 1.6rem; font-weight: bold; font-family: "Lora", serif; text-transform: uppercase; color: #5c4b51; }
@media only screen and (min-width: 700px) {
.cd-nav-container {width: 70%;}
.cd-nav-container header {height: 116px;padding-top: 3em;}
}
.cd-close-nav { /* 'X' close icon */ position: absolute; height: 44px; width: 44px; /* set the right position value so that it overlaps the .cd-nav-trigger*/ right: 6.25%; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s;background:#ffffff; }
.cd-close-nav::after, .cd-close-nav::before {
  /* lines of 'X' icon */
content: '';position: absolute;height: 3px;width: 32px;left: 50%;top: 50%;background-color: #5c4b51;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.cd-close-nav::after {-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.cd-close-nav::before {-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);-o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);transform: translateX(-50%) translateY(-50%) rotate(-45deg);}
.no-touch .cd-close-nav:hover { opacity: .8; }
@media only screen and (min-width: 700px) {
.cd-close-nav {right: 7.14%;}
}
.cd-nav { background-color: #4e4e4e; }
.cd-nav::after {clear: both;content: "";display: table;}
.cd-nav li { width: 50%; float: left; height: calc((100vh - 68px)/3); min-height: 120px; border: 1px solid #ffffff; border-top: none; border-left: none; }
.cd-nav li:nth-of-type(2n) {border-right-width: 0;}
.cd-nav a { position: relative; display: block; width: 100%; height: 100%; text-align: center; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; }
.no-touch .cd-nav a:hover svg { -webkit-animation: cd-shock 0.3s; -moz-animation: cd-shock 0.3s; animation: cd-shock 0.3s; }
.no-touch .cd-nav li a:hover span *, .cd-nav li.cd-selected a span * {stroke: #ffffff; }
.no-touch .cd-nav li a:hover em, .cd-nav li.cd-selected a em {color: #ffffff; }
.no-touch .cd-nav li:first-of-type a:hover, .cd-nav li.cd-selected:first-of-type a { background-color: #9e87ce; }
.no-touch .cd-nav li:nth-of-type(2) a:hover, .cd-nav li.cd-selected:nth-of-type(2) a { background-color: #5c4b51;}
.no-touch .cd-nav li:nth-of-type(3) a:hover, .cd-nav li.cd-selected:nth-of-type(3) a {background-color: #e0cf75;}
.no-touch .cd-nav li:nth-of-type(4) a:hover, .cd-nav li.cd-selected:nth-of-type(4) a {background-color: #f5b65a;}
.no-touch .cd-nav li:nth-of-type(5) a:hover, .cd-nav li.cd-selected:nth-of-type(5) a { background-color: #f25f5c;}
.no-touch .cd-nav li:nth-of-type(6) a:hover, .cd-nav li.cd-selected:nth-of-type(6) a { background-color: #8abeb2;}
.cd-nav span, .cd-nav em { position: absolute; }
.cd-nav span { top: calc(50% - 48px); left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 48px; width: 48px; }
.cd-nav span * { -webkit-transition: stroke 0.2s; -moz-transition: stroke 0.2s; transition: stroke 0.2s; }
.cd-nav em { width: 100%; left: 0; top: calc(50% + 15px); color: #5c4b51; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
@media only screen and (min-width: 700px) {
.cd-nav li {height: calc((100vh - 116px)/3);min-height: 200px;}
.cd-nav span {height: 64px;width: 64px;top: calc(50% - 56px);}
.cd-nav em {font-size: 2.2rem;font-weight: 300;top: calc(50% + 21px);}
}
@media only screen and (min-width: 1024px) {
.cd-nav li {width: 33.33%; float: left;height: calc((100vh - 116px)/2);min-height: 250px;}
.cd-nav li:nth-of-type(2n) { border-right-width: 1px;}
.cd-nav li:nth-of-type(3n) {border-right-width: 0;}
.cd-nav em {font-size: 2.5rem;}
}
 @-webkit-keyframes cd-shock { 
0% {-webkit-transform: rotate(0);}
30% {-webkit-transform: rotate(10deg);}
60% {-webkit-transform: rotate(-10deg);}
100% {-webkit-transform: rotate(0);}
}
@-moz-keyframes cd-shock { 
0% {-moz-transform: rotate(0);}
30% {-moz-transform: rotate(10deg);}
60% {-moz-transform: rotate(-10deg);}
100% {-moz-transform: rotate(0);}
}
@keyframes cd-shock { 
0% {-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);}
30% {-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-ms-transform: rotate(10deg);-o-transform: rotate(10deg);transform: rotate(10deg);}
60% {-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-ms-transform: rotate(-10deg);-o-transform: rotate(-10deg);transform: rotate(-10deg);}
100% {-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);}
}
/* -------------------------------- 
xshadow layer 
-------------------------------- */
.cd-overlay { /* shadow layer visible when navigation is open */ position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; background-color: rgba(0, 0, 0, 0.35); visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:20;}
.cd-overlay.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s; }

.wrap-menu{margin:0 auto; overflow:auto; width:300px; background:#F6F6F6; font:12px/1.5 Tahoma, Arial, sans-serif;z-index:20;}
.wrap-menu ul{ list-style:none; margin:0; padding:0;}
.wrap-menu ul li{ text-indent:30px; white-space:nowrap;}
.wrap-menu ul li h2{ cursor:pointer; height:100%; width:100%; margin:0 0 1px 0; font:14px/31px '微软雅黑'; color:#fff; background:#4e4e4e;}
.wrap-menu ul li a{ display:block; outline:none; height:25px; line-height:25px; margin:1px 0; color:#1A385C; text-decoration:none;}
.wrap-menu ul li img{ margin-right:10px; margin-left:-17px; margin-top:9px; width:7px; height:7px; background:url(/public/_imgEn/arrow.gif) no-repeat; border:none;}
.wrap-menu ul li img.unfold{ background-position:0 -9px;}
.wrap-menu ul li a:hover{ background-color:#ccc; background-image:none;}
.wrap-menus{text-indent:30px;white-space:nowrap;width:300px;margin:0px auto 1px;cursor:pointer; height:31px;font:14px/31px '微软雅黑'; color:#ffffff; background:#4e4e4e;}
.wrap-menus a{color:#ffffff;}
.wrap-menus a:hover{color:#ffffff;}