@charset "utf-8";
/*
*************************************************

Created by 温岭帅大利网络科技有限公司
         www.sdl888.cn

*************************************************
*/
*{margin:0; padding:0;}
body{
	font-size:13px;
	color:#aaa;
	font-family:'微软雅黑','Open Sans', Arial, helvetica, sans-serif;
	background:url(../images/dpattern.jpg) repeat 50% 0% #141318;
}
a{color:#6BDFFF; text-decoration:none; outline:none;}
a:hover{color:#fff;}
a:focus{outline:none;}
a:hover, a:active{outline:none;}
ul,li{list-style:none; list-style-image:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block;}
article header h2 a{color:#FFF;}

.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}
.cta {
	font-weight:600;
	text-transform:uppercase;
	color:#fff; 
	background:#14B1DE;
	display:inline-block;
	padding:0 15px; 
	text-shadow:0 2px 2px rgba(0,0,0,0.6);
		
	/* -- RADIUS -- */
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	-o-border-radius:18px;
	border-radius:18px;
	
	/* -- SHADOW -- */
	-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255, .6), 1px 1px 0 rgba(0,0,0,.8), 0 0 20px 5px rgba(255,255,255,0);
	-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255, .6), 1px 1px 0 rgba(0,0,0,.8), 0 0 20px 5px rgba(255,255,255,0);
	-o-box-shadow:inset 1px 1px 0 rgba(255,255,255, .6), 1px 1px 0 rgba(0,0,0,.8), 0 0 20px 5px rgba(255,255,255,0);
	
	/* -- GRADIENT -- */
	
	background-image:linear-gradient(bottom, rgb(16,167,213) 100%, rgb(13,121,164) 0%);
	background-image:-o-linear-gradient(bottom, rgb(16,167,213) 100%, rgb(13,121,164) 0%);
	background-image:-moz-linear-gradient(bottom, rgb(16,167,213) 100%, rgb(13,121,164) 0%);
	background-image:-webkit-linear-gradient(bottom, rgb(16,167,213) 100%, rgb(13,121,164) 0%);
	background-image:-ms-linear-gradient(bottom, rgb(16,167,213) 100%, rgb(13,121,164) 0%);
	background-image:-webkit-gradient(linear, left bottom, left top, color-stop(1, rgb(16,167,213)), color-stop(0, rgb(13,121,164)));
	
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
.cta:hover {
	background:rgba(0,0,0,.5);
	color:#6CDFFF;
	padding:0 25px;
	-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255, .2), 1px 1px 0 rgba(255,255,255,.3);
	-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255, .2), 1px 1px 0 rgba(255,255,255,.3);
	-o-box-shadow:inset 1px 1px 0 rgba(255,255,255, .2), 1px 1px 0 rgba(255,255,255,.3);
	box-shadow:inset 1px 1px 0 rgba(255,255,255, .2), 1px 1px 0 rgba(255,255,255,.3);
}
b, strong{font-weight:300;}
blockquote{
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
	vertical-align:baseline;
}
blockquote:before, blockquote:after, q:before, q:after{
	content:"";
}
blockquote, q{
	cases:"" "";
}
b{color:#66DFFF}
aside blockquote .author {
	display:block;
	padding:40px 0 0 0;
	font-size:12px;
	background:url(../images/case-arrow.png) no-repeat 25px 0; 
	position:relative;
	top:-1px;
}
aside blockquote p{
	background:url(../images/quote.png) no-repeat 5% 5% rgba(0,0,0,0.5);
	border:1px solid #444;
	padding:15px 25px;
	font-size:1.1em;
	color:#fff;
	line-height:1.8em;
	text-indent:2em;	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}


#outer {background:url(../images/inside-field1.jpg) repeat-x 50% 0}
#wrapper {
	width:100%;
	max-width:960px;
	margin:0 auto;
}
/*-------------------------------------------    
   HEADER
-------------------------------------------*/
header#masthead {
	height:157px;
	position:relative;
} 
header .logo {
	display:block;
	position:absolute;
	top:0;
	z-index:999;
	width:260px;
	left:50%; 
	margin-left:-130px; 
	background:url(../images/logo-ribbon.png) no-repeat 50% 100%; 
	padding:10px 0 70px 0;
	-webkit-transition: padding-top .1s ease-in-out;
	-moz-transition: padding-top .1s ease-in-out;
	-0-transition: padding-top .1s ease-in-out;
	transition: padding-top .1s ease-in-out;
}
header .logo:hover{padding-top:50px;}
header .logo img{display:block; margin:0 auto; max-width:100%;}
/*-------------------------------------------    
  TOP NAVIGATION
-------------------------------------------*/
nav{
	width:100%;
	height:190px;
	position:absolute;
	top:0;
	left:0;
	z-index:99
} 
nav ul{
	width:100%;
	height:100%;
	position:relative;
}
nav ul li{
	width:120px;
	height:100%;
	position:absolute;
	top:0;
	cursor:pointer;
	background:url(../images/nav-ribbon.png) no-repeat; 
	background-position:50% -190px;
	-webkit-transition:background-position .3s ease-in-out;	
 	-moz-transition:background-position .3s ease-in-out;	
 	-o-transition:background-position .3s ease-in-out;
 	transition:background-position .3s ease-in-out;
}
nav ul li:hover{background:url(../images/nav-ribbon.png) no-repeat 50% -5px;}
nav ul li a{
	line-height:1.1em;
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	color:#fff; 
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:300;
}
nav ul li a span{
	display:block;
	padding:95px 0 0 0;
	background:url(../images/nav-icons.png) no-repeat 0 -15px;
	-webkit-transition: background-position .3s ease-in-out .2s;	
 	-moz-transition: background-position .3s ease-in-out .2s;	
 	-o-transition: background-position .3s ease-in-out .2s;
 	transition: background-position .3s ease-in-out .2s;
}
nav ul li a strong, nav ul li a b{display:block; font-size:0.7em; letter-spacing:1px; color:#6BDFFF; font-weight:300} 
nav ul .n-services {left:0; background:url(../images/nav-ribbon.png) no-repeat 50% -5px;}
nav ul .n-news {left:120px;}
nav ul .n-team {left:240px;}
nav ul .n-marketing {right:240px;}
nav ul .n-contact {right:0;}
nav ul .n-case {right:120px;}
nav ul .n-services a span{background-position:-120px -15px;}
nav ul .n-news a span{background-position:0 -145px;}
nav ul .n-team a span{background-position:0 -275px;}
nav ul .n-marketing a span{background-position:0 -405px;}
nav ul .n-contact a span{background-position:0 -663px;}
nav ul .n-case a span{background-position:0 -530px;}
nav ul .n-news:hover span{background-position:-120px -145px;}
nav ul .n-team:hover span{background-position:-120px -275px;}
nav ul .n-marketing:hover span{background-position:-120px -405px;}
nav ul .n-contact:hover span{background-position:-120px -663px;}
nav ul .n-case:hover span{background-position:-120px -530px;}
/*-------------------------------------------    
   INSIDE CONTAINER
-------------------------------------------*/
#inside-wrap {width:100%; background:url(../images/inside-wrap-bg.png) repeat-x;}
.art_m {margin:0 auto;}
#primary {
	width:100%;
	max-width:960px;
	position:relative;
}
#primary h1{
	padding-top:15px;
	height:117px;
	line-height: 48px;
	color:#fff;
	text-shadow:6px 8px 0 rgba(0,0,0,.3);
	letter-spacing:normal; 
	text-shadow:none;
	text-align:right;
}
#primary h1 span{font-weight:300; display:block; color:#6CDFFF; font-size:0.8em; letter-spacing:normal;}
#primary h1 i{font-style:normal; text-transform:none; font-size:1.9em; font-weight:800;}
#primary h1 span strong{font-weight:300; text-transform:none}
/*-------------------------------------------    
  SUBNAV
-------------------------------------------*/
#subnav {position:absolute; top:55px;}
#subnav li{float:left; margin-right:15px;}
#subnav li a{
	display:block;
	width:147px;
	height:56px;
	text-align:center;
	font-size:1em;
	color:#fff; 
	background:url(../images/subnav-btn.png) no-repeat 0 -56px;
	line-height:40px; 
	text-shadow:2px 2px 0 #000;
	text-transform:uppercase;
	font-weight:400; 
}
#subnav li a:hover, #subnav .active a {background-position: 0 0;}
/* -- SCREENS -- */
body#serv #primary {height:820px;}
body#serv.prepare #primary {height:940px;}
body#serv .screens a{
	display:block;
	background:url(../images/innovate-screen.png) no-repeat;
	width:513px;
	height:365px;
	position:absolute;
	top:280px;
	right:0;
	text-indent:-999em;
}
.serv-cta {
	font-size:12px;
	background:url(../images/cta-arrow.png) no-repeat 0 50%; text-transform:uppercase; 
	padding:0 0 0 15px; letter-spacing:1px;
}
body#serv section{width:46%; position:absolute; z-index:999}
body#serv section[role='design'] {top:155px; left:0;}
body#serv section[role='multi'] {top:155px; right:100px;}
body#serv section[role='mobile'] {top:320px; left:140px;}
body#serv section[role='dev'] {bottom:20px; right:0; width:64%; color:#fff;}
body#serv section[role='cms'] {top:145px; left:0; width:50%;}
body#serv section[role='seo'] {top:340px; left:0; width:40%;}
body#serv section[role='stats'] {top:150px; right:0; width:48%;}
body#serv section[role='ecommerce'] {top:350px; right:0; width:28%;}
body#serv section[role='hosting'] {top:660px; right:0; width:50%; color:#fff;}
/* -- ICON ENHANCEMENTS -- */
body#serv section[role='dev'] .serv-icon a{background-position:-76px -93px;}

