/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:"microsoft yahei",sans-serif;font-size: 12px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; background:#3e3d3e;}
body{margin:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
li,ul{list-style:none}

@font-face {
    font-family: 'gothic';
    src: url('font/gothic/GOTHIC.eot');
    src: url('font/gothic/GOTHIC.eot?#iefix') format('embedded-opentype'),
         url('font/gothic/GOTHIC.woff') format('woff'),
         url('font/gothic/GOTHIC.woff2') format('woff2'),
         url('font/gothic/GOTHIC.ttf') format('truetype'),
         url('font/gothic/GOTHIC.svg#GOTHIC') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	min-width: 1200px;
	font-family:gothic, "microsoft yahei",sans-serif;
}

.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: " ";
  	display: block;
  	clear: both;
  	height: 0;
}
.clear-left {
	clear: left;
}
.clear-right {
	clear:right;
}
.nav_width{width:400px; overflow:hidden;}
.container { 
	position: relative;
	width: 1200px; 
	*width: 1240px;
	margin:0px auto;
	zoom: 1;
}
.container a{text-decoration:none}
.padding-40 { padding: 40px 0px; }
.container:after {
	content: " ";
  	display: block;
  	clear: both;
  	height: 0;
}
.tinno-grid {
	width:780px;
	margin:0px auto;
}

/* header */
.tinno-header {
	position:relative;
	font-size:14px;
}
.tinno-header-wrap {
	width: 1160px;
	margin: 0 auto;
	padding: 0 20px;
	zoom: 1;
}
.tinno-header-wrap:after {
	content: " ";
  	display: block;
  	clear: both;
  	height: 0;
}
.tinno-header-logo {
	display: inline;
	float: left;
	padding: 28px 0;
}
.tinno-header-logo h1 {
	margin:0px;
}
.tinno-header-logo-img {
	display: block;
	width: 117px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(img/logo.png);
}

.tinno-header-sys {
	position: relative;
	display: inline;
	float: right;
	padding: 22px 0 0 30px;
	text-align: right;
	font-size: 12px;
}
.tinno-header-search, .tinno-header-language {
	position: relative;
	display:inline-block;
	vertical-align: middle;
	height:32px;
}
.tinno-header-search {
	margin-right:20px;
	width:20px;
	height:20px;
	*top: 5px;
   -webkit-transition: all .3s ease-out;
		   transition: all .3s ease-out;
}
.tinno-header-search .search {
	position:absolute;
	top:6px;
	left:10px;
	width:17px;
	height:17px;
	background:url(img/icon-search.png) 0px 0px no-repeat;
	z-index: 2;
}
.tinno-header-search .search-input {
	position:relative;
	background:none;
	border:1px solid #FFFFFF;
	border-radius: 30px;
	outline: none;
	padding:4px 4px 4px 34px;
	color:#FFFFFF;
	width:0px;
	opacity: 0;
	filter: alpha(opacity=0);
	
   -webkit-transition: width .3s ease-out;
		   transition: width .3s ease-out;
}
.tinno-header-search.in {
	width:190px;
}
.tinno-header-search.in .search-input {
	width:150px;
	opacity: 1;
	filter:none;
}

.tinno-header-language {
	top:10px;
	*top: -8px;
	*left: 20px;
}
.tinno-header-language .lang {
	text-decoration: none;
	color:#FFFFFF;
	vertical-align: middle;
}

.tinno-header-link {
	display: inline;
	float: right;
	overflow: hidden;
	margin:0;
}
.tinno-header-link li {
	display: inline;
	float: left;
}
.tinno-header-link a {
	display: block;
	padding: 30px;
	text-decoration: none;
	color:#FFFFFF;
}
.tinno-header-link a:hover {
	color:#3dbfbc;
}

#header {
	position: relative;
	z-index: 10;
	/*border-bottom: 1px solid #F8F6F7;*/
}
#headerNav {
	-webkit-transition: background-color .3s ease-in-out;
		 -o-transition: background-color .3s ease-in-out;
			transition: background-color .3s ease-in-out;
}
#headerNav.float {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index: 2;
}
#headerNav.static {
	background-color:#FFFFFF;
}
#headerNav.toggle {
	background-color:#FFFFFF;
}

