@charset "gb2312";
@import url("global.css");
@import url("common.css");
* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}

/*解决IE6下不兼容 position:fixed 的问题*/
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:10px; cursor:pointer;
_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)));
}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:355px; background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:50px; bottom:67px; cursor:pointer; display:none;
_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))); _margin-bottom:67px;}

.datu { width:100%; height:400px; background:url(../images/index/datubg.jpg) no-repeat center;}
.datudiv { width:1000px; height:400px;}
.datudiv h2{ height: 80px; font-size: 72px; color: #2d2d2d; text-align: left; padding-top:30px; font-family:"微软雅黑";}
.datudiv p{ line-height: 36px; padding-bottom: 20px; padding-top:30px; font-size: 22px; color: #2d2d2d;  font-family:"微软雅黑";}
.datudiv h2,.datudiv p{ display: block; animation-name: titlea; -webkit-animation: titlea 1s linear 0s normal none; -moz-animation: titlea 1s linear 0s normal none; animation: titlea 1s linear 0s normal none; }
@-webkit-keyframes titlea{ from { opacity: 0 } to { opacity: 1 }}
@-moz-keyframes titlea{ from { opacity: 0 } to { opacity: 1 }}
@keyframes titlea{ from { opacity: 0 } to { opacity: 1 }}

.datudiv .rjh {	
    height: 386px; margin-left:716px; margin-top:-300px;
    width: 203px;
	display: block; position: absolute; z-index: 44; animation-name: homeCode; -webkit-animation: homeCode 0.4s linear 0s normal none; -moz-animation: homeCode 0.4s linear 0s normal none; animation: homeCode 0.4s linear 0s normal none; overflow: hidden;     
	}
@-webkit-keyframes homeCode { from { -webkit-transform:scale(0,0); } to { -webkit-transform:scale(1,1); }}
@-moz-keyframes homeCode { from { -moz-transform:scale(0,0); } to { -moz-transform:scale(1,1); }}
@keyframes homeCode { from { transform:scale(0,0); } to { transform:scale(1,1); }}

.down-wrap{ display: block; width: 1000px; height: 81px; position: relative; }
.iphone-btn,.android-btn{ display: block; width: 220px; height: 54px; position: absolute; z-index: 11; top: 0; }
.iphone-btn{ animation-name: homeDownIphone; -webkit-animation: homeDownIphone 0.4s linear 0s normal none; -moz-animation: homeDownIphone 0.4s linear 0s normal none; animation: homeDownIphone 0.4s linear 0s normal none; }
@-webkit-keyframes homeDownIphone { from { opacity: 0; -webkit-transform: translateX(-80px); } to { opacity: 1; -webkit-transform: translateX(0px); }}
@-moz-keyframes homeDownIphone { from { opacity: 0; -moz-transform: translateX(-80px); } to { opacity: 1; -moz-transform: translateX(0px); }}
@keyframes homeDownIphone { from { opacity: 0; transform: translateX(-80px); } to { opacity: 1; transform: translateX(0px); }}
.android-btn{ animation-name: homeDownAndroid; -webkit-animation: homeDownAndroid 0.4s linear 0s normal none; -moz-animation: homeDownAndroid 0.4s linear 0s normal none; animation: homeDownAndroid 0.4s linear 0s normal none; }
@-webkit-keyframes homeDownAndroid { from { opacity: 0; -webkit-transform: translateX(-80px); } to { opacity: 1; -webkit-transform: translateX(0px); }}
@-moz-keyframes homeDownAndroid { from { opacity: 0; -moz-transform: translateX(-80px); } to { opacity: 1; -moz-transform: translateX(0px); }}
@keyframes homeDownAndroid { from { opacity: 0; transform: translateX(-80px); } to { opacity: 1; transform: translateX(0px); }}
.iphone-btn{ left:0; }
.android-btn{ left: 0; top: 72px;}
.code{ display: block; width: 297px; height: 137px;  margin-left:250px; margin-top:-82px; position: absolute; z-index: 40; animation-name: homeCode; -webkit-animation: homeCode 0.4s linear 0s normal none; -moz-animation: homeCode 0.4s linear 0s normal none; animation: homeCode 0.4s linear 0s normal none; overflow: hidden; }
.code img{ width:297px; height:137px; vertical-align: top;}
@-webkit-keyframes homeCode { from { -webkit-transform:scale(0,0); } to { -webkit-transform:scale(1,1); }}
@-moz-keyframes homeCode { from { -moz-transform:scale(0,0); } to { -moz-transform:scale(1,1); }}
@keyframes homeCode { from { transform:scale(0,0); } to { transform:scale(1,1); }}

.what { width:1000px; height:353px; background:url(../images/index/wenhao.gif) 0 15px no-repeat;}
.what h1 { font-size:72px; font-weight:normal; padding:70px 0 70px 200px;}
.what p { font-size:18px;}

.cpys { width:100%; height:393px; background:#ff8854;}
.cpys h1 { width:1000px; font-size:60px; font-weight:normal; text-align:center; height:118px; line-height:118px;}
.cpysdiv { width:1000px;}
.cpysdiv dl { height:65px; width:896px; background:#dedede;box-shadow: 1px 1px 2px #666; -webkit-box-shadow:2px 2px 2px #ccc; margin-bottom:20px;}
.cpysdiv dt { height:65px; line-height:65px; font-size:30px; color:#fff; background:#3b6ec2; width:174px; text-align:center; float:left;}
.cpysdiv dd { float:left; line-height:65px; font-size:30px; color:#000; padding-left:20px;}

.who { width:100%; height:680px; background:#dce4e7; text-align:center;}
.who h1 { width:1000px; font-size:60px; font-weight:normal; text-align:center; height:118px; line-height:118px;}
.who img { margin:0 auto;}

.what2 { width:100%; height:532px; background:#72bcc5; text-align:center;}
.what2 h1 { width:1000px; font-size:60px; font-weight:normal; text-align:center; height:118px; line-height:118px;}
.what2div { width:1000px;}
.what2div dl { height:48px; width:946px; background:#ff9714;box-shadow: 1px 1px 2px #666; -webkit-box-shadow:2px 2px 2px #ccc; margin-bottom:20px;}
.what2div dt { height:48px; line-height:48px; font-size:24px; color:#fff; width:154px; padding-left:20px; text-align:left; float:left; background:url(../images/index/jiant1.gif) no-repeat right;}
.what2div dd { text-align:left; float:left; line-height:48px; font-size:20px; color:#000; padding-left:20px; width:748px;}
.what2div .dl02 { height:87px;}
.what2div .dl02 dt { height:87px; background:url(../images/index/jiant2.gif) no-repeat right; line-height:87px;}
.what2div .dl02 dd { height:87px; line-height:43px;}

.why { width:100%; height:690px;}
.why h1 { width:1000px; font-size:60px; font-weight:normal; text-align:center; height:118px; line-height:118px;}
.whydiv { width:1000px;}
.whydiv dl { height:84px; width:1000px; background:#fff;box-shadow: 1px 1px 2px #666; -webkit-box-shadow:2px 2px 2px #ccc; margin-bottom:20px;}
.whydiv dt { height:84px; line-height:84px; font-size:24px; color:#000; background:#72bcc5; width:278px; text-align:center; float:left;}
.whydiv dd { float:left; line-height:84px; font-size:20px; color:#000; padding-left:20px;}
.whydiv .h42 { line-height:42px; width:700px;}

.kehu { width:100%; height:554px; background:#fff;box-shadow: 1px 1px 2px #666; -webkit-box-shadow:2px 2px 2px #ccc; text-align:center;}
.kehu h1 { width:1000px; font-size:60px; font-weight:normal; text-align:center; height:118px; line-height:118px;}
.kehu .p2 { font-size:16px; font-weight:bold; line-height:40px; height:40px;}
.kehu p { padding-left:25px; width:975px; text-align:left; font-size:14px; line-height:25px; margin-top:10px;}

.keywords { width:1000px;}
.keywords a { padding:5px;}