body#serv section[role='ecommerce'] .serv-icon {height:45px; left:-10px; position:relative;}
body#serv section[role='ecommerce'] .serv-icon .icon-ecommerce {
	margin:0 auto; height:45px; width:45px;
	background-position:-545px -15px; left:0; top:0;
}
body#serv section[role='ecommerce'] .serv-icon .icon-ecommerce:hover{background-position:-545px -95px;}
body#serv section[role='ecommerce'] h2 strong{display:block;}

body#serv section[role='seo'] p {padding:0 30px 0 0;}
body#serv section[role='hosting'] p{padding:0 30px 0 0; margin:0 0 15px 0}

body#serv section[role='hosting'] h2{text-transform:uppercase; font-size:1.2em; line-height:2.5em; margin:0 0 30px; font-weight:600}
body#serv section[role='hosting'] h2 strong{display:block; font-size:3.5em; color:#fff; font-weight:800;}
/*-------------------------------------------    
   INSIDE SERVICES
-------------------------------------------*/
body#serv section h2 {margin: 0 0 20px 0; text-shadow: 2px 2px 0 rgba(0,0,0,.5);}
body#serv section h3 {font-size: 1.1em; margin: 0 0 5px; text-shadow: 1px 1px 0 #000; font-weight: 400}
body#serv section figure {display: block; width: 20%; float: left;}
body#serv section article { width: 80%; float: right; display: block; padding: 20px 0 0 0}
body#serv section article img {float: right; margin-left: 15px; max-width: 100%;}


