/*
Theme Name: 极虎工作室
Theme URI: http://www.geekif.com/
Author: 极虎
Author URI: http://www.geekif.com/
*/
* {
	margin:0;
	padding:0;
}
body {
	background:#fff;
	font-family:"Microsoft YaHei", Verdana, arial, sans-serif;
	font-size:16px;
	letter-spacing:0;
	line-height:1.5;
	color:#282828
}
img {
	border:none;
}
a {
	text-decoration:none;
}
a:hover {
}
ul li {
	list-style:none;
}
.topmenu {
	background:#00aeef;
	height:67px;
	position:fixed;
	z-index:9999;
	width:100%;
}
.topborder {
	background:#009cd7;
	height:1px;
	border-bottom:1px solid #1ab6f1;
}
.menuwrapper {
	width:1024px;
	height:65px;
	margin:auto;
}
#logo {
	height:65px;
	width:190px;
	background:url(images/logo.png) no-repeat;
	display:inline-block;
	text-indent: -9999px;
	float:left;
	position:relative;
}
#logo .hover {
	background:url(images/logo.png) no-repeat 0 -65px;
	position:absolute;
	height:65px;
	width:190px;
	display:inline-block;
	top:0;
	left:0;
}
.menulist {
	float:left;
	display:inline-block;
	text-align:center;
	padding:.6em 1em;
	position:relative;
	margin-left:100px;
}
.menulist .items {
	display:inline-block
}
.menulist .items .menuitem {
	float:left;
}
.menulist .items .menuitem a {
	color:#fff;
	display:inline-block;
	padding:.6em 1em;
	margin:0 .5em;
	border-radius:4px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}