.theme-white .tinno-header-link a {
	color:#FFFFFF;
}
.theme-white #headerNav.toggle .tinno-header-link a,
.theme-white #headerNav.toggle .tinno-header-language .lang {
	color:#000000;
}
.theme-white  #headerNav.toggle .tinno-header-link a:hover {
	color:#3dbfbc;
}
.theme-white  #headerNav.toggle .tinno-header-logo-img {
	background-position:0px -28px;
}
.theme-white  #headerNav.toggle .tinno-header-search .search {
	background-position:0px -23px;
}
.theme-white  #headerNav.toggle .tinno-header-search .search-input {
	color:#000000;
	border: 1px solid #000000;
}

.theme-grey .tinno-header-link a,
.theme-grey .tinno-header-language .lang {
	color:#000000;
}
.theme-grey .tinno-header-link a:hover {
	color:#3dbfbc;
}
.theme-grey .tinno-header-logo-img {
	background-position:0px -28px;
}
.theme-grey .tinno-header-search .search {
	background-position:0px -23px;
}
.theme-grey .tinno-header-search .search-input {
	color:#000000;
	border: 1px solid #000000;
}
/* header end */

/* subnav */
#subNav {
	position:absolute;
	top:79px;
	left:0px;
	width:100%;
	padding:10px 0px;
	background-color: rgb(255,255,255);
	display: none;
	overflow: hidden;
}
.tinno-subnav {
	position:relative;
	overflow: hidden;
	float:left;
	width: 720px;
	margin: 0px;
	padding-top:20px; left:480px;
}

.tinno-subnav dt {
	float:left;
}
.tinno-subnav dt {
	margin:-20px 40px 0px 0px;
}
.tinno-subnav dt img {
	height:120px;
	display: block;
}
.tinno-subnav dd {
	margin-left:0;
	margin-right:40px;
	float:left;
	text-align: center;
}
.tinno-subnav dd.title {
	float:none;
	text-align: left;
	margin-bottom: 10px;
}
.tinno-subnav dd.title h2 {
	margin-top:-10px;
	font-size:15px;
	color:#666666;
	font-weight: normal;
}
.tinno-subnav dd a {
	text-decoration: none;
	color:#666666;
	font-size:12px;
	line-height: 30px;
	display:inline-block; text-align:left;
	width:60px;
}
.tinno-subnav dd a:hover {
	color:#3DBFBC;
}
/* subnav end */

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
	display: none;
}
.nivo-nextNav {
	right:0px;
	display: none;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 30px 0;
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	z-index: 10;
}
.nivo-controlNav a {
	position: relative;
	display:inline-block;
	cursor:pointer;
	overflow: hidden;
	text-indent: -999px;
	*text-indent: 10px;
	background-image:url(img/icon-slider.png);
	background-repeat: no-repeat;
	background-position: -13px 0px;
	width:10px;
	height:10px;
	margin:0px 20px;

}
.nivo-controlNav a.active {
	font-weight:bold;
	background-position: 0px 0px;
}
.slider-wrapper {
	position:relative;
	background: white;
}
/* The Nivo Slider styles end */

footer {
	*width: 100%;
	background-color:#3e3d3e;
	color:#ffffff;
}
.tinno-footer {
	position:relative;
	width:1200px;
	margin:0px auto;
	padding:20px 0;
	color:#AAAAAA;
}
.tinno-footer .copyright {
	*position: absolute;
	*line-height: 26px !important;
	text-align: center;
	color:#848484;
}
address { float:right; *width: 783px;margin-top:11px; }
.tinno-footer-address {
	position:relative;
	overflow: hidden;
	width: 743px;
	margin: auto;
}
.tinno-footer-address li {
	float:left;
}
.tinno-footer-address .address,
.tinno-footer-address .tel,
.tinno-footer-address .fax {
	min-height: 23px;
	padding:4px 0px 0px 28px;
	font-style: normal;
	margin:0 20px;
}