body#serv.details h1{text-align:left;}
body#serv.details h1 span{text-align:right; }
body#serv.details h1 i{display:block; width:100%; text-indent:-999em; text-align:left; height:75px;}
body#serv.details #primary {height:900px;}
body#serv.details #primary h1{line-height:1em;}
body#serv.details #primary h1 span{line-height:20px}
body#serv.details #primary.design h1 i{background:url(../images/serv-h1-design.png) no-repeat 100% 100%;}
body#serv.details #primary.develop h1 i{background:url(../images/serv-h1-develop.png) no-repeat 100% 100%;}
body#serv.details #primary.mobile h1 i{background:url(../images/serv-h1-mobile.png) no-repeat 100% 100%;}
body#serv.details #primary.multi h1 i{background:url(../images/serv-h1-multi.png) no-repeat 100% 100%;}
body#serv.details #primary.cms h1 i{background:url(../images/serv-h1-cms.png) no-repeat 100% 100%;}
body#serv.details #primary.seo h1 i{background:url(../images/serv-h1-seo.png) no-repeat 100% 100%;}
body#serv.details #primary.analytics h1 i{background:url(../images/serv-h1-analytics.png) no-repeat 100% 100%;}
body#serv.details #primary.ecommerce h1 i{background:url(../images/serv-h1-ecommerce.png) no-repeat 100% 100%;}
body#serv.details #primary.hosting h1 i{background:url(../images/serv-h1-hosting.png) no-repeat 100% 100%;}
body#serv.details #primary aside {left:auto; top:670px; right:0; width:26%;}
body#serv.details #primary .serv-icon {position:absolute; width:150px; height:150px; left:115%; top:-84px;}

