@import "page.css"; 
*, html{ margin:0 ; padding:0; _background-image:url(about:blank); _background-attachment:fixed;}/* 修正IE6振动bug */
body{margin:0; padding:0; font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei","宋体"; font-size:14px; color:#363636; background:#fff;}
ul,ol,dl{list-style-type:none;}
fieldset *,input,fieldset{ text-decoration: none; border-width:0;}
a{ color:#363636; outline:none; cursor:pointer;}
a:link, a:visited, a:hover, a:active{text-decoration: none;}
img{border:none;}
.clear:before,.clear:after{content:"";display:table;} 
.clear:after{clear:both;} 
.clear{*zoom:1;/*IE/7/6*/} 
.title{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.txt{ text-align:justify; text-justify:inter-ideograph;}
.fl{ float:left; _display:inline;}
.ml76{ margin-left:76px;}
.ml10{ margin-left:10px;}
#ml24{ margin-left:24px;}
#doingboxfix{ padding-left:20px; border:0;}
/*头部*/
#header{ width:100%; height:120px;}
#header1080{ margin:0 auto; width:1080px; height:120px; overflow:hidden;}
.logo{ margin:32px 0 0 20px; width:320px; height:70px;}
.nav{ float:left;}
.nav li{ margin:46px 0 0 5px; font-size:16px;}
.nav li a{ display:block; width:102px; height:30px; line-height:30px; text-align:center; color:#666; border-radius: 15px; overflow:hidden; }
.nav #home a{ width:78px;}
#home a:hover, body#m1 .nav #home a{ color:#fff; background: #ff7700;}
#service a:hover, body#m2 .nav #service a{ color:#fff; background: #ff7700;}
#product a:hover, body#m3 .nav #product a{ color:#fff; background: #ff7700;}
#case a:hover, body#m4 .nav #case a{ color:#fff; background: #ff7700;}
#contact a:hover, body#m5 .nav #contact a{ color:#fff; background: #ff7700;}
#aboutus a:hover, body#m6 .nav #aboutus a{ color:#fff; background: #ff7700;}

#header_min{ width:100%; height:60px; position:fixed; top:0; background:#fff;}
.logo_min{ margin:8px 0 0 20px; width:320px; height:45px;}
.nav_min{ float:left;}
.nav_min li{ margin:14px 0 0 5px; font-size:16px;}
.nav_min li a{ display:block; width:122px; height:30px; line-height:30px; text-align:center; color:#666;}
.nav_min #home a{ width:78px;}

/* 幻灯片 */
.slide-main{height:400px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:168px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:150px;}
.next{right:150px;}
.prev:hover,.next:hover,.nav-main a:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.slide-box,.slide{display:block;width:100%;height:400px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:400px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:#0067b5;}
#bgstyleb{background:#ff9000;}
#bgstylec{background:#c94167;}
.slide a{display:block; margin:0 auto;width:1080px;height:400px;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;width:1080px;margin-left:-540px;text-align:center;display:block;height:400px;top:0;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
/*所有栏目*/
.main{ margin:40px auto 0; width:1080px; overflow:hidden;}
/*关于*/
.situo_aboutus{ height:50px; background:url(../uiimages/situo_aboutus.jpg) no-repeat;}
.card{ margin-left:20px; width:300px; height:200px;}
.abouttxt{ width:700px; margin-left:40px; font-size:14px; line-height:28px;}
.abouttxt p{ text-indent:2em;}
.more{ float:right; margin:8px 8px 0 0; font-size:14px; color:#999;}
.more:hover{ color:#ff7700;}
/*项目*/
.situo_project{ height:63px; background:url(../uiimages/situo_project.jpg) no-repeat;}
.con_project{}
.con_project a{ display:block; width:200px; height:300px; border:#999 1px solid;}
.con_project a:hover{ display:block; width:200px; height:300px; color:#fff; border:#f70 1px solid;}
.con_project h1{ height:50px; line-height:50px; font-size:20px; font-weight:normal; text-align:center;}
.con_project p{ margin:68px auto 18px; width:160px; height:120px; line-height:20px; overflow:hidden;}
.con_project span{ display:block; margin:0 auto; text-align:center;}
.hover_pj1{ background:url(../uiimages/situo_web.png) center 54px no-repeat; }
.hover_pj1:hover{ background:#f70 url(../uiimages/situo_web1.png) center 54px no-repeat;}
.hover_pj2{ background:url(../uiimages/situo_software.png) center 54px no-repeat;}
.hover_pj2:hover{ background:#f70 url(../uiimages/situo_software1.png) center 54px no-repeat;}
.hover_pj3{ background:url(../uiimages/situo_marketing.png) center 54px no-repeat;}
.hover_pj3:hover{ background:#f70 url(../uiimages/situo_marketing1.png) center 54px no-repeat;}
.hover_pj4{ background:url(../uiimages/situo_APP.png) center 54px no-repeat;}
.hover_pj4:hover{ background:#f70 url(../uiimages/situo_APP1.png) center 54px no-repeat;}
/*作品*/
.situo_works{ height:43px; background:url(../uiimages/situo_work.jpg) no-repeat;}
.worksbox{}
.worksbox ul li{ margin:20px 0 0 16px; width:248px;height:204px; border:#ccc 1px solid;  background:#fff; overflow:hidden;}
.worksbox .workstxt{width:228px; height:40px; background:url(../uiimages/1px.png) repeat; position:absolute; left:0; bottom:-40px; color:#fff;}
.worksbox .workstxt h3{font-size:18px; font-weight:normal; text-align:center;}
.worksbox .workstxt p{font-size:14px; text-align:center;}
.worksbox a{ display:block; width:228px; height:184px; margin:10px auto 0; position:relative; overflow:hidden;}
.worksbox a img{ max-width:228px; height:expression_r(this.width >228? (228*(this.height/this.width)): true); width:expression_r(this.width >228? 228: true);}
/*新闻*/
.situo_doing{ height:63px; background:url(../uiimages/situo_doing.jpg) no-repeat;}
.doingbox{ float:left; padding-left:66px; width:304px; border-left:#ccc 1px dashed; overflow:hidden; _display:inline;}
.doingbox h2{ padding-bottom:6px; font-weight:normal;}
.doingbox h2 a{ font-size:14px; color:#006aad;}
.doingbox h2 a:hover{ text-decoration:underline;}
.doingbox li{ width:250px; line-height:24px; overflow:hidden;}
.doingbox li a:hover{ color:#f50;}
/*友链*/
.situo_links{ height:63px; background:url(../uiimages/situo_links.jpg) no-repeat;}
.linkbox ul li{ padding:0 10px 7px 10px; white-space:nowrap;}
/*底部*/
#footer{ margin-top:50px; width:100%; background:#222;}
#quick{ margin:0 auto; width:1080px; height:320px; background:url(../uiimages/bottomico.png) bottom left no-repeat;}
.site{ width:380px; padding-top:55px; height:190px; overflow:hidden;}
.site p{ height:20px; line-height:20px; vertical-align:middle; margin-left:25px; font-size:12px; font-family:"宋体";}
.site p a{ display:block; color:#fff;}
.site .sitetitle{ margin-bottom:6px; width:80px; height:30px; line-height:30px; vertical-align:middle; font-size:12px; font-weight:bold; border-bottom:#fff 1px dashed;}
.site a:hover{ color:#f90;}
.concact{ width:420px; padding-top:58px; height:190px; line-height:20px; font-size:14px; color:#fff; overflow:hidden}
.concact p{ line-height:26px;}
.concact img{ float:left; display:block; margin:20px 20px 0 0;}
.con_wechat{ margin-top:60px;}
#bottomToolbar{	width:100%;	height:50px; background:url(../uiimages/1px_bl.png) repeat; position:fixed; bottom:0;	left:0;	_position:absolute;	_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);
	/*
		document.body.scrollTop 网页滚动的距离
		document.body.clientHeight 网页可见区域高
		this.offsetHeight 当前元素的高度
	*/
}
#center{ margin:0 auto; width:1080px; position:relative;}
.ltd{ font-size:16px; padding:18px 20px 0 40px; color:#fff;}
#bottomToolbar .hot{ height:50px; padding:10px 50px 0 0; color:#ff0; font-size:24px; text-indent:30px; background:url(../uiimages/phone_x24.png) left 14px no-repeat; border-right:#ccc 1px solid;}
#bottomToolbar .hot span{ font-size:14px; color:#fff;}
#bottomToolbar .qq{ position: relative; bottom:73px; left:160px; _position:absolute; _left:730px; _bottom:0px;}