@charset "utf-8";
html{ font-family:"微软雅黑"}
ul,li{ list-style:none;}
img{ border:none;}
*{ margin:0px; padding:0px;}
.header{ height:90px; background:#eee; border-bottom:2px solid #c6c6c6; clear:both}
.headbox{ width:1016px; margin:auto; position:relative;}
.f_l{ float:left;}
.weibi_1{
	position:absolute;
	left: 913px;
	top: 33px;
}
.weibi_2{
	position:absolute;
	left: 965px;
	top: 32px;
}

#banner{ height:430px; width:1016px; margin:auto;clear:both;position:relative;}
.content{ width:1016px; margin:auto;}
.downloadbox{ height:324px; position:relative; border-bottom:2px solid #e2e2e2; border-top:2px solid #e2e2e2;}
.appstore1{
	position:absolute;
	left:12px;
	bottom:36px;
}
.appstore2{
	position:absolute;
	left: 329px;
	bottom:34px;
}
.android{
	position:absolute;
	bottom:36px;
	right:14px;
}
.DownloadBtn01{
	width:135px;
	height:56px;
	position:absolute;
	left: 441px;
	top: 16px;
}
.DownloadBtn02{
	width:135px;
	height:56px;
	position:absolute;
	left: 600px;
	top: 16px;
}
.DownloadBtn03{
	width:135px;
	height:56px;
	position:absolute;
	left: 758px;
	top: 16px;
}
.foot{ height:434px; position:relative; padding-top:32px;}
.footbox{ width:325px; margin-left:10px;}
h1{ line-height:26px; font-size:22px; height:26px; padding-left:42px; background:url(../images/jiantou.jpg) left center  no-repeat; font-weight:normal; color:#353535; margin-bottom:20px;}
.footbox p{ font-size:12px; color:#6d6d6d; line-height:30px;}



/*
	Slideshow style
*/
#header { height:58px;}
#slides {position:absolute;top:0; left:0;z-index:100;}

/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/

.slides_container {width:1016px; height:410px; overflow:hidden;position:relative;display:none;}

/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides .slide { width:1016px; height:410px; position:relative;display:block; background-color:#fff;}

/*Next/prev buttons*/
#slides .next,#slides .prev {position:absolute;top:167px;left:-24px;width:24px;height:43px;display:block;z-index:101;}
#slides .next {left:1000px;}

/*Pagination*/
.center { position:absolute; top:450px;_top:445px; z-index:1000; width:100%}
.pagination {margin:26px 0px 26px 0px; 0;width:100px; position:absolute; left:450px; z-index:5000; top:-70px; }
.pagination li {float:left;margin:0 5px; display:inline; list-style:none;width:14px; height:14px; font-size:0; }
.pagination li a {display:block; height:0;padding-top:12px;background:url(../images/pagination.png) 0 0;float:left;overflow:hidden; width:14px; height:14px; _height:2px; background:url(../images/page.png) no-repeat 0 0; font-size:0; text-indent:-9000px; overflow:hidden; cursor:pointer;}
*html .pagination li a {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/page.png");background:none;}

.pagination li.current a {background:url(../images/pagecurrent.png) no-repeat 0 0; }
	*html .pagination li.current a {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/pagecurrent.png");background:none;}


a.downBtn { display:block; position:absolute;width:216px; height:104px; background:url(../images/downloadBtn.png) no-repeat 0 0; text-indent:-9000px;overflow:hidden; line-height:0; cursor:pointer;}
	*html a.downBtn {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/downloadBtn.png");background:none;}
a.downBtn:hover {  background:url(../images/downloadBtnHover.png) no-repeat 0 0; }
	*html a.downBtn:hover {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/downloadBtnHover.png");background:none;}

	
a.downBtn1 { display:block; position:absolute;width:216px; height:104px; background:url(../images/downloada.png) no-repeat 0 0; text-indent:-9000px;overflow:hidden; line-height:0; cursor:pointer;}
	*html a.downBtn1 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/downloada.png");background:none;}
a.downBtn1:hover {  background:url(../images/downloadaHover.png) no-repeat 0 0; }
	*html a.downBtn1:hover {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/downloadaHover.png");background:none;}
		



.slide .img { position:absolute; width:1016px; height:410px; left:0;top:0; z-index:-1 }
.slide .text { position:absolute; text-align:right;}
.slide h1 { width:375px; height:108px; background:url(../images/slideh1.jpg) no-repeat 0 0; }
.slide h1 span {display:none;}
.slide p { font-size:14px; line-height:400%; color:#d0d0d0; margin-right:5px;}
.text p { background:url(../images/p.jpg) no-repeat 0 0; text-indent:-9000px; overflow:hidden; width:187px; height:17px; margin-top:20px; float:right;*float:none;}


.one .text {top:76px;left:535px; }
.one a.downBtn {  top:320px; right:163px;}
.two .text { top:76px;left:540px;}
.two a.downBtn { top:320px; right:163px;}
.three .text { top:72px;left:585px;}
.three a.downBtn { top:315px; right:105px;}


.one .img { width:392px; height:436px; left:72px; top:45px;}
.two .img { width:380px; height:367px; left:72px; top:55px;}
.three .img { width:572px; height:416px; left:30px; top:52px;}


.banner_ipad .img { position:absolute; width:1000px; height:150px; left:0;top:0; z-index:-1 }
.banner_ipad .text { position:absolute; text-align:right;}
.banner_ipad h1 { width:375px; height:108px; background:url(../images/slideh4.jpg) no-repeat 0 0; }
.banner_ipad h1 span {display:none;}
.banner_ipad p { font-size:14px; line-height:400%; color:#d0d0d0; margin-right:7px;}
.banner_ipad .text p { background:url(../images/p.jpg) no-repeat 0 0; text-indent:-9000px; overflow:hidden; width:187px; height:17px; margin-top:20px; float:right;*float:none;}
.banner_ipad .text { top:90px;left:570px;}
.banner_ipad a.downBtn { top:260px; right:140px;}
.banner_ipad .img {width:404px; height:320px; left:60px; top:65px;}


/*切换按钮*/
.button{position:absolute;width:310px; height:36px; top:10px; right:55px; z-index:10 }
.button ul{ float:left;margin:0px;padding:0px;list-style-type: none;}
.button li{ width:101px; float:left;}
.button li  a.button_ipad:link{display:block; width:102px; height:35px; background:url(../images/button_ipad.jpg) no-repeat 0 0; text-indent:-9000px;overflow:hidden; line-height:0; }
.button li a.button_ipad:active, .button li a.button_ipad:hover, .button li a.button_ipad:visited{display:block;width:102px; height:35px; background:url(../images/button_ipadover.jpg) no-repeat 0 0; text-indent:-9000px;overflow:hidden; line-height:0; cursor:}
.button li  a.button_iphone:link{display:block;width:101px; height:35px; background:url(../images/button_iphone.jpg) no-repeat 0 0; text-indent:-9000px;overflow:hidden; line-height:0; }
.button li a.button_iphone:active, .button li a.button_iphone:hover, .button li a.button_iphone:visited{display:block; width:101px; height:35px; background:url(../images/button_iphoneover.jpg) no-repeat 0 0; text-indent:-9000px;overflow:hidden; line-height:0; }
.button li  a.button_android:link{display:block;width:101px; height:35px; background:url(../images/button_android.jpg) no-repeat 0 0; text-indent:-9000px;overflow:hidden; line-height:0;}
.button li a.button_android:active, .button li a.button_android:hover, .button li a.button_android:visited{display:block;width:101px; height:35px; background:url(../images/button_androidover.jpg) no-repeat 0 0; text-indent:-9000px;overflow:hidden; line-height:0; }



#header { background:url(../images/topline.jpg) no-repeat center 0; width:1000px;margin:0 auto; }
#logo { width:180px; height:58px; background:url(../images/logo.png) no-repeat 0 0; float:left; }

#menu { float:right; }
#menu li { float:left;text-align:center; width:120px; height:58px;}
#menu li a {color:#444; font-size:14px;width:120px; height:58px; line-height:58px; display:block; font-weight:bold; text-indent:-9000px; overflow:hidden; cursor:pointer;}
/*
#menu li a {color:#444; font-size:14px; font-weight:bold;}
#menu li a:hover { color:#000;text-decoration:none;}
#menu li.current a { background:url(../images/hover.png) no-repeat 0 0; }
#menu li.current a:hover { color:#444; }*/


#menu li a.home { background:url(../images/nav1.png) no-repeat 0 0; }
#menu li a.home:hover { background:url(../images/nav1Active.png) no-repeat 0 0}
#menu li.current a.home,#menu li.current a.home:hover { background:url(../images/nav1hover.png) no-repeat 0 0; }

#menu li a.function { background:url(../images/nav2.png) no-repeat 0 0; }
#menu li a.function:hover { background:url(../images/nav2Active.png) no-repeat 0 0}
#menu li.current a.function,#menu li.current a.function:hover  { background:url(../images/nav2hover.png) no-repeat 0 0; }

#menu li a.about { background:url(../images/nav3.png) no-repeat 0 0; }
#menu li a.about:hover { background:url(../images/nav3Active.png) no-repeat 0 0}
#menu li.current a.about,#menu li.current a.about:hover { background:url(../images/nav3hover.png) no-repeat 0 0; }

#menu li a.job { background:url(../images/nav4.png) no-repeat 0 0; }
#menu li a.job:hover { background:url(../images/nav4Active.png) no-repeat 0 0}
#menu li.current a.job,#menu li.current a.job:hover { background:url(../images/nav4hover.png) no-repeat 0 0; }

	#menu li.sina {width:25px; height:25px; margin-top:16px; margin-left:20px; overflow:hidden;}
	#menu li.sina a {width:25px; height:25px; font-size:0;line-height:0; display:block; background:url(../images/sina.png) no-repeat; text-indent:-9000px; overflow:hidden; }
	#menu li.sina a:hover { background:url(../images/sinahover.png) no-repeat; }
	
#foot { height:87px; border-top:1px solid #cacaca;margin:0px; }
#foot p { float:right; line-height:60px; font-size:12px; color:#6c6c6c; padding:0 20px; }
#foot p span { margin-left:20px; }

.content { background:url(../images/shadow.jpg) no-repeat 0 0; *float:left;}
.proBox { height:303px;}
.proBox li { float:left; padding:20px 10px; border-right:1px dashed #ccc; margin:65px 0 0; }
li.box_ipad { padding-left:10px; width:340px; }
li.box_iphone { padding-left:10px;width:300px;}
li.box_android {padding-left:10px; width:280px; border-right:none; }
.photo {float:left;text-align:center; }

.proBox h1 ,.proBox p { margin-left:180px; font-size:12px; line-height:210%; color:#7e7e7e;}
.box_iphone h1 ,.box_iphone p { margin-left:140px; margin-right:5px;}
.box_android h1 ,.box_android p { margin-left:100px; margin-right:10px;}

.proBox h1{ color:#000; margin-bottom:15px; font-size:14px; }
.proBox p a.blue { display:block; text-align:right; margin-top:15px; width:100px; float:right;}
a.blue,a.blue:visited{ color:#007eff; }
a.blue:hover { color:#0054ff;}

/*about*/
.aboutBox { background:url(../images/about.jpg) right 40px no-repeat; height:563px; margin:30px 40px; padding-top:70px; }
.aboutBox h1 { font-weight:bold; font-size:14px; color:#000; margin-bottom:20px; }
.aboutBox p { width:448px; line-height:300%; color:#a9a9a9; }
.aboutBox .p2 { margin-top:80px; background:url(../images/about_1.jpg) no-repeat 0 0; padding-left:120px; height:240px;}
.p2 span { color:#626262; line-height:300%; font-weight:bold; }

/*for ipad*/
.feature { padding-top:70px;}
.feature li { float:left; margin:0 50px 0 40px; display:inline; width:410px; height:500px; }
li.floatR {  margin:0 40px 0 50px;}
.feature .img { width:398px; height:332px; background:url(../images/ipad_2.jpg) no-repeat 0 0; margin:0 auto 10px;}
.feature .img img { margin:35px 0 0 41px; width:312px; height:232px; }
.feature h2 { font-weight:bold; font-size:18px; color:#000; margin:0 50px; line-height:230%; color:#010101; }
.feature p { margin:0 50px; line-height:200%; color:#6b6b6b;}
.clear { clear:both; float:none; height:50px; font-size:0; }

/*功能介绍详情*/
.intr{ width:750px; padding:50px 20px 40px 130px; margin:10px 0;}
.mooker_word{font-size:16px;color:#333333;line-height:24px;margin:10px}
.mooker_word li{list-style: disc; margin-left: 30px;}