.tinno-footer-address .address {
	background:url(img/icon-locale.png) 0px 0px no-repeat;
}
.tinno-footer-address .tel {
	background:url(img/icon-tel.png) 0px 0px no-repeat;
}
.tinno-footer-address .fax {
	background:url(img/icon-fax.png) 0px 0px no-repeat;
}
.tino-second-nav {
	position:relative;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
	background-color:#FFFFFF;
	
}
.tino-second-nav li {
	float:left;
}
.tino-second-nav li a {
	display:block;
	width:240px;
	height:70px;
	background-color:#FFFFFF;
	text-align: center;
	text-decoration: none;
	line-height: 70px;
	font-size: 16px;
	color:#666666;
}
.tino-second-nav li a.active,
.tino-second-nav li a:hover {
	background-color:#01d1cb;
	color:#FFFFFF;
}

.tinno-product {
	position:relative;
	margin:0px auto;
	padding:50px 0px;
	text-align: center;
}
.tinno-product.horizontal article,
.tinno-product.horizontal > h1 {
	display:inline-block;
	vertical-align: middle;
	font-weight: normal;
	margin:0px 100px;
}
.tinno-product h1 {
	font-size:42px;
	margin-bottom: 30px;
	font-weight:normal;
}
.tinno-product.horizontal h1 {
	text-align: left;
}
.tinno-product ul {
	padding:0px;
	text-align: left;
}
.tinno-product ul li, .product-content, .product-content-2 {
	line-height: 36px;
	font-size:18px;
}
.tinno-product img {
	vertical-align: middle;
}
.tinno-product hr {
	width:272px;
	border:none;
	border-top:1px solid #bebebe;
	margin:0px 0px 20px;
}
.tinno-product article {
	margin-top:100px;
}
.wrapper-white { 
	position: relative;
	padding:40px 0px;
	background-color:#FFFFFF; 
	color:#636565;
}
.wrapper-white .tinno-product ul li, .product-content {
	color:#999999;
}
.wrapper-purple {
	position: relative;
	background: url(img/purple-bg.jpg) center center no-repeat;
	height: 569px;
	color:#FFFFFF;
}
.wrapper-green {
	position: relative;
	padding:10px 0px;
	background-color:#39b8b4; 
	color:#ffffff;
}
.wrapper-green .tinno-product ul li,.product-content-2 {
	color:#e9eaea;
}
.wrapper-green .tinno-product hr {
	border-color:#ffffff;
}
.wrapper-lightgrey {
	position: relative;
	padding:10px 0px;
	background-color:#F8F6F7; 
}
.wrapper-pattern {
	background:url(img/information-bg.jpg) center center no-repeat;
	height:529px;
}

.article h1 {
	margin:80px 0px 0px 0px;
	font-size:24px;
	color:#333333;
	font-weight: normal;
	text-align: center;
}
.article h1.stress {
	color:#000000;
}
.article p {
	line-height: 24px;
	font-size: 14px;
	color:#666666;
	margin:30px 0px;
}

.pagination-nav {
	position:relative;
	margin:20px 0px;
	text-align: center;
	z-index: 10;
}
.pagination {
	position:relative;
	overflow: hidden;
	display:inline-block;
	padding:0px;
}
.pagination li {
	float:left;
}
.pagination li a {
	display:block;
	width:30px;
	line-height: 25px;
	text-decoration: none;
	color:#3e3d3e;
	text-align: center;
	cursor: pointer;
}
.pagination li.prev a,
.pagination li.next a {
	position:relative;
	background-image:url(img/pagination-arrow.png);
	background-repeat: no-repeat;
	text-indent: -999px;
	background-color:#cccccc;
	width:43px;
	overflow: hidden;
}
.pagination li.prev a:hover,
.pagination li.next a:hover {
	background-color:#13b3ae;
}
.pagination li.prev a {
	background-position: center 5px;
	margin-right:30px;
}
.pagination li.next a {
	background-position: center -24px;
	margin-left:30px;
}
.pagination li.active a,
.pagination li a.active,
.pagination li a:hover {
	color:#13b3ae;
}
.pagination li.disabled a {
	background-color:#cccccc;
}