body#serv.details .serv-icon a {width: 150px; height: 150px; right: 0; position: relative;}
body#serv.details .icon-web-design {
	width: 100%; height: 100%;
	background: url(../images/web-design-logo.png) no-repeat 0 0
}
body#serv.details .icon-multi {
	width: 100%; height: 100%;
	background: url(../images/multi-logo.png) no-repeat 0 0
}
body#serv.details .icon-dev {
	width: 100%; height: 100%;
	background: url(../images/web-dev-logo.png) no-repeat 0 0
}
body#serv.details .icon-mobile {
	width: 100%; height: 100%;
	background: url(../images/mobile-logo.png) no-repeat 0 0
}
body#serv.details .icon-cms {
	width: 100%; height: 100%;
	background: url(../images/cms-logo.png) no-repeat 0 0
}
body#serv.details .icon-stats {
	width: 100%; height: 100%;
	background: url(../images/analytics-logo.png) no-repeat 0 0
}
body#serv.details .icon-seo {
	width: 100%; height: 100%;
	background: url(../images/search-logo.png) no-repeat 0 0
}
body#serv.details .icon-ecommerce {
	width: 100%; height: 100%;
	background: url(../images/commerce-logo.png) no-repeat 0 0
}
body#serv.details aside h3{font-weight:300; font-size:1.3em; text-shadow:1px 1px 3px #000; margin:0 0 25px 0}
body#serv.details aside p{font-size:1em;}
/* --- SERVICE BLOG POSTS ---- */
body#serv.details .news-post {width:45%; float:left; margin:0 2.5%}
body#serv.details .brands {width:100%;}
body#serv.details .trooper {position:absolute; bottom:-5px; left:0;}
body#serv.prepare .trooper {position:absolute; bottom:-5px; left:0;}
body#serv aside, body#serv aside {width:30%; position:absolute; bottom:60px; left:240px;}
/*-------------------------------------------    
  ACTIVE MENU ITEMS
-------------------------------------------*/
body#serv nav ul .n-services {background:url(../images/nav-ribbon.png) no-repeat 50% -5px;}
body#serv nav ul .n-services span {background-position:-120px -15px;}
body#serv .content p{line-height:1.7em;}
/*-------------------------------------------    
   CONTENT STYLES
-------------------------------------------*/
.content h2{font-size: 1.9em}
body.details .content h2{color:#FFF;}
.content h3 {color: #6CDFFF; font-weight: 300;}
.content .cta {margin: 0 0 85px 0}
.content p {margin: 0 0 30px 0; line-height: 2em}

body.expand #outer {
	margin:0 0 30px 0;
	-webkit-box-shadow:5px 5px 10px rgba(0,0,0,.5);
	-moz-box-shadow:5px 5px 10px rgba(0,0,0,.5);
	-o-box-shadow:5px 5px 10px rgba(0,0,0,.5);
	box-shadow:5px 5px 10px rgba(0,0,0,.5);
}
body.expand #inner {background:url(../images/home-midfield.jpg) repeat-x 50% 200%; border-bottom:1px solid #015F92;}
body.prepare #inner {background-position: 50% 157%;}
/*-------------------------------------------    
   //// DETAIL ////  SERVICES & PAGES
-------------------------------------------*/
body.expand.details #outer {margin:0 0 25px 0;} /* --- CHANGE VALUE = 0 WHEN ADDING BLOGS ---- */
body.expand.details #inner {background-position:50% 168%;}
body.expand.details #primary {background:url(../images/c-hologram.png) no-repeat 50% 50%}

body.expand.details #primary.design {background:url(../images/design-figure.png) no-repeat 50% 40%}
body.expand.details #primary.design .shift {padding:0 0 0 90px}
body.expand.details #primary.design p{width:79%;}
body.expand.details #primary.design #secondary p{width:auto;}
body.expand.details #primary.develop {background:url(../images/figure-develop.png) no-repeat 50% 55%}
body.expand.details #primary.develop p{width:70%;}
body.expand.details #primary.develop #secondary p{width:auto;}
body.expand.details #primary.develop .shift {padding:0 0 0 90px}
body.expand.details #primary.mobile {background: url(../images/prepare-twins.png) no-repeat 48% 53%}
body.expand.details #primary.mobile p {width: 80%;}
body.expand.details #primary.mobile #secondary p,body.expand.details #primary.mobile #secondary h3{padding:0 0 0 50px}
body.expand.details #primary.cms {background:url(../images/cms-figure.png) no-repeat 50% 40%}
body.expand.details #primary.cms .shift {padding:0 0 0 90px}
body.expand.details #primary.cms p {width:79%;}
body.expand.details #primary.cms #secondary p {width:auto;}
body.expand.details #primary.seo {background:url(../images/seo-figure.png) no-repeat 50% 40%}
body.expand.details #primary.seo .shift {padding:0 0 0 90px}
body.expand.details #primary.seo p {width:79%;}
body.expand.details #primary.seo #secondary p {width:auto;}
body.expand.details #primary.seo .collapse {width:70%}
body.expand.details #primary.analytics {background:url(../images/figure-analytics.png) no-repeat 100% 45%}
body.expand.details #primary.analytics .cta.big {left:0; right:auto;}
body.expand.details #primary.analytics section {width:60%}
body.expand.details #primary.analytics #secondary {display:none;}
body.expand.details #primary.analytics .cta.big {top:450px}
body.expand.details #primary.analytics .serv-icon a {right:280px;}
/*-------------------------------------------    
 //// Web-development ////  SERVICES & PAGES
-------------------------------------------*/
body.expand.details #primary a.big{
	height:40px;
	line-height:40px;
	max-width:150px;
	text-align:center;
	position:absolute;
	top:575px;
	right:0;
	font-size:1.1em;
	z-index:999;
}

