@charset "utf-8";
/* CSS Document */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,fieldset,input,img{margin:0px;padding:0px;}
html{-webkit-text-size-adjust: none;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,div{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
ul,ol{list-style:none;}
fieldset,img{border:none;}
strong{color:#222;}
a{color:#0088cc;text-decoration:none;hide-focus: expression(this.hideFocus=true); /* for ie 5+ */outline: none; /* for firefox 1.5 + */}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{text-decoration:none;}
body{background:#fff;}
img{border:0;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}


.top{ width:100%; height:66px; background-color:#4b4b4b;}
.top_cont,.top_cont2{ width:980px; height:66px; margin:0 auto;}
.top_cont a{ width:100px; height:32px; float:left; margin-top:16px;}
.top_cont2>a{ width:100px; height:47px; float:left; margin-top:10px;}
.top_cont p,.top_cont2 p{font-size:14px; color:#fff; float:right; line-height:66px;}
.top_cont p a, .top_cont2 p a{width:68px; font-size:14px; line-height:36px; color:#fff;}
.top_cont p .top_cont_add{ display:block; line-height:33px; font-size:14px; color:#FFF; width:70px;}

.top_cont1{ width:980px; height:66px; margin:0 auto;}
.top_cont1 a{ width:100px; height:32px; float:left; margin-top:16px;}
.top_cont1 p{ width:398px; font-size:14px; color:#fff; float:right; line-height:66px;}


.banner{ width:100%; height:568px; background:url(ip_banner_bg.jpg) #4B4B4B center 0 no-repeat; background-size:cover;}
.wrap .banner2{ background:url(download-voice-memos-from-iphone-banner.jpg) center no-repeat; background-size:cover;}
.banner_cont{ width:980px; height:568px; margin:0 auto; overflow:hidden;}
.banner_bg1{ background:url(ip_banner_imgs.png) right 86px no-repeat;}
.banner_bg2{ background:url(ads_banner.png) 446px 78px no-repeat ;}
.banner_bg3{ background:url(iphone-to-pc.png) 465px 195px no-repeat ;}
.banner_bg4{ background:url(ipod-to-itunes.png) 475px 135px no-repeat ;}
.banner_bg5{ background:url(ipod-to-pc.png) 464px 165px no-repeat ;}
.banner_bg6{ background:url(photo-to-pc.png) 464px 180px no-repeat ;}
.banner_bg7{ background:url(download-voice-memos-from-iphone-banner2.png) 460px 20px no-repeat;}
.banner_bg8{ background:url(transfer-iphone-text-messages-to-computer-pc.png) 465px 185px no-repeat;}
.banner_bg9{ background:url(sync-and-transfer-ipod-to-itunes-banner.png)  456px 190px no-repeat;}
.banner_bg10{ background:url(transfer-music-from-ipod-to-computer-mac-pc-1-banner.png) 470px 177px no-repeat}



.banner_cont h1{ width:500px; font-size:40px; line-height:52px; color:#fff; margin-top:15px;}
.banner_bg4 h1{ margin-top:15px;}
.banner_bg6 h1{ margin-top:15px;}
.banner_cont ul li{ width:375px; font-size:16px; line-height:24px; color:#cdcdcd; background:url(ip_right.png) 0 center no-repeat; padding-left:36px; margin-top:14px; display:block;}
.banner_cont ul li b{ font-size:20px; color:#fff;}
.banner_cont ul li a{font-size:16px; line-height:24px; color:#cdcdcd;}

.btn{ width:330px; height:71px; display:block; background:url(ip_btn.png) no-repeat; color:#fff; font-size:30px; padding:12px 0 0 30px; margin-top:20px;}
.banner_bg7 .btn,.down_cont2 .btn{ background:url(ip_btn2.png) no-repeat;}

.btn span{ display:block; font-size:12px; margin-top:5px;}
.btn font{color:#FF3; text-decoration:underline; font-size:12px; display:block; margin-left:20px;}
.btn:hover{ text-decoration:none; background-position:0 -84px;}
.comment{ width:100%; height:115px; background-color:#eeeeee;}
.comment_cont{ width:980px; height:115px; margin:0 auto;}
.comment_cont_p1{ width:488px; height:95px; float:left; background:url(ip_imgs_bg.png) right center no-repeat; padding-top:20px; float:left;}
.comment_cont_p1 img{float:left;}
.comment_cont_p1 span{ width:300px; float:left; color:#515151; line-height:14px; margin:18px 0 0 10px;}
.comment_cont_p2{ width:450px; margin:20px 0 0 25px; float:left;}
.comment_cont_p2 b{ font-size:18px; margin-bottom:8px; display:block;}

.comment_cont_ptrans{width:488px; height:115px; float:left; background:url(ip_imgs_bg.png) right  no-repeat; float:left;}
.comment_cont_ptrans b{ font-size:18px; margin:20px 0 5px 0; display:block;}
.comment_cont_ptrans p{ color:gray;}
.comment_cont_ptrans p span{ display:block; text-align:right; margin:5px 20px 0 0; color:#000;}

.works{ width:100%;}
.works_cont{ width:980px; margin:70px auto 40px auto; *+zoom:1;}
.works_cont:after{ content:""; display:block; clear:both;}
.works_cont h2{ width:980px; background:url(ip_line.png) center no-repeat; text-align:center; font-size:34px; line-height:54px;}
.screenshot2_block h2, .works .works_cont2 h2{ width:980px; background:url(ip_line2.png) center no-repeat; text-align:center; font-size:34px; line-height:54px;}
 

.steps{ width:260px; height:210px; float: left; padding-right:40px; margin:50px 12px 0 12px;}
.steps>img{ display:block; margin:0 auto;}
.steps>b{ display:block; font-size:26px; text-align:center; font-weight:normal; margin:30px auto 15px auto;}
.steps>span{ display:block; width:240px; font-size:14px; color:#676767; line-height:24px; text-align:center;}
.steps>span>img{ vertical-align:middle;margin:0 5px;}
.steps>span font{ font-size:14px; color:#1ea6e1; font-weight:bolder;}
.steps>span a{ font-size:14px; text-decoration:underline; color:#676767; font-weight:bolder;}
.steps>span .add_color{color:#2971d2;}
.steps_bg{ background:url(ip_imgs3.png) right center no-repeat;}
.screenshot,.screenshots3 { width:980px; height:420px; margin:0 auto;}
.screenshot img{ position:absolute; margin-top:420px; display:none;}
.screenshot1{ margin:60px 0 0 250px;}
.screenshots3 .screenshot1{ margin:25px 0 0 275px; position:absolute;}
.screenshots3 .screenshot2{ position:absolute;}

.screenshot2_block{ width:980px; margin:0 auto;}
.screenshot2_block .screenshot_cont{ width:810px; margin:0 auto; *+zoom:1;}
.screenshot2_block:after{ content:""; display:block; clear:both;}
.screenshot_img{ width:312px; height:198px; float:left; margin:35px 45px 0 45px; padding-bottom:90px;}
.screenshot_img span{ width:312px; position:absolute; text-align:center; margin-top:124px; color:#000; cursor:pointer;}
.screenshot_img .guide_new{ width:312px; text-align:center; color:#000; cursor:pointer; margin-top:20px; font-size:15px; text-decoration:underline;}
.screenshot_img:hover{ text-decoration: none;}

.down_block{ width:100%; height:354px; background:url(ip_banner_bg2.jpg) no-repeat; background-size: cover;position:absolute;}
.wrap .down_block2{ background:url(download-voice-memos-from-iphone-banner2.jpg) center no-repeat; background-size:cover;}
.down_block_cont{ width:980px; margin:0 auto; overflow:hidden;}
.down_block_cont h2{ font-size:44px; color:#fff; text-align:center; margin:80px auto 15px auto;}
.down_block_cont p{ font-size:16px; text-align:center; color:#dcdcdd;}
.down_block_cont p a{ font-size:16px; text-align:center; color:#dcdcdd;} 
.down_block_cont .btn{ margin:36px auto 0 auto;}
.foot p{ text-align:center; font-size:14px; line-height:61px; position:relative; margin-top:345px;}

.wrap .colblue{ color:#08c;}