/* common */
html {height:100%;}
body {width:100%;height:100%; margin:0 auto;}
ul,li {list-style: none;padding: 0;margin: 0;}
h1, .h1 {font-size: 100%;}
h1, .h1, h2, .h2, h3, .h3 {margin:0;}
.no-mar {margin-left: 0;margin-right: 0;}
.no-pad {padding: 0;}
.posi-relative {position: relative;}
.posi-absolute {position: absolute;}
.max-height {height: 100%;}
.margincenter {margin: 0 auto;}
.vc {display: table;width: 100%;height :100%;}
.vc .vm {display: table-cell;width: 100%;height :100%;vertical-align: middle;text-align: center;}
strong {font-weight:600;}
a {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.hide {opacity:0;filter: alpha(opacity=0);-moz-opacity:0;visibility:hidden;}
.header {font-size:0;text-align:center;position:fixed;top:0;left:0;width:100%;z-index:500;text-align:center;height:100px;background:url('../../../skin/default/img/main/top_logo_bg.png') repeat 0 0;}
.header h1 {position:absolute;top:16px;left:50%;margin-left:-109px;}
.header h1 span {font-size:0;display:block;width:273px;height:60px;background-image:url('../../../skin/default/img/main/top_logo.png');background-repeat:no-repeat;background-position:0 0;-webkit-background-size: 273px 60px;background-size:273px 60px;}
.header .lan {overflow:hidden;position:fixed;z-index:501;top:40px;right:50px;}
.header .lan li {float:left;padding-right:13px;margin-right:13px;position:relative;}
.header .lan li:after {position:absolute;right:0;top:3px;display:block;content:"";width:1px;height:12px;background-color:rgba(255, 255, 255, 0.26);}
.header .lan li.last {padding-right:0;margin-right:0;}
.header .lan li.last:after {display:none;}
.header .lan li a {font-size:16px;font-family: 'Roboto', sans-serif;font-weight:400;color:rgba(255, 255, 255, 0.46);}
.header .lan li.selected a {color:#fff;}

.wrap {height:100%;}
/* header scrolled */
.header,
.header h1,
.header h1 span,
.header .lan,
.header .lan li a,
.header .lan li.selected a,
.header .lan li:after,
.header .menu li a:after {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.header .menu {transition: all .8s ease;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;}

.header .menu {display:inline-block;display:none;}
.header .menu:before {display:table;content:"";}
.header .menu:after {display:table;content:"";clear:both;}
.header .menu li {float:left;margin-right:20px;transform: matrix(1, 0, 0, 1, 0, -20);opacity:0;filter: alpha(opacity=0);-moz-opacity:0;visibility:hidden;}
.header .menu li a {font-size:16px;color:#222222;font-family: 'Roboto', sans-serif;display:block;height:60px;line-height:60px;position:relative;padding:0 15px;text-decoration:none;}
.header .menu li a.big-date {color:#1a3169;}
.header .menu li a:hover:after,
.header .menu li.active a:after {content:"";display:block;width:100%;position:absolute;left:0;bottom:-1px;background-color:#1a3169;height:3px;}
.header .menu li.last {margin-right:0;}

.header.scrolled {height:60px;border-bottom:1px solid #e8e8e8;background-image:none;background-color:#FFF;}
.header.scrolled h1 {top:8px;left:51px;margin-left:0;}
.header.scrolled h1 span {background-image:url('../../../skin/default/img/main/top_fix_logo.png');width: 185px;height: 42px;-webkit-background-size: 185px 42px;background-size: 185px 42px;}
.header.scrolled .lan {top:21px;}
.header.scrolled .lan li a {color:#888888;}
.header.scrolled .lan li.selected a {color:#154988;}
.header.scrolled .lan li:after {background-color:#dddddd;}

.header.scrolled .menu {display:inline-block;}

.tmenu_wrap {position:absolute;top:10px;right:10px;z-index:500;}
a.tmenu {display:none;position:relative;width:30px;height:30px;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
a.tmenu span {display:inline-block;position:absolute;left:50%;margin-left:-10px;top:50%;margin-top:-1px;width:20px;height:2px;background-color:#444444;}
a.tmenu span:before {position:absolute;width:20px;height:2px;left:50%;margin-left:-10px;top:-6px;background-color:#444444;width:;height:;content:"";display:block;}
a.tmenu span:after {position:absolute;width:20px;height:2px;left:50%;margin-left:-10px;top:6px;background-color:#444444;width:;height:;content:"";display:block;}
a.tmenu span,
a.tmenu span:before,
a.tmenu span:after {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}

.navigation-visible a.tmenu span {background:none;}
.navigation-visible a.tmenu span:before {top: 0;transform: rotate(45deg);}
.navigation-visible a.tmenu span:after {top: 0;transform: rotate(-45deg);}

.mobile_menu {position: absolute;left: 0;top: 50px;background: #fff;width:100%;display:none;}
.mobile_menu li {width:100%;}
.mobile_menu li a {height:40px;line-height:40px;border-bottom:1px solid #ccc;font-size:16px;color:#222222;font-family: 'Roboto', sans-serif;display:block;padding:0 15px;text-decoration:none;}