body.expand aside blockquote .author {color:#fff;}
body.expand aside blockquote p {background:url(../images/quote.png) no-repeat 5% 5% rgba(0,0,0,0.90); border:none;}

body.details #primary #secondary {width:35%; position:absolute; right:0;}
body.details #primary section {padding:20px 20px 20px 0; width:35%;}
body.details #primary #service-list {width:500px; height:230px; position:absolute; bottom:0; left:170px;}
body.details #primary #service-list h3 {font-size:1.3em; margin:0 0 30px 0; text-shadow:1px 1px 3px #000; font-weight:600;}
body.details #primary h2 {font-size:1.9em}
body.details .check-list li {font-size:1em; margin:0 0 5px 0;}
body.details .news-post img, body.details .case-post img {margin:0 25px 20px 0}

.serv-icon {width:93px; height:93px; background:none; float:left;}
.serv-icon a {
	display:block; height:75px; width:75px; text-indent:-999em;
	margin:7px auto 0 auto;
	background:url(../images/icons.png) no-repeat; 
	-webkit-transition:background-position .2s ease-in;
	-moz-transition:background-position .2s ease-in;
	-o-transition:background-position .2s ease-in;
	transition:background-position .2s ease-in;	
}

.serv-icon .icon-web-design {background-position:0 0;}
.serv-icon .icon-web-design:hover {background-position:0 -75px;}

.serv-icon .icon-web-dev {background-position:-76px 0;}
.serv-icon .icon-web-dev:hover {background-position:-76px -75px;}

.serv-icon .icon-mobile {background-position:-150px 2px;}
.serv-icon .icon-mobile:hover {background-position:-150px -73px;}

.serv-icon .icon-multi {background-position:-225px 3px;}
.serv-icon .icon-multi:hover {background-position:-225px -72px;}

.serv-icon .icon-cms {background-position:-300px 3px;}
.serv-icon .icon-cms:hover {background-position:-300px -72px;}

.serv-icon .icon-seo {background-position:-375px 3px;}
.serv-icon .icon-seo:hover {background-position:-375px -72px;}

.serv-icon .icon-stats {background-position:-450px 3px;}
.serv-icon .icon-stats:hover {background-position:-450px -72px;}

.serv-icon .icon-ecommerce {background-position:-525px 3px;}
.serv-icon .icon-ecommerce:hover {background-position:-525px -72px;}
/* -- prepare -- */
body#serv .ie-cms {top:145px; left:0; width:50%;}
body#serv .ie-seo {top:340px; left:0; width:40%;}
body#serv .ie-stats {top:150px; right:0; width:48%;}
body#serv .ie-ecommerce {top:350px; right:0; width:28%; }
body#serv .ie-hosting {top:660px; right:0; width:50%; color:#fff;}

/* -- MOBILE -- */ 
body#serv .mobi a {display: block; background: url(../images/innovate-mobile.png) no-repeat; width: 340px; height: 350px; position: absolute; top: 410px; text-indent: -999em;}
/* -- SCREENS -- */
body#serv .screens a {display: block; background: url(../images/innovate-screen.png) no-repeat; width: 513px; height: 365px; position: absolute; top: 280px; right: 0; text-indent: -999em;}
/* -- TWINS -- */
body#serv .twins a {display: block; background: url(../images/prepare-twins.png) no-repeat; width: 360px; height: 382px; position: absolute; top: 300px; left: 50%; margin-left: -150px; text-indent: -999em;}

/* -- SPACEBOY -- */
body#serv .spaceboy a {display: block; background: url(../images/prepare-spaceboy.png) no-repeat; width: 212px; height: 384px; position: absolute; bottom: 0; text-indent: -999em;}

/* -- BIG CTA -- */
body#serv.innovate .cta.big {position: absolute; bottom: 0; left: 140px;}
body#serv.innovate .cta.big:hover {background: rgba(0,0,0,1)}
body#serv.prepare h1 strong {
	text-indent:-999em; display:block; width:100%; height:63px; 
	background:url(../images/title-prepare.png) no-repeat 100% 0; text-align:left;
}
body#serv.innovate h1 i {
	text-indent:-999em; display:block; width:100%; height:63px; 
	background:url(../images/title-ino.png) no-repeat 100% 0; text-align:left;
}

