@charset "utf-8";
/* Style Sheet
 * Use for: 创意嘉和
 * Created: 2014-1-6
 * Update: 
 * Author: 宅小歪
 */
html, body { height:100%}
body { font-family:"Microsoft YaHei", "Simsun", Arial, Helvetica, sans-serif; font-size: 12px; position: relative; z-index: 1; _background-image:url("about:blank"); _background-attachment:fixed}
html, body, div, dd, dl, dt, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0 }
ul, ol, li { list-style: none; }
a { text-decoration: none; cursor: pointer }
	a:hover { color:#b80000 !important}
img { border: none }
input, button { vertical-align: top }
.cheight { clear: both !important; overflow: hidden !important; height: 0 !important; width: auto !important; display: block !important; float: none !important; margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; }
.dsp { display: none !important }
.wrap,.iWrap { clear: both; overflow: hidden; margin: 0 auto; display: block; }
.dspW { display: none }
.cboth { clear: both !important }
.cleft { clear: left !important }
.cright { clear: right !important }
.fleft { float: left !important; display: inline; overflow: hidden; width: auto; clear: none }
.fright { float: right !important; display: inline; overflow: hidden; width: auto; clear: none }
.autow { width: auto !important }
.autoh { height: auto !important }
.ti24 { text-indent: 24px !important; }
.red, .red a { color: red !important }
.cc00, .cc00 a { color: #c00 !important }
.blue, .blue a { color: blue !important }
.cs3Show{ display:block !important; height:0 !important;}

.iWrap { width:1004px; position:relative; z-index:1;}
/*footer*/
.footer{ padding:20px 0 20px; line-height:30px; background:url(../Images/bgFooter.png) repeat 0 0; color:#fff; text-align:center; position:relative; z-index:2}
.footer a{ color:#fff}
/*主体1*/
.content1 { background:url(../Images/bg1.jpg) no-repeat center 0; _background-image:url(../Images/bg1_Ie6.jpg); height:1006px; position:relative; z-index:0; min-width:1004px;}
.content1 .iWrap{ overflow:visible;}
.content1 .banner{ height:144px;}
.content1 .logo{ background:url(../Images/logo.png) no-repeat 0 0; width:266px; height:78px; margin-top:35px;}
.content1 .slogan{ height:111px; position:relative;}
.content1 .slogan span{width:716px;height:90px; position:absolute; top:0; left:147px; line-height:300px; overflow:hidden; background:url(../Images/bgSlogan.png) no-repeat 0 0}
.content1 .subSlogan{ height:53px; position:relative; text-align:center;background:url(../Images/bgSubSlogan.png) no-repeat center 0;}
.content1 .subSloganBg{ background-position:center 0;}
.content1 .subSlogan span{ display:none; width:112px; background:url(../Images/textSubSlogan.png) no-repeat 0 0; height:32px; line-height:120px; overflow:hidden; top:10px; left:0; position:absolute}
.content1 .subSlogan span.subSlogan1{left:329px}
.content1 .subSlogan span.subSlogan2{ background-position:-112px 0; left:446px}
.content1 .subSlogan span.subSlogan3{ background-position:-224px 0; left:563px;}
.content1 .slogan span,.bgAir,.content1 .subSlogan,.content1 .subSlogan span,.content1 .logo{ _background:none!important;}
/*air*/
.bgAir{ position:absolute; clear:both; overflow:hidden; background-position:0 0; background-repeat:no-repeat; display:none;}
.bgAir1{ background-image:url(../Images/bgAir1.png); width:132px; height:52px; left:-75px; top:165px;}
.bgAir2{ background-image:url(../Images/bgAir2.png); width:76px; height:47px; left:75px; top:265px;}
.bgAir3{ background-image:url(../Images/bgAir3.png); width:83px; height:73px; left:16px; top:403px;}
.bgAir4{ background-image:url(../Images/bgAir4.png); width:40px; height:42px; left:250px; top:347px;}
.bgAir5{ background-image:url(../Images/bgAir5.png); width:166px; height:93px; left:908px; top:84px;}
.bgAir6{ background-image:url(../Images/bgAir6.png); width:71px; height:41px; left:670px; top:340px;}
.bgAir7{ background-image:url(../Images/bgAir7.png); width:156px; height:69px; left:802px; top:381px;}
.bgIce{ z-index:-1; background-image:url(../Images/bgIce.png); bottom:0; left:0; width:100%; background-position:center 0; height:283px; display:block}
/*下载按钮*/
.panelDownLoad{ padding-top:22px; height:125px; text-align:center; color:#fff; font-size:14px; line-height:38px; position:relative;}
.btnDownLoad{ background:url(../Images/btnDownLoad.png) no-repeat 0 0; _background-image:url(../Images/btnDownLoad_Ie6.jpg); width:216px; height:54px; line-height:540px; margin:0 auto; display:block; overflow:hidden;}
.btnDownLoad i{ background:url(../Images/btnDownLoadPre.png) no-repeat 0 -66px; width:16px; height:19px; border-radius:0 0 10px 10px; float:left; display:inline; overflow:hidden; margin:17px 0 0 30px;_display:none;}
.btnDownLoad:hover{ background-position:0 -54px;_background-position:0 0;}
.btnDownLoad:hover i.css3{-webkit-transition: background-position 2000ms ease;-ms-transition: background-position 2000ms ease; -moz-transition: background-position 2000ms ease; transition: background-position 2000ms ease; background-position:0 0}
.content2 .panelDownLoad{ height:54px;}
.content2 .btnDownLoad,.content2 .btnDownLoad:hover{ _background-position:0 -54px}
/*主界面*/
.panelToolImg{ height:500px; position:relative; z-index:1; width:850px; margin:0 auto; text-align:center; opacity:0;-moz-opacity:0;}
.panelToolImg .bg{ position:absolute; width:850px; height:101px; background:url(../Images/bgToolImg.png) no-repeat 0 0;background-image:url(../Images/bgToolImg_Ie6.jpg); top:390px; left:0; overflow:hidden; z-index:-1;}
.panelToolSummary{  width:100%; height:200px; position:fixed; bottom:20px; left:0; z-index:1;-moz-transition:-moz-opacity 500ms ease;-webkit-transition: opacity 500ms ease;-ms-transition: opacity 500ms ease; transition: opacity 500ms ease;_position:absolute; _bottom:auto!important; _top:460px!important}
.panelToolSummaryMin{ position:absolute; bottom:auto!important; top:460px!important}
.panelToolSummaryHide{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.panelToolSummary .box{ width:540px; margin:0 auto; position:relative; height:200px; font-size:30px; color:#fff; font-family:"Microsoft YaHei","SimHei", "Simsun"; z-index:1}
.panelToolSummary .box p{ height:54px; line-height:54px; text-align:center;}
.panelToolSummary .box div{ font-size:30px; height:74px; line-height:74px; font-size:38px; padding-left:50px;}
.panelToolSummary .box div span{ float:left; display:inline; overflow:hidden; margin-left:2px; margin-top:6px; width:38px; text-align:center; overflow:hidden; height:68px; line-height:62px;_font-family:"SimHei", "Simsun"; _line-height:66px;}
.panelToolSummary .bg{background:url(../Images/bgToolSummary.png) no-repeat 0 0;_background-image:url(../Images/bgToolSummary_Ie6.jpg); height:150px; bottom:0; left:0; width:540px; position:absolute; z-index:-1}
/*主体2*/
.content2{ background:url(../Images/bg2.jpg) no-repeat center 0; height:1000px; position:relative; z-index:2; min-width:1004px;}
/*功能介绍标题*/
.funTitle{ height:149px; overflow:visible;}
.funTitle .bg{ background:url(../Images/bgFunTitle.jpg) no-repeat 0 28px; height:80px; padding-top:28px; line-height:800px;}
.funTitle .btn,.popFunTitle{ height:38px; top:-18px; position:absolute; left:0; width:100%; z-index:2}
.funTitle .btn a,.popFunTitle a{ background:url(../Images/btnFunTitle.png) no-repeat 0 0; _background-image:url(../Images/btnFunTitle_Ie6.jpg); width:38px; height:38px; display:block; margin:0 auto; overflow:hidden; cursor:pointer;-webkit-transition: -webkit-transform 480ms ease;-ms-transition: -ms-transform 480ms ease; -moz-transition: -moz-transform 480ms ease; transition: transform 480ms ease;}
.funTitle .btn a:hover,.popFunTitle a:hover{opacity:0.9;-moz-opacity:0.9}
.funTitle .btn a.onBottom{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg)}
.funTitle .btn a.onBottomUnCss3{ background-position:0 -38px}
.popFunTitle{ position:fixed; bottom:0;top:auto; height:38px; background:url(../Images/bg2.jpg) no-repeat center 18px; z-index:3;/* _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));*/_display:none;}
.popFunTitleHide{ z-index:-1}

/*功能导航*/
.funNav{ height:199px; overflow:visible}
.funNav ul{ margin:0 0 0 2px;_margin:0 0 0 0px; padding-left:2px; width:1045px; clear:both; height:161px; position:relative; z-index:2}
.funNav li{width:161px; height:161px; position:absolute; top:0; left:418px; z-index:1}
.funNav li .bg{background:url(../Images/bgToolRound.png) no-repeat 0 0; _background-image:url(../Images/bgToolRound_Ie6.jpg); -webkit-transition: -webkit-transform 480ms ease,background 480ms ease;-ms-transition: -ms-transform 480ms ease,background 480ms ease;-moz-transition: -moz-transform 480ms ease,background 480ms ease;-o-transition: -o-transform 480ms ease,background 480ms ease;  transition: transform 480ms ease,background 480ms ease; position:absolute; width:161px; height:161px; top:0; left:0; overflow:hidden}
.funNav li .text{ width:161px; height:161px; top:0; left:0; position:absolute; z-index:2; background:url(../Images/icoToolRound.png) no-repeat 0 0; line-height:920px; overflow:hidden;-webkit-transition: background 480ms ease;-ms-transition: background 480ms ease;-o-transition: background 480ms ease; -moz-transition:background 480ms ease; transition:background 480ms ease; _display:none;}
.funNav li.fun2 .text{ background-position:-161px 0;}
.funNav li.fun3 .text{ background-position:-322px 0;}
.funNav li.fun4 .text{ background-position:-483px 0;}
.funNav li.fun5 .text{ background-position:-644px 0;}
.funNav li.this{ z-index:2}
.funNav li.this .bg{background:url(../Images/bgToolRound2.png) no-repeat 0 0;_background-image:url(../Images/bgToolRound_Ie6.jpg); _background-position:0 -161px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
.funNav li.this .text{ background-image:url(../Images/icoToolRound2.png);}
.funNav li.fun2 .bg{ _background-position:-161px 0}
.funNav li.fun3 .bg{ _background-position:-322px 0}
.funNav li.fun4 .bg{ _background-position:-483px 0}
.funNav li.fun5 .bg{ _background-position:-644px 0}
.funNav li.this .ie6bg1{ _background-position:0 -161px}
.funNav li.this .ie6bg2{ _background-position:-161px -161px}
.funNav li.this .ie6bg3{ _background-position:-322px -161px}
.funNav li.this .ie6bg4{ _background-position:-483px -161px}
.funNav li.this .ie6bg5{ _background-position:-644px -161px}

/*功能介绍主体*/
.funSummary{ height:380px; position:relative;}
.funSummary .container{ width:5020px; height:380px;}
.funSummary .box{height:379px; position:relative; float:left; display:inline; width:1004px;}
.funSummary .box .img,.funSummary .box .text{ position:absolute;}
.funSummary .box .img{ bottom:0; left:0}
.funSummary .box .text{ line-height:900px; width:315px; height:90px; overflow:hidden;background:url(../Images/slideText.png) no-repeat 0 0; _background:url(../Images/slideText_Ie6.jpg) no-repeat 0 0; left:642px; top:168px;}
.funSummary .funSummary1 .text{ background-position:0 0}
.funSummary .funSummary2 .text{ background-position:0 -90px}
.funSummary .funSummary3 .text{ background-position:0 -180px}
.funSummary .funSummary4 .text{ background-position:0 -270px}
.funSummary .funSummary5 .text{ background-position:0 -360px}
.funSummaryCs3{}
.funSummaryCs3 .container{ width:auto; position:relative}
.funSummaryCs3 .box{ float:none; display:block; position:absolute; top:0; left:0;}
/*底部，用户使用量*/
.panelToolUsed{ background:url(../Images/bgUsedPre.jpg) no-repeat 0 0; width:478px; height:256px;height:102px; z-index:1; position:relative}
.panelToolUsed h2{ height:0; overflow:hidden;}
.panelToolUsed div{ width:320px; position:absolute; top:141px; left:76px; height:65px; line-height:65px; font-size:36.6px; color:#2c2c2c; text-align:center;}
.panelToolUsed div span{ float:left; display:inline; overflow:hidden; width:38px; margin-right:2px;}


/*2014-2-11 by XiaoBiqin 首页小导航*/
.indexNav{ background:url(../Images/bgIndexNav.png?v=2014-5-9) no-repeat; width:320px;+width:330px;_width:340px; height:37px; margin-top:5px;padding:0 33px;_background:url(../Images/bgIndexNav_ie6.png?v=2014-5-9) no-repeat;}
.indexNav li{ float:left; margin:7px 7px; height:20px;+margin:7px 5px;}
.indexNav li.first{ border-right:1px solid #3e3c53; padding-right:5px;+padding-right:0px;}
.indexNav a{ color:#4bd9bb; padding:0 10px 0px 20px; background:url(../Images/bgInnerIcon.gif?v=2014-5-9) no-repeat scroll 0 -281px; margin-top:2px; display:inline-block;_line-height:20px;}
.indexNav a.disIcon{ background-position:0 -311px;}
.indexNav a.publicbox{ background-position:0px -340px;}

/* 2014-09-29 dullbera  浏览监测 */
.logo{width: 144px;height: 180px;background: url(../Images/logo.png) no-repeat;margin: 125px auto 10px;}
.slowSurvey{background: url(../Images/flowSurveyBg.jpg) repeat-x #ffffff;height: auto;}
.slowSurveyCon{width:580px;margin:0 auto 170px;text-align: center;line-height: 44px;}
.slowSurvey .downing{color:#2bb53e;font-size: 40px;}
.slowSurvey .jump{color:#747474;font-size: 14px;margin-left: -40px;}
.slowSurvey .jump a{text-decoration: underline;color:#2bb53e;}
.flowFooterUl{overflow: hidden;text-align: center;width:750px;margin:0 auto;}
.flowFooterUl li{float:left;width:110px;margin:0 70px;line-height: 26px;background-image: url(../Images/flowSurveyIconFoot.png);background-repeat: no-repeat;padding-top:100px;background-position: 0 0;}
.flowFooterUl .icon1{background-position: 7px 0;}
.flowFooterUl .icon2{background-position: -97px 0;}
.flowFooterUl .icon3{background-position: -211px 0;}
.flowFooterUl b{display: block;color:#2bb53e;font-size: 14px;}
.flowFooterUl span{color:#929292;}