.menulist .items .menuitem a:hover {
	background:#008bbf;
}
.social {
	float:right;
	text-align:right;
	display:inline-block;
}
.sociallist {
}
.sociallist b {
	margin:20px 0 0;
	display:inline-block;
}
.sociallist a.snsmain {
	height:25px;
	width:25px;
	background:url(images/sns_ico.png) no-repeat;
	display:inline-block;
	text-indent:-9999px;
	position:relative;
}
.sociallist .link a.snsmain {
	background-position:0 0;
}
.sociallist .sina a.snsmain {
	background-position:-25px 0;
}
.sociallist .email a.snsmain {
	background-position:-50px 0;
}
.sociallist .qq a.snsmain {
	background-position:-75px 0;
}
.sociallist .github a.snsmain {
	background-position:-100px 0;
}
.sociallist .tqq a.snsmain {
	background-position:-125px 0;
}
.sociallist .map a.snsmain {
	background-position:-150px 0;
}
.sociallist .wang a.snsmain {
	background-position:-175px 0;
}
.sociallist .top a.snsmain {
	background-position:-200px 0;
}
.sociallist a.snsmain span.hover {
	background:url(images/sns_ico.png) no-repeat 0 -25px;
	position:absolute;
	height:25px;
	width:25px;
	display:inline-block;
	top:0;
	left:0;
}
.sociallist .link a.snsmain span.hover {
	background-position: 0 -25px;
}
.sociallist .sina a.snsmain span.hover {
	background-position: -25px -25px;
}
.sociallist .email a.snsmain span.hover {
	background-position: -50px -25px;
}
.sociallist .qq a.snsmain span.hover {
	background-position: -75px -25px;
}
.sociallist .github a.snsmain span.hover {
	background-position: -100px -25px;
}
.sociallist .tqq a.snsmain span.hover {
	background-position: -125px -25px;
}
.sociallist .map a.snsmain span.hover {
	background-position: -150px -25px;
}
.sociallist .wang a.snsmain span.hover {
	background-position: -175px -25px;
}
.sociallist .top a.snsmain span.hover {
	background-position: -200px -25px;
}
#top {
	height:0;
	width:0;
}
#home {
	background:url(images/home_bg.png) #00aeef center 67px no-repeat;
	height:645px;
	padding:67px 0 30px;
}
.wrapper {
	width:1024px;
	margin:auto;
}
.aboutstudio {
	width:370px;
	text-align:right;
	margin-top:100px;
}
.aboutstudio h3 {
	font-weight:normal;
	color:#0079a7;
	font-size:21px;
}
.aboutstudio h1 {
	font-weight:normal;
	color:#ffffff;
	font-size:46px;
	margin:30px 0;
}
.aboutstudio p {
	color:#ffffff;
}
.platform {
	display:inline-block;
}
.platformlist li {
	float:left;
	margin-right:5px;
	margin-top:20px;
}
ul a.pfmain {
	height:100px;
	width:100px;
	background:url(images/platform_ico.png) no-repeat;
	display:inline-block;
	text-indent:-9999px;
	position:relative;
}
ul a.pfmain span, ul a.snsmain span, .sociallist a.snsmain span {
	display:none;
}
ul .android a.pfmain {
	background-position:0 0;
}
ul .windows a.pfmain {
	background-position:-100px 0;
}
ul .apple a.pfmain {
	background-position:-200px 0;
}
ul a.pfmain span.hover {
	background:url(images/platform_ico.png) no-repeat 0 -100px;
	position:absolute;
	height:100px;
	width:100px;
	display:inline-block;
	top:0;
	left:0;
}
ul .android a.pfmain span.hover {
	background-position: 0 -100px;
}
ul .windows a.pfmain span.hover {
	background-position: -100px -100px;
}
ul .apple a.pfmain span.hover {
	background-position: -200px -100px;
}
.borderlogo {
	background:url(images/boderlogo.png) no-repeat center;
	height:120px;
	margin-top:-54px;
	z-index:999;
	position:relative;
}
.borderlogo2 {
	background:url(images/boderlogo2.png) no-repeat center;
	height:120px;
	margin-bottom:-66px;
	z-index:999;
	position:relative;
}
#services {
	background:#ffffff;
	padding:67px 0 0;
	margin-top:-50px;
}
.svtitle {
	text-align:center;
	margin:40px 0 30px;
	background:#ffffff;
}
.svtitle h2 {
	font-size:36px;
	font-weight:normal;
	margin-bottom:10px;
}
.svtitle h2 a {
	color:#282828;
	transition:all .3s ease;
}
.svtitle h2 a:hover {
	color:#00aeef;
}
.svtitle p {
	font-size:20px;
}
.whtitle {
	text-align:center;
	padding:40px 0 30px;
	color:#ffffff;
}
.whtitle h2 {
	font-size:36px;
	font-weight:normal;
	margin-bottom:10px;
}
.whtitle p {
	font-size:20px;
}
.servicesshow {
	margin-bottom:120px;
}
.svpic {
	margin:25px 0 45px;
	text-align:center;
}
.svpic img {
	width:811px;
	height:316px;
}
.fn-clear {
	zoom: 1;
}
.box_skitter {
	position: relative;
	background: none;
}
.box_skitter ul {
	display: none;
}
.box_skitter .container_skitter {
	overflow: hidden;
	position: relative;
}
.box_skitter .image {
	overflow: hidden;
}
.box_skitter .image img {
	display: none;
}
.box_skitter .box_clone {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	overflow: hidden;
	display: none;
	z-index: 20;
}
.box_skitter .box_clone img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}
.box_skitter .prev_button {
	position: absolute;
	top: 50%;
	left: -62px;
	z-index: 100;
	width: 50px;
	height: 50px;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: -25px;
	background:url(images/prenext.png) no-repeat 0 0;
}
a.prev_button:hover {
	background-position:0 -50px;
}
.box_skitter .next_button {
	position: absolute;
	top: 50%;
	right: -62px;
	z-index: 100;
	width: 50px;
	height: 50px;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: -25px;
	background: url(images/prenext.png) no-repeat -50px 0;
}
a.next_button:hover {
	background-position:-50px -50px;
}
.box_skitter .label_skitter {
	z-index: 150;
	position: absolute;
	display: none;
}
.loading {
	position: absolute;
	top: 50%;
	right: 50%;
	z-index: 10000;
	margin: -16px -16px;
	color: #fff;
	text-indent: -9999em;
	overflow: hidden;
	background: url(images/ajax-loader.gif) no-repeat left top;
	width: 31px;
	height: 31px;
}
#slideshow {
	width: 900px;
	height: 550px;
	margin:auto;
}
#slideshow ul {
	display: none;
}
.skill {
	background:#efefef;
	border-top:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	padding:115px 0;
}
.skilllist li {
	float:left;
}
ul div.skmain {
	height:300px;
	width:340px;
	display:inline-block;
	position:relative;
	text-align:center;
}
ul div.skmain span {
	display:none;
}
ul .crossplatform div.skmain {
	background:url(images/crossplatform.png) no-repeat center top;
}
ul .design div.skmain {
	background:url(images/design.png) no-repeat center top;
}
ul .time724 div.skmain {
	background:url(images/724.png) no-repeat center top;
}
ul div.skmain span.hover {
	position:absolute;
	height:129px;
	width:340px;
	display:inline-block;
	top:0;
	left:0;
}
ul .crossplatform div.skmain span.hover {
	background:url(images/crossplatform2.png) no-repeat center top;
}
ul .design div.skmain span.hover {
	background:url(images/design2.png) no-repeat center top;
}
ul .time724 div.skmain span.hover {
	background:url(images/7242.png) no-repeat center top;
}
ul div.skmain h2 {
	margin:150px 0 10px;
	font-size:24px;
	font-weight:normal;
	color:#6e6e6e;
}
ul div.skmain h2 a {
	color:#6e6e6e;
	transition:all .3s ease;
}
ul div.skmain:hover h2 a {
	color:#00aeef;
}
ul div.skmain p {
	font-size:16px;
	color:#6e6e6e;
	line-height:1.8;
}
#team {
	background:#ffffff;
	padding:67px 0 0;
}
.teamlist {
	display:inline-block;
	margin-top:50px;
}
.teamlist li {
	float:left;
}
ul div.mbmain {
	height:300px;
	width:256px;
	display:inline-block;
	position:relative;
	text-align:center;
}
ul div.mbmain span {
	display:none;
}
ul .member1 div.mbmain {
	background:url(images/zhishu1.png) no-repeat center top;
}
ul .member2 div.mbmain {
	background:url(images/kezhan1.png) no-repeat center top;
}
ul .member3 div.mbmain {
	background:url(images/jianqiang1.png) no-repeat center top;
}
ul .member4 div.mbmain {
	background:url(images/who1.png) no-repeat center top;
}
ul div.mbmain span.hover {
	position:absolute;
	height:195px;
	width:256px;
	display:inline-block;
	top:0;
	left:0;
}
ul .member1 div.mbmain span.hover {
	background:url(images/zhishu2.png) no-repeat center top;
}
ul .member2 div.mbmain span.hover {
	background:url(images/kezhan2.png) no-repeat center top;
}
ul .member3 div.mbmain span.hover {
	background:url(images/jianqiang2.png) no-repeat center top;
}
ul .member4 div.mbmain span.hover {
	background:url(images/who2.png) no-repeat center top;
}
ul div.mbmain h2 {
	margin:220px 0 10px;
	font-size:24px;
	font-weight:normal;
	color:#6e6e6e;
	transition:all .3s ease;
}
ul div.mbmain:hover h2 {
	color:#00aeef;
}
ul div.mbmain p {
	font-size:16px;
	color:#6e6e6e;
	line-height:1.8;
}
.mbsocial {
	margin-bottom:90px;
	display:inline-block;
}
li.mbsocial1, li.mbsocial2, li.mbsocial3, li.mbsocial4 {
	width:256px;
	text-align:center;
	margin-top:-10px;
	float:left;
}
#price {
	background:#00aeef;
	padding:67px 0 30px;
}
.pricelist {
	display:inline-block;
	margin-top:30px;
}
.pricelist li {
	float:left;
}
ul div.prmain {
	height:450px;
	width:256px;
	display:inline-block;
	position:relative;
	text-align:center;
	color:#ffffff;
}
ul div.prmain span {
	display:none;
}
ul .price1 div.prmain {
	background:#1ab6f1;
	;
}
ul .price2 div.prmain {
	background:#009cd7;
}
ul .price3 div.prmain {
	background:#1ab6f1;
}
ul .price4 div.prmain {
	background:#009cd7;
}
ul div.prmain span.hover {
	position:absolute;
	height:3px;
	width:256px;
	display:inline-block;
	top:0;
	left:0;
}
ul .price1 div.prmain span.hover, ul .price3 div.prmain span.hover {
	background:url(images/border_bg.png) repeat-x top #1ab6f1;
}
ul .price2 div.prmain span.hover, ul .price4 div.prmain span.hover {
	background:url(images/border_bg.png) repeat-x top #009cd7;
}
ul div.prmain h2 {
	margin:30px 33px 15px;
	font-size:24px;
	font-weight:normal;
	border-bottom:1px solid #48c5f4;
	padding-bottom:15px;
}
ul div.prmain ul li {
	float:none;
	width:150px;
	margin:0 53px;
	text-align:left;
	font-size:18px;
	line-height:18px;
	margin-bottom:15px;
}
ul div.prmain ul li.yes {
	background:url(images/yes.png) no-repeat;
	padding-left:30px;
}
ul div.prmain ul li.no {
	background:url(images/no.png) no-repeat;
	padding-left:30px;
}
ul div.prmain h1 {
	margin:30px 0;
	font-size:38px;
}
ul div.prmain h1 em {
	font-style:normal;
	font-size:18px;
	font-weight:normal;
	margin-left:5px;
}
ul div.prmain a {
	color:#fff;
	display:inline-block;
	padding:.6em 1em;
	margin:0 .5em;
	border-radius:4px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	background:#007dac;
}
ul div.prmain a:hover {
	background:#106d91;
}
.otherq {
	color:#ffffff;
	margin:60px 80px;
}
.otherq h2 {
	font-weight:normal;
	margin:15px 0;
}
.otherq a {
	color:#fff;
	display:inline-block;
	padding:.3em .5em;
	margin:0 .5em;
	border-radius:4px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	margin:25px 25px 25px 0;
}
.otherq a.oqqq:hover {
	background:url(images/qq.png) no-repeat 5px 5px #008bbf;
}
.otherq a.oqqq {
	background:url(images/qq.png) no-repeat 5px 5px;
	color:#fff;
	display:inline-block;
	padding:.3em .5em .3em 1.8em;
	margin:0 .5em;
	border-radius:4px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	margin:25px 25px 25px 0;
}
.otherq a.oqmail:hover {
	background:url(images/email.png) no-repeat 7px 5px #008bbf;
}
.otherq a.oqmail {
	background:url(images/email.png) no-repeat 7px 5px;
	color:#fff;
	display:inline-block;
	padding:.3em .5em .3em 2em;
	margin:0 .5em;
	border-radius:4px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	margin:25px 25px 25px 0;
}
#blog {
	background:#ffffff;
	padding:67px 0 0;
	margin-top:-50px;
}
.blog {
	background:#ffffff;
	padding:67px 0 0;
}
.blogwrapper {
	width:1024px;
	margin:auto;
	padding-bottom:80px;
}
.bloglist ul li {
	padding:0 100px;
}
.bloglist ul li.wpage {
	padding:0 10px;
}
.bloglist ul li.wpage li {
	padding:0;
}
.bloglist {
}
.bloglist h3 {
	color:#505050;
	font-size:28px;
	font-weight:normal;
	margin-top:30px;
}
.bloglist h3 a {
	color:#505050;
	transition:all .3s ease;
}
.bloglist h3 a:hover {
	color:#00aeef;
}
.bloglist em {
	font-style:normal;
	color:#6E6E6E;
	font-size:14px;
	display:inline-block;
	margin-top:8px;
}
.blogmain {
	margin:30px 0;
}
.blogmain p {
	color:#6e6e6e;
	margin:20px 0;
}
.blogmain a, .blogmain p a {
	color:#00aeef;
	transition:all .3s ease;
}
.blogmain a:hover, .blogmain p a:hover {
	color:#505050;
}
.blogmain blockquote {
	margin:auto;
	border:1px solid #EEE1AD;
	padding:20px 55px 20px 20px;
	background:url(images/blockquote.jpg) right top no-repeat #FFF6CF;
}
.blogmain blockquote p {
	margin:0;
}
.more {
	text-align:right;
	margin-bottom:60px;
}
.more a {
	color:#00aeef;
	transition:all .3s ease;
}
.more a:hover {
	color:#c8c8c8;
}
.post-share {
	margin:35px 0 0;
	display:inline-block;
}
.post-nav {
	margin:10px 0;
}
.post-nav h2 {
	font-size:16px;
	font-weight:normal;
}
.post-nav h2 a {
	color:#00aeef;
	transition:all .3s ease;
}
.post-nav h2 a:hover {
	color:#505050;
}
.post-comments {
	margin:50px 100px;
}
.position {
	margin:40px 100px 0;
	text-align:right;
}
.position a {
	color:#282828;
	transition:all .3s ease;
}
.position a:hover {
	color:#00aeef;
}
.post-cm-list h2 {
	font-size:23px;
	font-weight:normal;
}
.post-cm-list ul li {
	list-style:none;
	padding:25px 0;
	border-bottom:1px solid #e0e0e0;
}
.pltx {
	width:64px;
	height:64px;
	float:left;
	margin-right:10px;
}
.pltxt {
	width:471px;
	float:left;
}
.pltxt span {
	margin-bottom:5px;
	display:block;
	color:#000000;
}
.pltxt span a {
	color:#000000;
}
.pltxt p {
	color:#666666;
}
.add-comment {
	margin-top:40px;
}
.add-comment h2 {
	font-size:23px;
	font-weight:normal;
	margin-bottom:30px;
}
.add-comment ul li {
	border-bottom:none;
	margin:5px 0;
	padding:0;
	list-style:none;
}
.post-tb-input {
	width:198px;
	height:37px;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #f0f0f0;
	border-left:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
	background:#f0f0f0;
	padding:0 5px;
	color:#666666;
	font-family:Tahoma;
	font-size:12px;
	line-height:37px;
}
.post-tb-area {
	height:150px;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #f0f0f0;
	border-left:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
	background:#f0f0f0;
	padding:5px;
	color:#666666;
	font-family:Tahoma;
	font-size:12px;
	line-height:21px;
}
.post-tb-btn {
	background:#00aeef;
	color:#ffffff;
	border:none;
	text-align:center;
	font-size:16px;
	padding:10px 20px;
	cursor:pointer;
	font-family:"微软雅黑";
	border-radius:4px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}