#service-list .col {width:50%; float:left}
#service-list .col h3{color:#FFF;}
#service-list ul li{margin:0 0 15px}
.check-list {margin:0 0 25px 25px}
.check-list li{font-size:1.1em; margin:0 0 10px 0; background:url(../images/check-bullet.png) no-repeat 0 0; padding:0 0 0 30px;}

aside blockquote p{
	background:url(../images/quote.png) no-repeat 5% 5% rgba(0,0,0,0.5);
	border:1px solid #444;
	padding:15px 25px;
	font-size:1.1em;
	color:#fff;
	line-height:1.8em;
	text-indent:2em;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;	
}
strong{color:#6CDFFF; font-weight:600}


#footwrap {width:100%; max-width:960px; margin:0 auto; position:relative;}
#zjaic { position:absolute; top:125px; right:0;}
/*-------------------------------------------    
  BRANDS
-------------------------------------------*/
.brands {
	width:100%;
	margin:0 0 40px 0;
	height:124px;
	background:url(../images/brands-bg.png) no-repeat 50% 0;
	overflow:hidden;
}
.brands-item-1 {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/brands-1.png) no-repeat 50% 15px;
	display:none;
}
.brands-item-2 {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/brands-2.png) no-repeat 50% 15px;
	display:none;
}
/*-------------------------------------------    
  FOOTER NAVIGATION
-------------------------------------------*/
#foot-nav {
	width:68%;
	float:left;
	height:150px;
}
#foot-nav dl{
	width:31.33%;
	margin:0 1%;
	float:left;
}
#foot-nav dt{margin:0 0 15px 0; font-size:16px; font-weight:400; color:#FFF;}
#foot-nav dd{margin:0 0 7px 0;}

