@charset "utf-8";
#banner {text-align:center; overflow:hidden; margin:0 auto; height:410px; clear:both;}
#banner a {width:100%;display:block;height:410px;text-align:center;}
.midban {height:59px; min-width:1000px;background:#3a3a3a; }
.midban .ban-win { background:url(/new-style/images/index/win/mid-ban-win.png) no-repeat center; width:1000px; height:59px; }
.midban .ban-win .mac-page { float:right; width:550px; height:59px; }
.midban .ban-mac { background:url(/new-style/images/index/mac/mid-ban-mac.png) no-repeat center; width:1000px; height:59px; }
.midban .ban-mac .win-page { float:left; width:550px; height:59px; }
h2 { width:1000px; text-align:center; font-size:32px; padding-top:30px; line-height:80px; color:#555; }

/*BD&DVD*/
.bd-dvd { width:1000px; overflow:hidden; }
.bd-dvd .pro { float:left; width:500px; }
.bd-dvd .pro-l { float:left; width:190px; margin-right:15px; }
.bd-dvd .pro-r { float:left; width:190px; margin-left:15px; }
.bd-dvd .pro-h { margin-top:20px; }
.bd-dvd .pro-h h4 { float:left; width:190px; line-height:25px; font-size:16px; }
.bd-dvd .pro-h h4 a { color:#21c2f8; text-decoration:none; }
.bd-dvd .pro-h h4 a:hover,a:link,a:visited { text-decoration:underline; }
.bd-dvd .pro-h img { padding-right:5px; }
.bd-dvd .pro-h .down { color:#12c358; text-decoration:underline; }
.bd-dvd .pro-h .down:hover { color:#0fa44a; text-decoration:underline; }
.bd-dvd .pro-m { float:left; width:295px; }
.bd-dvd .pro-m1 { width:295px; height:321px; background:url(/new-style/images/index/win/bd.jpg) no-repeat; }
.bd-dvd .pro-m2 { width:295px; height:321px; background:url(/new-style/images/index/win/dvd.jpg) no-repeat;}
.bd-dvd .pro-m h3 { float:left; font-size:22px; line-height:40px; margin-top:190px; padding-left:10px; }
.bd-dvd .pro-m h3 a { color:#21c2f8; text-decoration:none; }
.bd-dvd .pro-m h3 a:hover,a:link,a:visited { text-decoration:underline; }
.bd-dvd .pro-m p { float:left; width:275px; margin:0 10px; }
.bd-dvd .pro-m .down { float:left; background:url(/new-style/images/index/win/btns.png) no-repeat 0 -56px; width:130px; height:40px; display:block; margin:20px 10px 0 10px; }
.bd-dvd .pro-m .down:hover { background-position:0 -96px; }
.bd-dvd .pro-m .more { float:left; background:url(/new-style/images/index/win/btns.png) no-repeat 0 -136px; width:130px; height:40px; display:block; margin-top:20px; }
.bd-dvd .pro-m .more:hover { background-position:0 -176px; }

/*Video*/
.video-bg {background:url(/new-style/images/index/win/bg-video.png) #1187dd no-repeat center; min-width:1000px; height:499px; }
.video { width:1000px; overflow:hidden; }
.video .video-l { float:left; width:230px; }
.video .video-m { float:left; width:530px; margin-left:5px; }
.video .video-r { float:left; width:230px; margin-left:5px; }
.video .video-m img { width:521px; height:296px; }
.video .video-m h3 { text-align:center; font-size:26px; line-height:40px; }
.video .video-m h3 a { color:#fff; text-decoration:none; }
.video .video-m h3 a:hover,a:link,a:visited { text-decoration:underline; }
.video .video-m p { margin:0 30px; color:#fff; }
.video .video-m .btn { float:left; width:360px; margin-left:80px; }
.video .video-m .btn .down { float:left; background:url(/new-style/images/index/win/btns.png) no-repeat 0 -216px; width:166px; height:44px; margin:15px 10px 0 0; }
.video .video-m .btn .down:hover { background-position:0 -260px; }
.video .video-m .btn .more { float:left; background:url(/new-style/images/index/win/btns.png) no-repeat 0 -304px; width:166px; height:44px; margin:15px 10px 0 0; }
.video .video-m .btn .more:hover { background-position:0 -348px; }
.video .video-h { margin-top:30px; }
.video .video-h h4 { float:left; width:225px; line-height:30px; font-size:18px; }
.video .video-h h4 a { color:#fff; text-decoration:none; }
.video .video-h h4 a:hover,a:link,a:visited { text-decoration:underline; }
.video .video-h p { color:#fff; }
.video .video-h .down { background:url(/new-style/images/index/win/btns.png) no-repeat; width:96px; height:28px; display:block; margin-top:5px; }
.video .video-h .down:hover { background-position:0 -28px; }

/*Mobile*/
.mobi { width:1000px; overflow:hidden; }
.mobi h3 { font-size:28px; line-height:50px; }
.mobi h3 a { color:#fff; text-decoration:none; }
.mobi h3 a:hover,a:link,a:visited { text-decoration:underline; }
.mobi .mobi-l { float:left; background:url(/new-style/images/index/win/iphone-data-recovery.jpg) no-repeat; width:500px; height:453px; }
.mobi .mobi-l .mobi-pro { float:left; width:290px; margin:30px 0 0 20px; }
.mobi .mobi-l p { color:#fff; margin-right:30px; }
.mobi .mobi-l .mobi-btn { float:left; width:200px; margin:20px 0 0 20px; }
.mobi .mobi-r { float:left; background:url(/new-style/images/index/win/iphone-transfer-pro.jpg) no-repeat; width:500px; height:453px; }
.mobi .mobi-r .mobi-pro { float:left; width:300px; margin:100px 0 0 20px; }
.mobi .mobi-r p { color:#fff; }
.mobi .mobi-r .mobi-btn { float:left; width:400px; margin:20px 0 0 20px; }
.mobi .down { float:left; background:url(/new-style/images/index/win/btns.png) no-repeat 0 -392px; width:170px; height:54px; margin:0 10px 10px 0; }
.mobi .down:hover { background-position:0 -446px; }
.mobi .more { float:left; background:url(/new-style/images/index/win/btns.png) no-repeat 0 -500px; width:170px; height:54px; }
.mobi .more:hover { background-position:0 -554px; }

/*PDF*/
.pdf { background:url(/new-style/images/index/win/bg-pdf.jpg) #54c2ff no-repeat center; height:365px; min-width:1000px; }
.pdf .pdf-pro { height:365px; width:600px; position:relative; }
.pdf .pdf-pro h3 { font-size:28px; text-align:center; line-height:50px; padding-top:30px; }
.pdf .pdf-pro h3 a { color:#fff; text-decoration:none; }
.pdf .pdf-pro h3 a:hover,a:link,a:visited { text-decoration:underline; }
.pdf .pdf-pro p { color:#fff; line-height:25px; margin:0 40px; }
.pdf .pdf-btn { width:450px; margin:30px 0 0 80px; }
.pdf .pdf-btn .down { float:left; background:url(/new-style/images/index/win/btns.png) no-repeat 0 -608px; width:200px; height:60px; margin-right:10px; }
.pdf .pdf-btn .down:hover { background-position:0 -668px; }
.pdf .pdf-btn .more { float:left; background:url(/new-style/images/index/win/btns.png) no-repeat 0 -728px; width:200px; height:60px; }
.pdf .pdf-btn .more:hover { background-position:0 -788px; }

/*GoTop*/
.go-top { position:absolute; bottom:-60px; right:265px; width:92px; height:92px; z-index:999; }
.go-top .back-top { background: url(/new-style/images/index/win/top.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); width:92px; height:92px; display:block; outline:0 none; text-indent:-9999em; }

/*SideBar*/
#to-right{ background:url(/new-style/images/index/win/sidebar.png) no-repeat; width:168px; height:313px; position:absolute;right:0px;}
.right-1{ float:left; margin:51px 0 0 4px; width:78px; height:153px; display:block; }
.right-2{ float:left; margin:51px 0 0 4px; width:78px; height:84px; display:block; }
.right-3{ float:right; margin:5px 4px 0 0; width:78px; height:170px; display:block; }
.right-4{ float:left; margin:5px 0 0 4px; width:78px; height:100px; display:block; }
.right-top{ margin:2px 0 0 61px; width:48px; height:48px; display:block; }

/*Mac BD&DVD*/
.mac-dvd { width:1000px; overflow:hidden; }
.mac-dvd .pic { float:left; width:500px; margin:0 30px; }
.mac-dvd .pro { float:left; width:220px; }
.mac-dvd .pro h3 { font-size:22px; line-height:40px; }
.mac-dvd .pro h3 a { color:#333; text-decoration:none; }
.mac-dvd .pro h3 a:hover,a:link,a:visited { text-decoration:underline; }
.mac-dvd .pro p { font-size:14px; color:#333; line-height:25px; }
.mac-dvd .btn { float:left; width:200px; margin-top:15px; }
.mac-dvd .btn .down { background:url(/new-style/images/index/mac/btns.png) no-repeat 0 -70px; width:122px; height:37px; display:block; }
.mac-dvd .btn .more { background:url(/new-style/images/index/mac/btns.png) no-repeat 0 -144px; width:122px; height:37px; display:block; margin-top:10px; }
.mac-dvd .btn .down:hover { background-position:0 -107px; }
.mac-dvd .btn .more:hover { background-position:0 -181px; }

/*Mac Video*/
.mac-video-bg {background-color:#c3e9f2; min-width:1000px; }
.mac-video { width:1000px; padding-bottom:30px; overflow:hidden; }
.mac-video .video-l { float:left; width:230px; }
.mac-video .video-m { float:left; width:520px; margin-left:10px; }
.mac-video .video-r { float:left; width:230px; margin-left:10px; }
.mac-video .video-m .pic { width:520px; height:320px; }
.mac-video .video-m h3 { text-align:center; font-size:26px; line-height:40px; }
.mac-video .video-m h3 a { color:#187e97; text-decoration:none; }
.mac-video .video-m h3 a:hover,a:link,a:visited { text-decoration:underline; }
.mac-video .video-m p { margin:0 30px; color:#218aa4; }
.mac-video .video-m .btn { float:left; width:360px; margin-left:80px; }
.mac-video .video-m .btn .down { float:left; background:url(/new-style/images/index/mac/btns.png) no-repeat 0 -218px; width:165px; height:43px; margin:15px 10px 0 0; }
.mac-video .video-m .btn .down:hover { background-position:0 -261px; }
.mac-video .video-m .btn .more { float:left; background:url(/new-style/images/index/mac/btns.png) no-repeat 0 -304px; width:165px; height:43px; margin:15px 10px 0 0; }
.mac-video .video-m .btn .more:hover { background-position:0 -347px; }
.mac-video .video-h { margin-top:30px; }
.mac-video .video-h h4 { float:left; width:230px; line-height:30px; font-size:18px; }
.mac-video .video-h h4 a { color:#187e97; text-decoration:none; }
.mac-video .video-h h4 a:hover,a:link,a:visited { text-decoration:underline; }
.mac-video .video-h p { color:#218aa4; }
.mac-video .video-h .down { background:url(/new-style/images/index/mac/btns.png) no-repeat; width:102px; height:35px; display:block; margin-top:10px; }
.mac-video .video-h .down:hover { background-position:0 -35px; }

/*Mac Mobile*/
.mac-mobi { width:1000px; overflow:hidden; }
.mac-mobi .mobi-l { float:left; width:230px; }
.mac-mobi .mobi-r { float:left; width:230px; margin-left:15px; }
.mac-mobi .pic { float:left; width:510px; height:430px; margin-left:15px; }
.mac-mobi h3 { float:left; font-size:22px; line-height:30px; margin-bottom:5px; }
.mac-mobi h3 a { color:#333; text-decoration:none; }
.mac-mobi h3 a:hover,a:link,a:visited { text-decoration:underline; }
.mac-mobi p { padding-right:10px; line-height:25px; color:#333; }
.mac-mobi .btn { float:left; width:220px; }
.mac-mobi .btn .down { float:left; background:url(/new-style/images/index/mac/btns.png) no-repeat 0 -634px; width:216px; height:66px; margin-top:15px; }
.mac-mobi .btn .down:hover { background-position:0 -700px; }
.mac-mobi .btn .more { float:left; background:url(/new-style/images/index/mac/btns.png) no-repeat 0 -766px; width:215px; height:66px; margin-top:15px; }
.mac-mobi .btn .more:hover { background-position:0 -832px; }

/*Mac PDF*/
.mac-pdf-bg { background:url(/new-style/images/index/mac/mac-pdf.jpg) #f47926 no-repeat center; min-width:1000px; height:365px; }
.mac-pdf { width:1000px; height:365px; position:relative; }
.mac-pdf .pro { float:left; width:450px; padding-top:30px; }
.mac-pdf .pro h3 { font-size:28px; line-heiht:50px; }
.mac-pdf .pro h3 a { color:#fff; text-decoration:none; }
.mac-pdf .pro h3 a:hover,a:link,a:visited { text-decoration:underline; }
.mac-pdf .pro p { color:#fff; line-height:25px; padding-top:5px; }
.mac-pdf .btn { width:450px; margin-top:20px; }
.mac-pdf .btn .down { float:left; background:url(/new-style/images/index/mac/btns.png) no-repeat 0 -390px; width:202px; height:61px; margin:0 10px 0 0; }
.mac-pdf .btn .more { float:left; background:url(/new-style/images/index/mac/btns.png) no-repeat 0 -512px; width:202px; height:61px; }
.mac-pdf .btn .down:hover { background-position:0 -451px; }
.mac-pdf .btn .more:hover { background-position:0 -573px; }

/*Mac GoTop*/
.go-topm {bottom:-60px; overflow:hidden; position:absolute; right:454px; width:92px; height:92px; z-index:999; display:block; }
.go-topm .back-topm {background: url(/new-style/images/index/mac/top.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);display:block; height:92px; outline:0 none; text-indent:-9999em; width:92px; }

/*Mac Sidebar*/
#to-rightm { background:url(/new-style/images/index/mac/sidebar-m.png) no-repeat; width:164px; height:313px; position:absolute;right:0px; }
.rightm-1 { float:left; margin:68px 0 0 4px; width:159px; height:55px; display:block; }
.rightm-2 { float:left; margin:2px 0 0 4px; width:159px; height:55px; display:block; }
.rightm-3 { float:left; margin:2px 0 0 4px; width:159px; height:55px; display:block; }
.rightm-4 { float:left; margin:2px 0 0 4px; width:159px; height:55px; display:block; }
.rightm-top { margin:2px 0 0 61px; width:48px; height:48px; display:block; }