.media {
	padding:0px;
}
.media li {
	overflow: hidden;
	position:relative;
	margin:20px 0px;
}
.media li img {
	float:left;
	width:523px;	
	min-height:303px;
	max-height:353px;
}
.media li .content {
	position:absolute;
	top:15px;
	margin-left:523px;
	width:677px;	
	color:#FFFFFF;
}
.media li .content .cnt h3 {
	font-size:16px;
	margin:0px;
}
.media li .content .cnt p {
	font-size:14px;
	line-height: 24px;
	color:#FFFFFF;
	margin:20px 0px;
}
.media li .content .cnt {
	position:absolute;
	top:50%;
	padding:0 20px;
	left:0;
	/*transform:translate(0,-50%);*/
	color:#FFFFFF;
}

.media li.green {
	background-color:#76CDA3;
}
.media li.blue {
	background-color:#02D1CB;
}
.media li.grey {
	background-color:#969495;
}
.media li.red {
	background-color:#FF6960;
}
.transition {
  	opacity: 0;
  	
	-webkit-transform: translate3d(0,60px,0);
			transform: translate3d(0,60px,0);
	
   -webkit-transition: all .7s ease-out;
		   transition: all .7s ease-out;
}

.css3 {
	opacity: 1;
	
	-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
}

.no-space {
	padding:0px !important;
}
.no-space-top {
	padding-top:0px !important;
}
.no-space-bottom {
	padding-bottom:0px !important;
}
.space-bottom-20 {
	padding-bottom: 20px;
}
.space-top-20 {
	padding-top: 20px;
}

.waterfall-grid {
	position:relative;
	*height: 100%;
}
.waterfall-grid .grid-item {
	position:relative;
	width:232px;
	height:294px;
	margin-bottom: 14px;
	float:left;
	overflow: hidden;
}
.waterfall-grid .grid-item img {
	*width: 100%;
	display:block;
}
.waterfall-grid .grid-item-width2 {
	width:472px;
}
.waterfall-grid .grid-item-height2 {
	height:602px;
}

.tinno-timeline {
	position:relative;
	margin:20px auto 150px;
	padding:0px;
	list-style: none;
	width: 780px;
	
}
.tinno-timeline > li {
	position:relative;
	margin:60px 0px;
	overflow: hidden;
}
.tinno-timeline > li:before {
	content: " ";
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-9px;
	width:19px;
	height:19px;
	border-radius: 19px;
	background-color:#01d1cb;
	
}
.tinno-timeline > li.line {
	position:absolute;
	left:50%;
	top: 0px;
	height:100%;
	width:0px;
	margin:0px;
	padding-bottom:100px;
	border-left:1px solid #01d1cb;
}
.tinno-timeline .content-left,
.tinno-timeline .content-right {
	position:relative;
	width:45%;
}
.tinno-timeline .content-left {
	float:left;
	text-align: left;
}
.tinno-timeline .content-right {
	float:right;
	text-align: left;
}
.tinno-timeline dl,
.tinno-timeline dd {
	padding:0px;
	margin:0px;
	list-style: none;
}
.tinno-timeline dt {
	font-size:18px;
	color:#000000;
	margin-bottom: 10px;
}
.tinno-timeline dd,
.tinno-timeline p {
	font-size: 14px;
	color:#999999;
	line-height: 20px;
}
.tinno-timeline p {
	margin: 0px;
	padding-bottom: 10px;
}
.mask {
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	background-color: rgba(0,0,0,0.7);
}
.mask .description {
	position:absolute;
	bottom:25px;
	right:30px;
	color:#FFFFFF;
	font-size: 14px;
	max-width: 80px;
}

label.error{color: red;}
.product-content, .product-content p,.product-content-2, .product-content-2 p { text-align: left; margin: 0px; }
.white-title { color: white; }
.black-title { color:black; }
.simple-page h1 { margin: 40px 0px 0px 0px; }
.wrapper-white { padding: 10px 0px; }
.copyright a{color: #848484; text-decoration: none;}
.slider-wrapper img{width:100%}
.tinno-imglist img{width:100%}
a.wxqr{background:url(img/wxqr.png) no-repeat left center;padding-left:26px;display:inline-block;height:22px;line-height:22px;margin-left:10px;position:relative;}
.qrtips{position:absolute;z-index:99;top:-140px;left:-20px;display:none;box-shadow:0 0 15px #333;width:129px;height:129px;}
a.gms{color:#fff;padding-left:18px;display:inline-block;text-decoration:underline;}