@charset "utf-8";
/*---------------------------*\
	@ WingMeng by 2015-04-08

	Menu:
		1. Base 基础样式
		2. Layout 布局样式
\*---------------------------*/

/**
 * Base 基础样式
 */
html {height: 100%; font-size: 62.5%; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased;} 
body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, dl, dd, form, input, textarea, fieldset, legend, code, pre {margin: 0; padding: 0;}
body {height: 100%; line-height: 1.5; font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', sans-serif; color: #f0f0f0;}
h1, h2, h3, h4, h5, h6, b {font-size: 100%; font-weight: normal;}
code, kbd, pre, samp {font-family: monaco, menlo, consolas, 'courier new', courier, monospace;}
blockquote, q {quotes: none;}
blockquote: before, blockquote: after, q: before, q: after {content: ''; content: none;}
ul, ol {list-style: none;}
input, textarea, select, button, optgroup, option {font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
textarea {resize: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th {text-align: left; font-weight: inherit;}
a:hover, :active {outline: none;}
:link, :visited {text-decoration: none;}
i, em {font-style: normal;}
img, fieldset {border: 0;}	

/**
 * Layout 布局样式
 */
.index-column {height: 100vh; min-width: 1000px; min-height: 560px; background-position: center bottom; background-repeat: no-repeat;}
.column-inner {width: 1000px; padding: 15px 0; margin: 0 auto;}
@media screen and (min-width:1024px) {  /* 1024(传统) */
	.column-inner {width: 1000px;}
	html {font-size: 62.5%;}
}
@media screen and (min-width:1280px) {  /* 1280, 1366(主流), 1440, 1600, 1680 */  
	.column-inner {width: 1200px;}
	html {font-size: 70%;}
}
@media screen and (min-width:1800px) {  /* 1920(高清大屏) */
	.column-inner {width: 70%;}
	html {font-size: 100%;}
}

/**
 * Module 模块样式
 */
.nav-logo, .right-menu i {overflow: hidden; background-image: url(../main_sprite.png); background-repeat: no-repeat;}
.preload-cover {position: fixed; bottom: 0; left: 0; z-index: 11; width: 100%; height: 100%;}
.preload-cover h1 {margin-top: 241px; text-align: center; font-size: 1.8em;}

.column-title {text-align: center; font-size: 1.7em; background: url(../column_title_line.png) 0 51% repeat-x;}
.column-title span {padding: 0 15px;}

.main-nav {position: absolute; top: 0; left: 0; width: 100%; height: 54px;}	
.nav-container {margin-left: 80px;}
.nav-container a {padding: .2em .9em; margin-right: .7em; font-size: 1.5em; color: #d1eee2;}
.nav-container a:hover {color: #fff;}
.nav-logo {position: absolute; width: 40px; height: 40px; line-height: 99em; margin-top: -60px; background-position: 0 0; outline: none;}

.right-menu {position: fixed; top: 0; right: 0; z-index: 8; width: 70px; height: 100%;}
.right-menu ul {position: absolute; top: 45%; right: 15px; line-height: 1.8;}
.right-menu span {margin-top: -2px; padding-right: 12px; color: #c5cbd6; opacity: 0; filter:alpha(opacity=0);}
.right-menu i {display: inline-block; *zoom: 1; width: 16px; height: 16px; vertical-align: -4px; background-position: -74px 0;}

.big-logo {height: 154px; margin-top: 6em; text-align: center; background: url(../screen1/shadow.png) center top no-repeat;}
.svg-draw-logo {position: absolute; z-index: 15;}
.big-logo img {opacity: 0;} /* IE8-不可见 */
.intro-card, .intro-photo {float: left; width: 50%;}
.intro-photo, .card-inner {position: relative;}
.intro-card {text-align: right;}
.card-inner {display: inline-block; *display: inline; *zoom: 1; margin-top: 60px; margin-right: 1.5em; text-align: left; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#33000000', endColorstr='#33000000');background:rgba(0,0,0,0.2);}
.card-arrow {position:absolute; top:0; left:0; border:6px solid;}
.card-hole {position:absolute; top:0; left:12px; font-size:24px; text-shadow: -1px -1px 1px rgba(0,0,0,.2);}
.card-content {padding: 10px 30px; margin-left: 60px;}
.myname {margin-bottom: .4em; font-size: 2.3em;}
.myname span {margin-left: 1.3em; font-family: sans-serif;}
.myintro {line-height: 1.8; white-space: nowrap; font-size: 1.5em;}
.myworkspace {max-width: 100%; margin-left: 1.5em;}
.photo-clock, .photo-clock b {display: inline-block; *zoom: 1; border-radius: 3px;}
.photo-clock {position: absolute; right: 35px; top: -20px; padding: 4px 0 0 4px; font-size: 0; color: #fdfdfd; background-color: #333; border: 1px solid #e5e5e5;}
.photo-clock b {width: 22px; height: 17px; line-height: 17px; margin: 0 4px 4px 0; text-align: center; vertical-align: middle; letter-spacing: 3px; font-size: 16px; font-family: Tahoma; color: #fdfdfd;}
.photo-clock .dot {width: 8px; border-color: transparent;}

footer {position: absolute; bottom: 0; left: 0; right: 0; text-align: center;}

/**
 * Partial 特定样式	
 */ 	
.main-nav-fixed .nav-logo {margin-top: -9px;}

/**
 * State 状态样式
 */	
.main-nav-fixed {position: fixed; z-index: 10; background-color: #223f49;}
.main-nav .is-active {color: #2ecd71; background: #fff; border-radius: .7em; text-shadow: none;} 
.main-nav .is-active:hover {color: #2ecd71;} 
.right-menu:hover span {padding-right: 7px; opacity: 1; filter:alpha(opacity=100);}
.right-menu a:hover i {background-position: -90px 0;}
.right-menu a:hover span, .right-menu .is-active span {color: #fff;}
.right-menu .is-active i, .right-menu .is-active:hover i {background-position: -58px 0;}

.is-hide {display: none;}
.is-invisible {visibility: hidden;}
.opacity-0 {opacity: 0; filter: alpha(opacity=0);}

.is-hide {display: none;}
.is-fixed {position: fixed;}

/**
 * Theme 主题
 */
a {color: #f0f0f0;}
.bg-green, .bg-green .column-title span {background-color: #1fac75;}	
.bg-blue, .bg-blue .column-title span, .preload-cover {background-color: #1f83ac;}	
.bg-navy, .bg-navy .column-title span {background-color: #3b5074;}	
/*.screen1, .screen4 {background-image: url(../bg_home_g2b.png);} */
.screen2 {background-image: url(../bg_home_b2n.png);} 
.screen3 {background-image: url(../bg_home_n2g.png);} 	
.card-arrow {border-color:#1fac75 transparent transparent #1fac75;}
.card-hole {color: #1fac75;}
.card-content {border-left: 1px dashed #1fac75;}
/**
 * Fix
 */
.float-fix {*zoom: 1;}
.float-fix:after, .float-fix:before {display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden;}

/**
 * CSS3 Effect CSS3特效
 */
.t-ease-in {-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} /* 加速 */
.t-ease-out {-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} /* 加速 */
.t-ease-in-out {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}  /* 加速然后减速 */
.nav-container a, .myname, .myintro {text-shadow: 1px 1px 3px rgba(0,0,0,.3);}
.svg-draw-logo {stroke-dasharray: 20; stroke-dashoffset: 10; 
	animation: fadeIn 2.5s linear forwards; 
	-webkit-animation: fadeIn 2.5s linear forwards; 
	-moz-animation: fadeIn 2.5s linear forwards; 
	-o-animation: fadeIn 2.5s linear forwards;
}
@keyframes fadeIn {
	to {opacity: 1;}
}
@-webkit-keyframes fadeIn {
	0%   {stroke-dasharray: 20;}
	25%  {stroke-dasharray: 15;}
	50%  {stroke-dasharray: 10;}
	75%  {opacity: .55; stroke-dasharray: 5; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
	100% {opacity: 1; stroke-dasharray: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
}
@-moz-keyframes fadeIn {
	to {opacity: 1;}
}
@-o-keyframes fadeIn {
	to {opacity: 1;}
}