/* CSS Document */
.banner{ width:100%; height:612px; background:url(../macclean/img/banner.jpg) #303030 center no-repeat; background-size:cover; margin:-4px 0 0 0; overflow:hidden;}
.banner_cont,.float_nav_cont,.tabs_fun{ width:1120px; margin:0 auto;}
/**.tabs{ width:1120px; padding:26px 0 0 0; height:38px; background:url(../macclean/img/tabs.png) 0 28px no-repeat; overflow:hidden;}
.tabs ul { width:612px; margin:0; *zoom:1; float:right; border:1px solid red;}
.tabs ul li{ float:left; margin: 0 31px 0 20px;}*/
.tabs{ width:1120px; padding:26px 0 0 0; height:38px; background:url(../macclean/img/tabs2.png) 0 28px no-repeat; overflow:hidden;}
.tabs ul { float:right; margin-right:10px; *zoom:1; }
.tabs ul li{ float:left; margin: 0 0 0 5px;}
.tabs ul li a{ width:80px; height:37px; display:block; color: #fff; line-height:42px; text-align:center;}
.tabs ul:after{ content:""; display:block; clear:both;}
.tabs .tabs_feature a{ width:95px;}
.spe_btn{ margin:0 0 0 23px;}
.for_title{ font-family:"Open Sans"; font-weight:300; background: url(../macclean/img/fe_mac.png) no-repeat right center; float:left; color:#fff; font-size:26px; padding:10px 32px 10px 0; line-height:20px;}
.for_title span{ color:#fff; font-size:16px;}
.productnav #for_all_macclean span{ font-size:16px;}
#for_all_macclean{ font-size:26px; line-height:30px; font-family:"Open Sans"; font-weight:300; padding-top:10px; font-weight:lighter; margin-top:18px !important;}

/*macclean index style**/
.banner_cont{ text-align:center;}
.banner_cont p img{margin:38px 0 10px 0;}
.banner_cont>h1{ font-family:"Open Sans"; font-weight:300; color:#fff; font-size:52px; line-height:1.2; margin-top:10px;}
.banner_text{ width:900px; font-family:"Open Sans"; font-weight:300; color:#fff; font-size:24px; line-height:36px; margin:10px auto 36px auto;}
.btn { width:500px; height:46px; margin:0 auto;} 
.btn a{ display:block; width:240px; height:46px; color:#fff; line-height:46px; border-radius:5px; font-size:18px;} 
.ov_buy{ border:1px solid #fff; float:left;}
.ov_down{ background-color:#6cb400; float:right;}
.ov_buy:hover{ background-color:#fff; color:#333A4D; text-decoration:none;}
.ov_down:hover{ background-color:#7dcf02; text-decoration:none;}

.funs_nav{ width:100%; background:url(../macclean/img/funs_nav_line.png) center bottom repeat-x;}
.funs_nav>p{ width:460px; height:75px; margin:0 auto;}
.funs_nav>p a{ float:left; height:75px; line-height:75px; font-size: 20px; font-family:"Open Sans"; font-weight:300; color:#9f9f9f; margin:0 40px;}
.funs_nav>p a:hover{ color:#000;}
.funs_nav .tabs_select{ background:url(../macclean/img/funs_nav_line1.png) center bottom repeat-x; color:#1e87ea;}
.funs_nav .tabs_select:hover{ color:#1e87ea;}

.funs_nav p a:hover,.tabs_imgs a:hover{ text-decoration:none;}
.tabs_fun{margin:80px auto 100px auto;}
.tabs_fun .tabs_fun_show{ display:block;}
.tabs_fun_block{ text-align:center; display:none;}
.tabs_fun_block h2{font-family:"Open Sans"; font-weight:300; font-size:40px; line-height:1.2; margin-bottom:20px;}
.tabs_fun_block>p{ width:870px; font-size:16px; line-height:26px; color:#565656; margin:15px auto 0 auto;}
.tabs_fun_block>p>a{ font-size:16px; line-height:26px;}
.tabs_imgs{ width:280px; margin:60px auto 0 auto; overflow:hidden;}
.tabs_imgs a{ font-size:14px; color:#000; float:left; background:url(../macclean/img/ov_arrows.png) center right no-repeat; padding:0 15px 0 10px;}
.tabs_imgs .on_bg{ background:none; padding-left:10px;}
.tabs_imgs .tabs_img_select{ color:#939393;} 
.tabs_imgs_cont{ width:1078px; height:618px; background:url(../macclean/img/tabs_funs_bg.png) center no-repeat; overflow:hidden; margin:48px auto 0 auto;}
.tabs_imgs_list{ width:803px; height:410px; margin:85px 0 0 137px; overflow:hidden; position:relative; *+margin-right:200px;}

/**.tabs_imgs_num{ width:400%; text-align: left; position:absolute; *+left:0;}
.tabs_imgs_num img{display:block; float:left; margin:0 100px;} */
.tabs_imgs_num img{ width:610px; height:407px; position:absolute; display:block; margin:0 100px 0 95px; transition:all 0.8s ease; -webkit-transition:all 0.8s ease; opacity:0; *+left:0;}
.tabs_imgs_num .tabs_imgs_sel{ transition:all 1s ease; -webkit-transition:all 1s ease; opacity:1; z-index:3;}

.utilities{margin-top:60px; *+zoom:1;}
.utilities:after{ content:""; display:block; clear:both;}
.utilities_block{ width:280px; float:left; margin:0 25px 36px 25px; padding:20px; animation:bg2 0.8s ease 1 forwards; -webkit-animation:bg2 0.8s ease 1 forwards;}
.utilities_block:hover{ text-decoration:none; animation:bg 0.5s ease 1 forwards; -webkit-animation:bg 0.5s ease 1 forwards; background-color:#fff; box-shadow:2px 0px 10px #dbdbdb;}
@keyframes bg{
	0%{box-shadow: none; background-color:none;}
	100%{box-shadow:2px 0px 10px #dbdbdb; background-color:#fff;}
	}
@-webkit-keyframes bg{
	0%{box-shadow: none; background-color:none;}
	100%{box-shadow:2px 0px 10px #dbdbdb; background-color:#fff;}
	}
@keyframes bg2{
	0%{box-shadow:2px 0px 10px #dbdbdb; background-color:#fff;}
	100%{box-shadow: none; background-color:none;}
	}
@keyframes bg2{
	0%{box-shadow:2px 0px 10px #dbdbdb; background-color:#fff;}
	100%{box-shadow: none; background-color:none;}
	}
.utilities_block>span{ display:block; color:#000; font-family:"Open Sans"; font-weight:300; font-size:24px; line-height:1.2; margin:15px auto 5px auto;}
.utilities_block>p{ font-size:14px; line-height:26px; color:#666;}
.utilities_block>img{ width:148px; height:148px;}

.function_cont{ width:1120px; height:434px; margin:0 auto; background:url(../anytrans/img/ov_bg.png) no-repeat; overflow:hidden;}
.function_rel{ width:1120px; height:208px; background:url(../img/fun_related.png) repeat-x; margin:20px auto 0 auto;overflow:hidden;}
.rel_block{ width:240px; height:200px;  float:left; margin:5px 5px 0 30px; background:url(../img/rel_line.png) no-repeat right center;}
.rel_title{ padding:5px 0 5px 0; display:block; margin:10px 0 0 0; font-weight:lighter;  font-size:16px;}
.rel_title b{ font-weight: bolder; margin:25px 0 0 0;  text-align:center; width:220px; font-size:20px;}
.rel_title img{ vertical-align:middle; margin:0 15px 5px 10px;}
.rel_say_cont p{ line-height:1.8em;}
.rel_say_cont p span{ float:right; margin:0 20px 0 0;}
.rel_fb {width:205px; margin:-2px 0 0 0; padding:0; text-align:left; overflow:hidden; height:150px;}
.rel_fb div{ margin:-2px 0 0 -2px;}
.rel_say_cont p{ line-height:22px; width:210px; font-size:11px; margin-top:2px;}
.rel_tips{ width:100%;}
.rel_tips ul {margin:0;}
.rel_tips ul li {background:url(/img/point.gif) no-repeat left center; padding:2px 0 2px 10px;color:#444;line-height:18px;}
.rel_tips ul li a {color:#333;line-height:18px;font-size:11px;}
.rel_tips a:hover {color:#0088cc;text-decoration: underline;}
.rel_buy h3{ font-size:16px; font-weight:bold; padding:5px 0 5px 0; line-height:18px;}
.rel_buy p{margin:5px 0 0 0;}
.rel_green{ color:#090; text-decoration:line-through;}
.rel_green2{ color:#090; }
.rel_red{ color:#f00;}
.bgnone{ background:none;width:238px;}
.bgnone p{ text-align:center; line-height:20px;}
.bgnone .buy_judge{ display:block; width:150px; height:40px; background:url(../macclean/img/scan-now.png)  0 -40px no-repeat; font-size:16px; line-height:40px; color:#fff; margin:15px auto 0 auto;}
.bgnone .buy_judge:hover{ background-position:0 0px; color:#0da5ea; text-decoration:none;}

.function_cont_fe{ width:1120px; height:225px; margin:70px auto 0 auto; background:url(../anytrans/img/fe_bg2.png) no-repeat;  overflow:hidden;}
.function_cont_fe .navtop{margin-top:8px;}
.function_cont .navtop{ border-top:1px solid #e2e2e2; }
.navtop {width:1105px; height:36px;margin:0 0 0 7px; padding:0; background:url(../img/pro_title_line.png) repeat-x 0 35px; overflow:hidden;}
.navtopnull {background:none;}
.navtop_top { float:right; margin:6px;}
.navtop ul {list-style:none; color:#666; height:36px; margin:0; line-height:18px; background:url(../img/fun_home.png) no-repeat 10px 11px; padding:0 0 0 30px;}
.navtop ul li {color:#777; float:left; padding:0; margin:0; height:26px;font-size:12px; padding-top:8px }

.navtop ul li a{ margin:0; padding:0; font-size:12px;}
.navtop ul li a:link, .navtop ul li a:visited {color:#777; text-decoration:none; font-weight:bold;}
.navtop ul li a:hover{color:#444;}
.navtop .gap {width:14px;height:34px; background:url(../img/fun_arrow.png) no-repeat; margin:0 8px 0 8px;}
.navmid {width:1120px;margin:0 auto;padding:6px 0; overflow:hidden;}
.navcontent {width:146px; float:left; margin:0; padding:2px 0 4px 90px; }
.navcontent ul {list-style:none;color:#777;font-size:10px; margin:0; padding:0; line-height:20px;}
.navcontent ul li {color:#666;line-height:18px; margin:0; padding:0;}
.navcontent ul li b{ font-size:11px;color:#777;}
.navcontent ul li a:link, .navcontent ul li a:visited {color:#777;text-decoration:none;font-size:10px; font-weight:normal;line-height:20px;}
.navcontent ul li a:hover{color:#444;text-decoration:none;}


.float_nav{ width:100%; height:58px; border:1px solid #ddd; background:#fff; position:fixed; top:0; z-index:100; overflow:hidden; display:none; opacity:0.98; filter:alpha(opacity=98); -moz-opacity:0.98; -khtml-opacity:0.98;}
.nav_cont_os { font-family:"Open Sans"; font-weight:300; font-size:24px; color:#000; line-height:56px; background:url(../macclean/img/fe_mac.png) right center  no-repeat; float:left; padding:8px 32px 0 0 ; margin-top:2px;}


.float_nav_block{ float:right; width:510px;}
.float_nav_block ul{ float:left;}
.float_nav_block ul li{ float:left; margin:0 32px 0 5px;}
.float_nav_block ul li a{ color:#000; line-height:56px;}
.float-btn { float:left;}
.float-btn a{ width:98px; height:22px; color:#fff; display:block; text-align:center; line-height:22px; margin:15px 12px 0 0; text-decoration:none; float:left;}
.float-download{ background:url(../anytrans/img/at-btn-download.png) no-repeat;}
.float-buy{ background:url(../anytrans/img/at-btn-buy.png) no-repeat;}
.float-btn a:hover{background-position:0 -23px; color:#fff;}



/**Feature*/
.mc_banner,.mc_fun{ width:1000px; margin:0 auto;}
.mc_banner>h1{ font:300 36px/60px "Open Sans"; width:890px; margin:60px auto 40px auto; text-align:center;}
.ma_nav{height:180px; background:url(../macclean/img/fe_bg1.png) 0 165px no-repeat;}
.ma_nav_block{width:900px; margin:0 auto; *+zoom:1;}
.ma_nav_block:after{ content:""; display:block; clear:both;}
.ma_nav_block>a{ width:140px; height:180px; float:left; margin:0 20px;}
.ma_nav_block>a>img{ display: block; margin:0 auto;}
.ma_nav_block>a>span{ display: block; text-align:center; font-size:16px; line-height:24px; color:#4b95dc; margin-top:10px;}
.ma_nav_block>a:hover{ text-decoration:none;}
.ma_nav_block>a:hover span ,.ma_nav_block .nav_sel span{color:#000;}
.nav_sel{ background:url(../anytrans/img/fe_imgs.png) center 150px no-repeat;}

.mc_fun_block{margin-top:80px; *+zoom:1;}
.mc_fun_block:after{ content:""; display:block; clear:both;}
.mc_fun_block>h2{ font:300 38px/50px "Open Sans"; margin-bottom:30px;}
.mc_fun_block>p{ font-size:16px; line-height:30px; color:#565656; margin-top:10px;}
.mc_fun_block>p>a{ font-size:16px; line-height:30px;} 
 
  /* Backgroud 2*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {

.banner{background:url(../macclean/img/banner@2x.jpg) #303030 center no-repeat; background-size:2000px 618px;background-size:cover;}

.for_title{background: url(../macclean/img/fe_mac@2x.png) no-repeat right center; background-size: 26px 26px; }
.productnav #for_all_macclean{background: url(../macclean/img/fe_mac@2x.png) no-repeat right center; background-size: 26px 26px;}
.nav_cont_os { background:url(../macclean/img/fe_mac@2x.png) right center  no-repeat; background-size: 26px 26px;}
.bgnone .buy_judge{  background:url(../macclean/img/scan-now@2x.png) no-repeat;  background-size: 150px 80px; background-position:0 -40px;}
.tabs_imgs_cont{background:url(../macclean/img/tabs_funs_bg@2x.png) center no-repeat; background-size:1078px 618px;}
.tabs_imgs a{ background: url(../macclean/img/ov_arrows@2x.png) center right no-repeat; background-size:8px 11px;}
}
/* Backgroud 2*/

.icon_anytrans{background:url(/img/icon-hot.png) no-repeat right center; padding-right:24px;}
.icon_phonerescue{background:url(/img/icon-new.png) no-repeat right center; padding-right:24px;}
.icon_phototrans{background:url(/img/icon-new.png) no-repeat right center; padding-right:24px;}
.icon_apptrans{background:url(/img/icon-updated.png) no-repeat right center; padding-right:43px;}
.icon_phoneclean{background:url(/img/icon-new.png) no-repeat right center; padding-right:24px;}

.mtp60{ margin-top:-60px;}
.mtp30{ margin-top:-30px;}