#foot-nav dd a{
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
#foot-nav dd a:hover{padding:0 0 0 10px;}
#footer{
	width:31%;
	float:right;
	font-size:11px;
	color:#999;
	position:relative;
}
#footer h2{
	margin-bottom:15px;
	height:20px;
}
#footer h2 a{
	font-size:15px;
	text-align:left;
	line-height:16px;
	color:#FFF;
}
#footer h2 a:hover{
	color:#6BDFFF;
}
#footer p{margin:0 0 10px 0;}
#footer p b{color:#6BDFFF;}
.footerlink {
	width:100%;
	max-width:958px;
	margin:auto auto 20px auto;
	height:100%;
	overflow:hidden;
	font-size:12px;
	color:#666;
}
.footerlink ul{margin:0 0 0 3px;}
.footerlink ul a{color:#666;}
.footerlink ul a:hover{color:#FFF;}
/*-------------------------------------------    
  IGD ICON
-------------------------------------------*/
.igd-icon {
	position:absolute;
	right:0;	
	display:block;
	width:112px;
	height:23px;
	background:url(../images/igd-icon.png) no-repeat 0 0;
	opacity:0.5;
	text-indent:-999em;
	-webkit-transition:opacity .2s ease-in;
	-moz-transition:opacity .2s ease-in;
	-o-transition:opacity .2s ease-in;
	transition:opacity .2s ease-in;
}
.igd-icon:hover {opacity:1.0;}
/*-------------------------------------------    
  NOMINATION
-------------------------------------------*/
#liulanqi {
	display:block;
	width:69px;
	height:105px;
	text-indent:-9999em;
	background:url(../images/liulanqi.png) no-repeat 0 0; 
	position:fixed;
	top:750px;
	left:0;
	z-index:99999;
}
#woai {
	display:block;
	width:69px;
	height:164px;
	text-indent:-9999em;
	background:url(../images/woai.png) no-repeat 0 0; 
	position:fixed;
	top:700px;
	right:0;
	z-index:99999;
}
#qqhao {
	display:block;
	width:115px;
	height:115px;
	text-indent:-9999em;
	background:url(../images/qqhao.png) no-repeat 0 0; 
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
}
#dianhua {
	display:block;
	width:181px;
	height:59px;
	text-indent:-9999em;
	background:url(../images/dianhua.png) no-repeat 0 0; 
	position:fixed;
	top:30px;
	right:0;
	z-index:99999;
}