/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

*, *::after, *::before { box-sizing: border-box;}
html{font-size:62.5%; height: 100%;}
body{font-size:1.2rem; min-height: 100%; line-height:1.1; font-family:sans-serif;color:#2e3233;background-color:#fff;}
input,select,textarea{font-family:"微软雅黑";}
input[type="search"]::-ms-clear{ display:none;}
em, strong { font-style: normal; }
img { max-width: 100%; vertical-align: middle; }
a{ color:#333;text-decoration:none;}
.fix{*zoom:1;}.fix:after{display:table; content:''; clear:both;}

.box{ width: 1200px; margin:0 auto; }
.cd-main-header{height:4em;background:#fff;}
.cd-main-content{ background:#fff; position: relative; box-sizing: border-box;min-height: calc(100% - 78px); }  
.cd-header-buttons{position:absolute;display:inline-block;top:0;right:3%;}
.cd-header-buttons li{display:inline-block;}
.cd-nav-trigger{position:relative;display:block;width:4em;height:4em;overflow:hidden;white-space:nowrap;/* hide text */color:transparent;z-index:3;}
.cd-nav-trigger span,.cd-nav-trigger span::before,.cd-nav-trigger span::after{position:absolute;display:inline-block;height:3px;width:2.2em;background:#2e3233;}
.cd-nav-trigger span{position:absolute;top:50%;right:10px;margin-top:-2px;transition:background 0.3s 0.3s;}
.cd-nav-trigger span::before,.cd-nav-trigger span::after{content:'';right:0;transform:translateZ(0);backface-visibility:hidden;transform-origin:0% 50%;transition:transform 0.3s 0.3s;}
.cd-nav-trigger span::before{top:-.7em;}
.cd-nav-trigger span::after{top:.7em;}
.cd-nav-trigger.nav-is-visible span{; background:rgba(46,50,51,0);}
.cd-nav-trigger.nav-is-visible span::before,.cd-nav-trigger.nav-is-visible span::after{background:#2e3233;}
.cd-nav-trigger.nav-is-visible span::before{transform:translateX(.46em) translateY(0) rotate(45deg);}
.cd-nav-trigger.nav-is-visible span::after{ top: .81em; transform:translateX(.46em) translateY(0) rotate(-45deg);}

.cd-lang{  display: flex; height: 100%; align-items: center; position: absolute; right: 0; width: 5em;  font-size: 1.3em; border-left: 1px solid #f0f0f0;}
.cd-lang .curr{ color: #023a8e; padding: 0 1.2em 0 1.5em;  background: url(../images/icon_arr_btm.png) no-repeat right;}
.ln-list{ padding: .5em 0; position: absolute; top: 100%; display: none; background: #fff; }
.ln-list a{padding: 0 1.5em;}
.cd-lang:hover .ln-list{ display: block;}

@media only screen and (min-width: 1170px) {
.pc-hide{ display: none !important; }
.cd-main-header{ height:78px; background: #424242; z-index: 3}
.cd-main-header .box{ position: relative; height: 100%;}
.cd-logo,.cd-contact,.cd-contact,.cd-contact .ctc-code,.cd-contact .ctc-tel{ display: inline-block; vertical-align: middle; }
.cd-logo{ position: absolute; width: 15%; left: .8em; display: flex; align-items: center; height: 100%;}
.cd-logo img{ display:block; max-height: 90%;}
.cd-header-buttons{top:18px;right:4em;}		
.cd-nav-trigger{display:none;}
.cd-primary-nav{ position: absolute; right: 0; bottom: 0;  height: 78px; font-size: 1.5em; text-align: right;  overflow:visible;}
.cd-primary-nav > li{ width: 156px; position: relative; display: inline-flex; height: 100%; align-items: center; vertical-align: middle; text-align: center;}
.cd-primary-nav > li > a{ position:relative; box-sizing: border-box; width: 100%;  padding: 0 1em; line-height: 1.4em;  color:#fff;overflow:visible; border-right:1px solid #6b6b6b}
.cd-primary-nav > li:last-child > a{ border-right: none;}
.cd-primary-nav > li > a:hover,.cd-primary-nav > li > a.selected{ font-weight: bold; }
}

@media only screen and (max-width: 1169px) {
.m-hide{ display: none !important}
.pc-hide{ display: block !important; }
.box{ width: 100%; }
.cd-main-content,.cd-main-header,.swp-bn,.side-nav{ position:relative;transition:transform 0.3s; transform:translateZ(0);will-change:transform; }
.cd-main-content.nav-is-visible,.cd-main-header.nav-is-visible,.swp-bn.nav-is-visible,.side-nav.nav-is-visible{transform:translateX(-260px);}
.swp-bn.nav-is-visible{background-color:rgba(0,0,0,0.5)}
.cd-primary-nav,.cd-primary-nav ul{ position:fixed;top:0;right:0;height:100%; width:260px;background:#2e3233;overflow:auto;-webkit-overflow-scrolling:touch;z-index:1;/* Force Hardware Acceleration in WebKit */
 transform:translateZ(0);transform:translateX(0);transition:transform 0.3s;}
.cd-primary-nav ul{ width: 100%; }
.cd-primary-nav a{ display:block;line-height:4em;padding:0 1.5em; font-size: 1.2em; color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #3a3f40;transform:translateZ(0);will-change:transform,opacity;transition:transform 0.3s,opacity 0.3s;}
.cd-primary-nav a.selected{ font-weight:bold;}
.cd-primary-nav.is-hidden{transform:translateX(100%);}
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {transform: translateX(100%); }
.nav-is-fixed .cd-main-header{ position:fixed;top:0;left:0;width:100%; z-index: 3;}
.cd-main-header .box{ height: 100%; display: flex; align-items: center;}
.cd-main-content{ min-height:100vh;z-index:2; }
.cd-primary-nav, .cd-primary-nav ul {height: 100%; }
.cd-logo{position:absolute; left:35%;}
.cd-logo img{ height: 2.5em; }
.nav-on-left .cd-main-content.nav-is-visible,.nav-on-left .cd-main-header.nav-is-visible,.swp-bn.nav-is-visible,.side-nav.nav-is-visible{transform:translateX(260px);}
.nav-on-left .cd-logo{left:auto; right: 8%;}
.nav-on-left .cd-header-buttons{right:auto;left:3%;}
.nav-on-left .cd-header-buttons li{float:right;}
.nav-on-left .cd-primary-nav{right:auto;left:0;}
body.nav-on-left.overflow-hidden{overflow:hidden;}
.cd-primary-nav{ visibility:hidden;transition:visibility 0s 0.3s;}
.cd-primary-nav.nav-is-visible{visibility:visible;transition:visibility 0s 0s;}
.cd-overlay{ position:fixed;height:100%;width:100%;top:0;left:0; z-index: 3; cursor:pointer;background-color:rgba(0,0,0,0.5);visibility:hidden;opacity:0;backface-visibility:hidden;transition:opacity .3s 0s,visibility 0s .3s;}
.cd-overlay.is-visible{opacity:1;visibility:visible;transition:opacity .3s 0s,visibility 0s 0s;}
}

@media only screen and (min-width: 768px) and (max-width:1169px) {
html{ font-size: 20px; }
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {height: 6px;}
}