/*导航*/
.nav{ width:100%; height:90px; background:#00aeef; overflow:hidden;}
.nav ul{ width:1020px; height:90px; margin:0 auto; background:url(images/logo.jpg) no-repeat left; padding-right:40px; }
.nav ul li{ float:right; padding-right:20px; line-height:60px; padding-top:30px;}
.nav ul li a{ color:#FFFFFF; font-size:14px;}
.nav ul li a:hover{ font-weight:bold; color:#fff;}

/*banner*/
.banner{  width:99.8%; height:450px; background:#FFF; border:1px solid #FFF; position:relative; margin:0 auto; overflow:hidden;}
.banner .download{ width:380px; height:auto; position:absolute; z-index:99; top:272px; left:50%; margin-left:90px; }
.banner .download a{ width:135px; height:45px; background:url(images/icon.gif) no-repeat; display:block; font-size:18px; color:#FFFFFF; line-height:40px; padding-left:30px;}
.banner .download p{ color:#767676; padding-top:10px;}

.banner .picbox{ width:100%; height:450px; }
.banner .picbox div{  width:100%; height:450px; position:absolute;}
.banner .picbox div .txt{ width:380px; height:auto; color:#767676; position:absolute; top:85px; left:50%; margin-left:90px; }
.banner .picbox div .txt h3{ width:380px; height:40px; line-height:40px; font-size:30px; font-weight:bold; color:#00aeef;}
.banner .picbox div .txt span{ width:380px; height:auto; line-height:25px; font-size:16px; display:inline-block; padding-top:20px;}

#banner1{ background:url(images/bn_01.jpg) center no-repeat; }
#banner2{ background:url(images/bn_02.jpg) center no-repeat; }
#banner3{ background:url(images/bn_03.jpg) center no-repeat; }
#banner4{ background:url(images/bn_04.jpg) center no-repeat; }

.banner .indexBar{ width:80px; height:12px; bottom:15px; left:50%; margin-left:350px; z-index:999; position:absolute; overflow:hidden; }
.banner .indexBar li{ width:10px; height:10px; background:#939393; display:inline; float:left; margin-right:10px; cursor: pointer;}
.banner .indexBar li.on{ background:#01aeef; }

/*关注微博*/
.weibo{ width:100%; height:115px; background:#fbfbfb; border-top:#FFF 1px solid; border-bottom:1px solid #e1e1e1; }
.weibo dl{ width:980px; height:115px; margin:0 auto; display:block;}
.weibo dl dt{ width:45px; height:45px; float:left; margin-top:35px; background:url(images/icon.gif) 0 -45px no-repeat;}
.weibo dl dd{ width:auto; height:81px; margin-top:17px; float:left; line-height:81px; font-size:24px; color:#000; padding-left:20px;}
.weibo dl dt.wb{ margin-left:160px; background:url(images/icon.gif) 0 -90px no-repeat; }
.weibo dl dd a{ background:url(images/weibo.jpg) -83px 0 no-repeat; width:83px; height:81px; display:inline-block; }
.weibo dl dd a:hover{ background-position:0 0;}

/*内容*/
.content{ width:980px; height:auto; margin:0 auto; margin-top:25px;}
.talk{ width:980px; height:250px;}
.talk h4{ width:980px; height:52px; line-height:52px; font-size:28px; color:#000; font-weight:100;}
.talk span{ width:980px; overflow:hidden; color:#747474; line-height:24px; font-size:14px; display:block;}
.talk dl { width:980px; height:auto;}
.talk dl dt{ width:980px; font-size:16px; color:#4f4f4f; padding:23px 0;}
.talk dl dd{ width:190px; height:49px; padding-left:65px; font-size:16px; color:#4f4f4f; line-height:49px; float:left;}
.talk dl dd a{ width:178px; height:38px; background:url(images/icon.gif) 0 -530px no-repeat; display:inline-block; margin-top:5px; text-align:center; line-height:38px; }
.talk dl dd.forPc{ background:url(images/icon.gif) 0 -140px no-repeat; }
.talk dl dd.forCydia{ background:url(images/icon.gif) 0 -200px no-repeat; }

/*pc*/
.pc{ width:980px; height:auto; border-top:1px dashed #d5d5d5; padding:35px 0; }
.pc h4{ width:980px; height:30px; line-height:30px; font-size:22px; color:#000; font-weight:100; padding-left:50px; background:url(images/icon.gif) 0 -250px no-repeat; }
.pc span{ width:980px; overflow:hidden; color:#747474; line-height:24px; font-size:14px; height:48px; display:block; padding-bottom:20px;}
.pc span a{ color:#0094fb; }
.pc .tutorial{ width:980px; height:331px; overflow:hidden; background:#f2f2f2;}
.pc .tutorial .top{ width:980px; overflow:hidden; height:45px; border-bottom:1px solid #FFF; float:left;}
.pc .tutorial .top li{ width:327px; height:45px; background:url(images/bg.jpg); float:left; font-size:16px; color:#606060; line-height:45px; text-align:center;}
.pc .tutorial .top li.on{ background:#00baff; color:#FFFFFF;}
.pc .tutorial .left{ width:105px; height:45px; cursor: pointer; background:url(images/icon.gif) no-repeat 0 -320px; float:left; margin-top:118px;}
.pc .tutorial .left:hover{ background:url(images/icon.gif) no-repeat 0 -365px; }
.pc .tutorial .right{ width:105px; height:45px; cursor: pointer; background:url(images/icon.gif) no-repeat 0 -410px; float:left; margin-top:118px;}
.pc .tutorial .right:hover{ background:url(images/icon.gif) no-repeat 0 -455px; }

.pc .tutorial .center{ position:relative; width:770px; height:241px; float:left; margin-top:22px; overflow:hidden;}
.pc .tutorial .center .ctbig{ position:absolute; width:2400px; height:241px; }
.pc .tutorial .center .ctbig div{ width:770px; height:241px; overflow:hidden; background:url(images/step1.jpg) no-repeat; float:left; }
.pc .tutorial .center .ctbig div span{ width:290px; height:auto; float:right; color:#000000; font-size:14px; line-height:24px; padding-top:75px; padding-right:35px;}
.pc .tutorial .center .ctbig div a{ padding-left:40px; background:url(images/icon.gif) 0 -500px no-repeat; height:30px; display:inline-block; color:#d92114; margin:5px 0;}
.pc .tutorial .center .ctbig div a u{ width:178px; height:30px; line-height:30px; display:inline-block; text-align:center; background:url(images/icon.gif) 0 -570px no-repeat; }
.pc .tutorial .center .ctbig div.step2{background:url(images/step2.jpg) no-repeat;  }
.pc .tutorial .center .ctbig div.step3{background:url(images/step3.jpg) no-repeat;  }

/*Cydia*/
.cydia{ width:980px; height:auto; border-top:1px dashed #d5d5d5; padding:25px 0 0 0;}
.cydia h4{ width:980px; height:34px; line-height:34px; font-size:22px; color:#000; font-weight:100; padding-left:50px; background:url(images/icon.gif) 0 -282px no-repeat; }
.cydia span{ width:980px; overflow:hidden; color:#747474; line-height:40px; font-size:14px; height:40px; display:block; padding-bottom:15px;}
.cydia span a{ color:#ff9000; }
.cydia .tutorial{ width:980px; height:auto; overflow:hidden; background:#FFF; }
.cydia .tutorial .top{ width:980px; overflow:hidden; height:45px; border-bottom:3px solid #ffa800; float:left;}
.cydia .tutorial .top li{ width:327px; height:45px; background:url(images/bg.jpg); float:left; font-size:16px; color:#606060; line-height:45px; text-align:center;}
.cydia .tutorial .tt_step{ width:978px; height:456px; border:1px solid #f2f2f2; border-top:none; float:left;}
.cydia .tutorial .tt_step ul{ width:325px; height:91px; border-right:1px solid #f2f2f2; display:inline-block; float:left; padding-top:365px; }
.cydia .tutorial .tt_step ul span{ width:240px; padding-left:42px; height:auto; font-size:12px; color:#333; line-height:24px;}
.cydia .tutorial .tt_step ul.one{ background:url(images/cydia_1.jpg) no-repeat;}
.cydia .tutorial .tt_step ul.two{ background:url(images/cydia_2.jpg) no-repeat;}
.cydia .tutorial .tt_step ul.three{ border:none; background:url(images/cydia_3.jpg) no-repeat; }

.footer .contact ul{ width:980px; height:auto; margin:0 auto;}

.footer { color: #BEBEBE; margin: 30px 0 10px; overflow: hidden; width: 100%; padding:0;}
.footer .contact { border-bottom: 1px solid #E7E7E7; border-top: 1px solid #E7E7E7; color: #A4A4A4; height: 60px; margin-bottom: 10px; width: 100%;}
.footer .contact li { background: url(images/icon_gif1.gif) no-repeat scroll 0 0 transparent;  float: left; height: 42px; margin: 9px 60px 0 15px; padding-left: 50px; width: 130px;}
.footer .contact li h3 { font-size: 18px; line-height: 24px;}
.footer .contact .telephone { background-position: 0 0;}
.footer .contact .email { background-position: 0 -50px;}
.footer .contact .qq { background-position: 0 -100px;}
.footer .contact .qq2 { margin-right: 0;}
.footer .copyright { color: #A9A9A9; overflow: hidden; text-align: center; width: 100%;}
.footer .copyright .companyInfo {}
.footer .copyright .companyInfo a { color: #A9A9A9; padding: 8px;}
.footer .copyright .companyInfo a:hover { text-decoration: underline;}
.footer .copyright .copyInfo { height: 24px; line-height: 24px;  margin: 0 auto; overflow: hidden; text-align: center; width: 850px;}
.footer .copyright .copyInfo p {float: left; padding-right: 8px;}
.footer .copyright .copyInfo p.e {font-size: 11px;}
.footer .copyright .copyInfo p.b a { color: #A9A9A9; display: inline-block; height: 24px; line-height: 24px; padding-right: 5px;}
.footer .copyright .copyInfo p.b a:hover { color: #A9A9A9; text-decoration: underline;}
.footer .copyright .copyInfo a.cnzz { display: inline-block; height: 20px; vertical-align: middle; width: 20px;}
.footer .copyright .copyInfo a img { height: 20px; width: 20px;}