.post-tb-btn:hover {
	background:#008bbf;
}
.page-nav {
	margin: 15px 0;
	text-align:center;
}
.page-nav a {
	border: 1px solid #efefef;
	display: inline-block;
	margin:0 5px;
	padding: 7px 15px;
	color:#666666;
	transition:all .3s ease;
}
.page-nav a.current, .page-nav a:hover {
	color: #ffffff;
	text-decoration: none;
	background:#00aeef;
}
.weibo {
	background:#e22429;
	padding:80px 0 100px;
}
.wbwrapper {
	width:824px;
	margin:auto;
	padding:0 30px 0 170px;
	background:url(images/weibo_bg.png) no-repeat #e22429;
	color:#ffffff;
}
.wbwrapper .widgets li {
	margin:5px 0;
}
.wbwrapper .widgets h3 a {
	font-size:21px;
	font-weight:normal;
}
.wbwrapper .widgets a {
	color:#F9D3A5;
	transition:all .3s ease;
	font-size:14px;
}
.wbwrapper .widgets a:hover {
	color:#ffffff;
}
.customers {
	background:#ffffff;
	padding:100px 0 35px;
}
.cttitle {
	text-align:center;
	padding:0 0 20px;
	background:#ffffff;
}
.cttitle h2 {
	font-size:36px;
	font-weight:normal;
	margin-bottom:10px;
}
.cttitle h2 a {
	color:#282828;
	transition:all .3s ease;
}
.cttitle h2 a:hover {
	color:#00aeef;
}
.cttitle p {
	font-size:20px;
}
.customerlist {
	margin:50px 0;
}
.sponsorListHolder {
}
.sponsor {
	width:180px;
	height:180px;
	float:left;
	margin:12px;
	position:relative;
	cursor:pointer;
}
.sponsorFlip {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #ddd;
	background:url(images/background.jpg) no-repeat center center #f9f9f9;
}
.sponsorFlip:hover {
	border:1px solid #999;
	-moz-box-shadow:0 0 30px #999 inset;
	-webkit-box-shadow:0 0 30px #999 inset;
	box-shadow:0 0 30px #999 inset;
}
.sponsorFlip img {
	position:absolute;
	top:50%;
	left:50%;
	margin:-70px 0 0 -70px;
	width:140px;
	height:140px;
}
.sponsorData {
	display:none;
}
.sponsorDescription {
	font-size:12px;
	padding:50px 10px 20px 20px;
}
.sponsorDescription a {
	color:#00aeef;
}
.sponsorDescription a:hover {
	color:#00aeef;
}
.sponsorURL {
	font-size:10px;
	font-weight:bold;
	padding-left:20px;
}
.sponsorURL a {
	color:#00aeef;
	font-weight:normal;
}
#contacts {
	position:relative;
	padding-top:67px;
}
#dituContent {
	width:100%;
	height:700px;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
	z-index:1;
}
.iw_poi_title {
	color:#00aeef;
	font-size:18px;
	font-weight:bold;
	overflow:hidden;
	padding-right:13px;
	white-space:nowrap
}
.iw_poi_content {
	font-size:14px;
	overflow:visible;
	padding-top:4px;
	white-space:-moz-pre-wrap;
	word-wrap:break-word
}
.contacts {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 40%;
	z-index:999;
}
.footer {
	background:#00aeef;
	padding:45px 0;
	text-align:center;
	color:#ffffff;
}
.footer a {
	color:#ffffff;
}
.footer a:hover {
	text-decoration:underline;
}
.clear {
	clear:both;
}
