@charset "utf-8";
/*关于我们*/
.footer{
	margin-top:40px;
	border-top:1px #000 solid;}
.topshow{
	padding-top:74px;
	height:156px;
	text-align:center;
	background:#000 url("../img/showbg.jpg") center 0 no-repeat;}
.introduction_subnav{
	margin-top:45px;}
.introduction_subnav li{
	float:left;
	padding-right:8px;
	padding-left:23px;
	background:url("../img/line6.gif") 0 11px no-repeat;}
.introduction_subnav .first{
	padding-left:0;
	background:none;}
.introduction_subnav span{
	display:inline-block;}
.introduction_subnav a{
	font-size:30px;
	color:#a9a9a9;}
.introduction_subnav .current span{
	border-bottom:5px #f9c000 solid;}
.introduction_subnav .current span a{
	font-weight:700;
	color:#000;}
.footprints_title, .vision_title, .place_title{
	height:28px;
	overflow:hidden;
	line-height:200px;
	background:url("../img/text.png") no-repeat;}
.footprints_title{
	margin-bottom:20px;
	width:219px;
	background-position:0 -273px;}
.vision_title{
	margin-bottom:20px;
	width:160px;
	background-position:-219px -273px;}
.place_title{
	width:415px;
	background-position:-379px -273px;}
.about_top{
	padding-top:55px;}
.about_right{
	padding-top:13px;
	width:462px;
	font-size:14px;
	line-height:22px;}
.footprints_box{
	padding-top:65px;}
.footprints{
	width:292px;}
.footprints_i{
	width:125px;
	height:51px;
	background:url("../img/w_icon.png") 0 0 no-repeat;}
.vision_i{
	margin-left:52px;
	margin-top:9px;
	width:60px;
	height:52px;
	background:url("../img/w_icon.png") -140px 0 no-repeat;}
.footprints_con{
	padding-top:20px;
	font-size:14px;
	line-height:22px;
	color:#000;}
.vision{
	margin-left:193px;}
.vision_con{
	padding-left:52px;
	margin-top:10px;
	width:292px;
	font-size:14px;
	line-height:22px;
	border-left:1px solid #bbb;
	color:#000;}
.about_show_hd{
	margin-top:39px;
	padding-top:43px;
	border-top:1px solid #f8b500;}
.about_show{
	padding-top:20px;}
.about_show_lef{
	position:relative;
	width:718px;
	height:402px;
	overflow:hidden;}
.about_show_lef img{
	display:none;
	position:absolute;
	top:0;
	left:0;}
.about_show_right{
	width:269px;
	overflow:hidden;}
.about_show_right ul{
	width:110%;}
.about_show_right li{
	float:left;
	_display:inline;
	margin:0 3px 3px 0;
	width:133px;
	height:78px;
	overflow:hidden;}

/*我们的团队*/
.team {
	overflow:hidden;}
.team_list2{
	padding:54px 0 30px 0;
	width:1006px;}
.team_list2 li{
	_display:inline;
	position: relative;
	float:left;
	width:250px;
	height:350px;
	overflow:hidden;}
.team_list2 .img{
	display:block;
	width:250px;
	height:350px;}
.team_list2 .float{
	position:absolute;
	top:-350px;
	left:0;
	z-index:1;
	padding:30px 18px 0 17px;
	width:215px;
	height:320px;
	background:url("../img/k_bg3.png");}
.team_list2 .float .title{
	padding-bottom:10px;
	color:#fff;
	border-bottom:1px dashed #fff;}
.team_list2 .float .title .p1{
	font-size:18px;
	line-height:1em;}
.team_list2 .float .title .p2{
	font-size:30px;
	color:#fff;}
.team_list2 .float .title_ubb{
	padding-top:5px;
	line-height:1.8;
	font-size:18px;
	color:#fff;}


.team_list{
	margin-top:19px;
	width:1006px;}
.team_list li, .team_slider_bd li{
	_display:inline;
	float:left;
	margin-top:36px;
	margin-right:6px;
	width:195px;
	height:160px;}
.team_list a, .team_slider_bd a{
	display:block;
	color:#000;}
.team_list a img, .team_slider_bd a img{
	vertical-align:top;}
.team_list a p, .team_slider_bd a p{
	padding-top:9px;}
.team_list a span, .team_slider_bd a span{
	margin-left:7px;
	padding-left:6px;
	background:url("../img/line7.gif") 0 center no-repeat;}
.w755{
	width:755px;}
.team_main{
	margin-top:50px;}
.team_hd img{
	float:left;
	border:1px #353535 solid;}
.team_hd h1{
	float:left;
	margin-left:15px;
	line-height:46px;
	font-size:44px;}
.team_hd div{
	float:left;
	margin-left:20px;
	padding-top:4px;
	line-height:1.3;
	font-family:Tahoma;
	color:#7f7f7f;}
.team_hd span{
	display:block;
	font-size:20px;
	font-weight:700;
	color:#000;}
.team_msg{
	margin-top:22px;
	padding-bottom:8px;
	font-size:20px;
	border-bottom:1px #000 solid;}
.team_detail{
	padding:18px 0;
	line-height:1.8;}
.team_slider_bd{
	position:relative;
	width:190px;
	height:680px;
	overflow:hidden;}
.team_slider_bd ul{
	position:absolute;
	top:0;
	left:0;}
.team_slider_bd li{
	float:left;
	margin-top:10px;
	margin-right:0;}
.team_slider .prev, .team_slider .next{
	width:195px;
	height:14px;
	overflow:hidden;
	cursor:pointer;
	background:url("../img/common.png") no-repeat;}
.team_slider .prev{
	background-position:0 -217px;}
.team_slider .prev:hover{
	background-position:-195px -217px;}
.team_slider .next{
	background-position:0 -231px;}
.team_slider .next:hover{
	background-position:-195px -231px;}

.team_excellent{
	margin-top:54px;
	font-size:16px;
	font-weight:700;}
.team_list2{
	padding-top:20px;}

/*加入我们*/
.join{
	position:relative;
	overflow:hidden;}
.join_list{
	margin-top:25px;}
.join_list ul{
	width:1100px;}
.join_list li{
	_display:inline;
	float:left;
	margin-top:30px;
	margin-right:40px;
	width:480px;
	background:#e9e9e9;}
.join_list .title{
	padding-left:145px;
	height:123px;
	line-height:100px;
	font-size:30px;
	color:#fff;
	background:url("../img/job_title.png") no-repeat;}
.join_list .title_designer{
	background-position:0 0;}
.join_list .title_front{
	background-position:0 -149px;}
.join_list .title_reserve{
	background-position:0 -287px;}
.join_list .title_programmer{
	background-position:0 -426px;}
.join_list .title_android{
	background-position:0 -575px;}
.join_list .title_ios{
	background-position:0 -720px;}
.join_list .title_areamarketing{
	background-position:0 -863px;}
.join_list .title_service{
	background-position:0 -1006px;}
.join_list .title_animation{
	background-position:0 -1149px;}
.join_list .join_ubb{
	padding:25px 28px;
	font-size:14px;
	line-height:1.8;}
.join_address{
	padding: 28px 28px;
	border-top:1px solid #bababa;}
.join_address p{
	height:26px;
	line-height:26px;
	font-size:14px;
	color:#6a6a6a;}
.join_address p span{
	color:#000;}
.join_address p b{
	display:inline-block;
	margin:0 20px;
	color:#c5c5c5;
	font-size:12px;
	font-weight:normal;}
.join_address a{
	display:block;
	width:79px;
	height:26px;
	line-height:26px;
	text-align:center;
	color:#fff;
	border-radius:4px;
	background:#757575;}
.join_address a:hover{
	background:#f9c000;}
.join_list .title1{
	background-position: 0 -152px;}
.join_list .title2{
	background-position: 0 -309px;}
.join_list .title3{
	background-position: 0 -464px;}

/*案例列表*/
.case_content{
	padding-top:55px;
	padding-bottom:20px;}
.case_nav{
	padding-bottom:10px;
	border-bottom:1px #000 solid;}
.case_nav li{
	float:left;}
.case_nav a{
	display:block;
	height:46px;
	overflow:hidden;
	line-height:200px;
	cursor:pointer;
	background:url("../img/text.png") no-repeat;}
.case_nav .web{
	width:269px;
	background-position:0 -171px;}
.case_nav .app{
	margin-left:84px;
	width:224px;
	background-position:-269px -171px;}
.case_nav .other{
	margin-left:89px;
	width:332px;
	background-position:-493px -171px;}
.case_nav .current .web{
	background-position:0 -217px;}
.case_nav .current .app{
	background-position:-269px -217px;}
.case_nav .current .other{
	background-position:-493px -217px;}
.case_subnav{
	padding-top:20px;
	text-align:center;
	border-bottom:1px #000 solid;}
.case_subnav li{
	display:inline-block;
	*zoom:1;
	*display:inline;
	padding:0 18px;
	vertical-align:middle;
	font-size:22px;
	background:url("../img/line5.gif") 0 8px no-repeat;}
.case_subnav .first{
	background:none;}
.case_subnav span{
	display:inline-block;
	padding-bottom:18px;
	border-bottom:4px #fff solid;}
.case_subnav a{
	color:#000;}
.case_subnav .current span{
	border-bottom:4px #000 solid;}
.case_list{
	padding-top:24px;
	overflow:hidden;}
.case_list_hd{
	font-size:18px;
	color:#000;}
.case_list_hd a{
	float:right;
	margin-right:25px;
	color:#000;}
.case_list_bd{
	padding-top:30px;
	width:1010px;}
.case_list_bd li{
	_display:inline;
	float:left;
	position:relative;
	margin: 0 5px 5px 0;
	width:330px;
	height:206px;}
.case_list_bd .li1{
	height:417px;}
.case_list_bd .float{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:1px;
	width:100%;
	height:100%;
	background:url("../img/k_bg3.png");}
.float_cn{
	margin:37px auto 0 auto;
	width:218px;
	text-align:center;
	vertical-align:middle;}
.float_cn h3 a{
	font-size:22px;
	font-weight:normal;
	color:#fff;}
.float_cn h3 a:hover{
	color:#f8b500;}
.float_cn p{
	margin-bottom:15px;
	padding:5px 0 10px 0;
	color:#bababa;
	border-bottom:1px dotted #fff;}
.float_cn .details{
	color:#bebebe;}
.float_cn .details:hover{
	color:#f8b500;}

/*案例详细*/
.case_title{
	padding-bottom:15px;
	background:url("../img/k_bg1.jpg") repeat-x bottom;}
.case_title span{
	float:left;
	height:46px;
	overflow:hidden;
	line-height:200px;
	cursor:pointer;
	background:url("../img/text.png") no-repeat;}
.case_title .web{
	width:269px;
	background-position:0 -171px;}
.case_title .app{
	margin-left:84px;
	width:224px;
	background-position:-269px -171px;}
.case_title a{
	float:right;
	position:relative;
	top:3px;
	margin-top:20px;
	padding-left:6px;
	font-size:18px;
	color:#000;
	background:url("../img/icon1.gif") 0 0 no-repeat;}
.case_detail_hd{
	padding:30px 0 25px 0;
	background:url("../img/k_bg1.jpg") repeat-x bottom;}
.case_detail_hd .time{
	float:left;
	padding-left:14px;
	text-align:center;}
.case_detail_hd .time .day{
	font-family:Arial;
	font-size:36px;
	font-weight:bold;
	color:#000;}
.case_detail_hd .time .year{
	margin-top:-7px;
	font-family:Arial;
	font-size:20px;
	color:#000;}
.case_detail_hd .title{
	padding-left:80px;
	width:768px;}
.case_detail_hd .title h1{
	font-size:24px;
	font-weight:normal;
	color:#000;}
.case_detail_hd .title div{
	color:#8d8d8d;}
.case_detail_bd{
	padding:12px 0;
	line-height:1.8;}

/*服务栏目*/
.service_bd{
	position:relative;
	height:250px;}
.service_arrow{
	position:absolute;
	bottom:0;
	left:78px;
	width:33px;
	height:17px;
	background:url("../img/common.png") -147px -39px no-repeat;}
.service_main{
	position:relative;
	height:626px;
	overflow:hidden;
	border-top:6px #f8b500 solid;}
.service_main .prev, .service_main .next{
	position:absolute;
	top:313px;
	z-index:100;
	width:48px;
	height:48px;
	background:url("../img/common.png") no-repeat;}
.service_main .prev{
	left:0;
	background-position:0 -255px;}
.service_main .prev:hover{
	left:0;
	background-position:-96px -255px;}
.service_main .next{
	right:0;
	background-position:-48px -255px;}
.service_main .next:hover{
	right:0;
	background-position:-144px -255px;}
.service_main .item{
	position:absolute;
	top:0;
	left:-100%;
	z-index:1;
	width:100%;
	height:625px;
	overflow:hidden;}
.item_website{
	border-bottom:1px #e3e2e0 solid;
	background:#f1f0ee url("../img/item_website.jpg") center 0 no-repeat;}
.item_website_hd{
	padding-top:225px;
	width:396px;}
.item_website_hd h2{
	font-size:24px;
	font-weight:400;
	color:#f8b500;}
.item_website_hd p{
	margin-top:8px;
	line-height:1.8;
	color:#434343;}
.item_website_bd{
	margin-top:48px;}
.item_website_bd a{
	display:inline-block;
	margin-right:5px;}
.item_website_bd img{
	vertical-align:middle;}
.item_website_ft{
	margin-top:74px;}
.item_website_ft i{
	margin:0 10px;}
.item_app{
	border-bottom:1px #303438 solid;
	background:#2a2f33 url("../img/item_app.jpg") center 0 no-repeat;}
.item_app_hd{
	padding-top:225px;
	padding-left:590px;}
.item_app_hd h2{
	font-size:24px;
	font-weight:400;
	color:#f8b500;}
.item_app_hd p{
	margin-top:8px;
	line-height:1.8;
	color:#868686;}
.item_app_bd{
	margin-top:40px;
	text-align:right;}
.item_app_ft{
	margin-top:68px;
	padding-left:590px;}
.item_app_ft i{
	margin:0 10px;}
.item_weixin{
	border-bottom:1px #eaeaea solid;
	background:#eaeaea url("../img/item_weixin.jpg") center 0 no-repeat;}
.item_weixin_hd{
	padding-top:180px;
	padding-left:49px;
	width:544px;}
.item_weixin_hd h2{
	font-size:24px;
	font-weight:400;
	color:#ed8100;}
.item_weixin_hd p{
	margin-top:8px;
	line-height:1.8;
	color:#434343;}
.item_weixin_bd{
	margin-top:65px;
	padding-left:42px;}
.item_weixin_ft{
	margin-top:92px;
	padding-left:46px;}
.item_weixin_ft i{
	margin:0 10px;}
.item_flash{
	border-bottom:1px #e1e2e2 solid;
	background:#f2f3f3 url("../img/item_flash.jpg") center 0 no-repeat;}
.item_flash .w1000{
	position:relative;}
.item_flash_hd{
	padding-top:64px;}
.item_flash_hd h2{
	font-size:24px;
	font-weight:400;
	color:#000;}
.item_flash_bd{
	margin-top:76px;
	width:732px;
	line-height:1.8;
	color:#656565;}
.item_flash_btn{
	position:absolute;
	top:138px;
	right:129px;}

/*新闻中心*/
.header {
	position:relative;
	z-index:99;}
.news_nav{
	float:right;
	_display:inline;
	margin-top:15px;
	font-size:18px;}
.news_nav .adate{
	float:left;
	line-height:42px;
	color:#333;}
.news_nav .date{
	float:left;
	_display:inline;
	position:relative;
	margin-left:12px;}
.news_nav .date p{
	padding-left:14px;
	width:90px;
	height:42px;
	background:url("../img/w_icon.gif") 0 0 no-repeat;
	line-height:42px;
	color:#000;}
.news_nav .date ul{
	display:none;
	position:absolute;
	top:39px;
	left:0;
	z-index:1;
	padding:0 13px;
	width:76px;
	background:#FFF;
	border:1px solid #d5d5d5;
	border-radius:2px;
	border-top:none;}
.news_nav .date li{
	height:44px;
	border-top:1px dashed #ccc;
	line-height:44px;}
.news_nav .date li a{
	font-size:20px;
	color:#000;}
.news_nav .date li a:hover{
	color:#343434}
.news_nav .date .first{
	border:none;}
.news_nav i{
	float:left;
	_display:inline;
	margin-left:14px;
	width:1px;
	height:42px;
	background:url("../img/w_icon.gif") -118px 0 no-repeat;}
.news_nav .navigate{
	text-align:center;}
.news_nav .navigate p{
	padding:0;
	width:42px;
	background-position:-133px 0;}
.news_nav .navigate ul{
	border:1px solid #d5d5d5;
	top:33px;
	left:-131px;
	width:145px;}
.news_nav .hover p{
	position:relative;
	z-index:99;
	background-position:-175px 0;}
.news_nav .hover ul{
	display:block;}
.news_list a{
	position:relative;
	display:block;
	padding:34px 0;
	background:url("../img/x.gif") 0 0 no-repeat;}
.news_list .li1 a{
	background-color:#16528e;}
.news_list .li2 a{
	background-color:#e54b4b;}
.news_list .li3 a{
	background-color:#a2c5bf;}
.news_list .li4 a{
	background-color:#167c80;}
.news_list .li5 a{
	background-color:#0082c8;}
.news_list .li6 a{
	background-color:#e8846b;}
.news_list .li7 a{
	background-color:#72616e;}
.news_list .overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	filter:Alpha(opacity=60);
	opacity:0.6;
	background:#000;}
.news_con{
	margin:0 auto;
	width:1000px;}
.news_left{
	float:left;
	text-align:center;
	font-size:20px;
	color:#FFF;}
.news_left .p1{
	padding-top:13px;
	font-weight:700;}
.news_left .p2{
	line-height:1em;}
.news_right{
	float:right;
	padding-left:59px;
	padding-right:80px;
	width:696px;
	min-height:92px;
	background:url("../img/line.png") 0 0 repeat-y;}
.news_title{
	padding-top:1px;
	line-height:1em;
	font-size:24px;
	font-weight:400;
	color:#FFF;}
.news_tag{
	padding-top:8px;
	color:#fff;
	filter:Alpha(opacity=50);
	opacity:0.5;}
.news_ubb{
	padding-top:4px;
	width:696px;
	overflow:hidden;
	color:#fff;
	filter:Alpha(opacity=60);
	opacity:0.6;}
.news_detail{
	background:#16528e;}
.news_detail .w1000{
	padding:80px 138px;
	width:724px;
	background:#fff url("../img/line9.gif") 0 0 repeat-x;}
.news_detail .title{
	text-align:center;
	font-size:30px;
	font-weight:400;}
.news_info{
	margin-top:3px;
	text-align:center;
	font-family:Arial;
	font-size:18px;
	color:#939393;}
.news_detail_bd{
	padding-top:25px;
	padding-bottom:30px;
	width:100%;
	line-height:1.8;
	font-size:16px;
	overflow:hidden;}
.news_detail_bd img{
	max-width:100%;}
.news_detail_ft{
	padding-top:18px;
	border-top:1px #010101 dotted;}
.news_detail_ft .date{
	float:left;
	padding-left:5px;
	font-family:Arial;
	font-size:18px;}
.news_detail_ft .share{
	float:right;
	width:140px;}
.news_page, .ias_trigger{
	text-align:center;}
.news_page a, .ias_trigger a{
	display:inline-block;
	font-size:16px;
	color:#000;}
.ias_loader{
	padding:20px;
	text-align:center;}

/*分页*/
.page{
	margin-top:20px;}
.page li{
	_display:inline;
	float:left;
	margin-right:5px;
	padding:0 13px;
	line-height:38px;
	height:38px;
	overflow:hidden;
	list-style:none;
	font-size:14px;
	color:#404040;
	border:1px #a0a0a0 solid;}
.page li a, .page li span{
	float:left;
	color:#404040;}
.page .thisclass{
	color:#fff;
	border-color:#2a2a2a;
	background:#2a2a2a;}