/** 头部 **/ .header{width:100%;height:85px;border-bottom:5px solid #dcdcdc;position:relative;z-index:120;} .header .wrap{overflow:visible;height:85px;} .header .logo{display:inline-block;width:160px;height:70px;background:url(../images/logo.jpg) no-repeat; margin-top:15px;} #here{width:1000px;padding:0 10px;margin:15px auto 25px;color:#666;font-size:13px;} #here a:link, #here a:visited{color:#666;} /*toplink*/ .toplink{position:absolute;right:10px;top:9px;z-index:117;} .toplink li *{color:#969696;} .toplink li{float:left;font-size:12px; position:relative;height:32px;} .toplink li a,.toplink .livchat_hover{font-size:12px;background:#fff;display:inline-block;} .toplink li span{display:inline-block;background:#fff;padding:0px 10px;} .toplink span.livchat_hover{padding:0px;cursor:pointer;} .toplink li.download{background-position:0px -5px;padding-left:10px;} .toplink li.livechat{background-position:-21px -5px;padding-left:13px;} .toplink li.support{background-position:-44px -5px;padding-left:13px;} .toplink li.partners{background-position:-73px -5px;padding-left:20px;} /*nav*/ .header .nav{position:absolute;left:250px;top:42px;z-index:116;} .header .nav a{color:#333;} .header .nav li{float:left;height:48px;line-height:30px;position:relative;background:url(images/opacity.png);} .header .nav li.current,.header .nav li:hover{border-bottom:5px solid #4ab9f2;height:43px;} .header .nav li.store{border:none;} .header .nav li a.nav_a{font-size:13px;font-weight:bold;display:inline-block;padding:0 13px;margin:0 3px;} .header .nav li a.nav_a:hover{text-decoration:none;} .header .nav li.store a.nav_a{border-radius:3px;background:#fe9901;color:#fff;} .header .nav li span.arrow{display:none;width:11px;height:5px;overflow:hidden;background:url(../images/ico-header-tiolink.jpg) -134px -13px no-repeat;position:absolute;top:48px;left:50%;margin-left:-5px;z-index:116;} .header .nav li.current span.arrow,.header .nav li:hover span.arrow{display:inline-block;} .header .content{background-color:#fff;padding-top:22px;position:absolute;left:0px;top:90px;width:800px;z-index:115;-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.4);-moz-box-shadow:0 2px 10px rgba(0,0,0,0.4);box-shadow:0 2px 10px rgba(0,0,0,0.4);} .header .content dl{float:left;margin:0 0 20px 31px;} .header .content dl.mleft135{ margin-left:135px;} .header .content dl dt{margin-bottom:6px;color:#247cc4;font-size:16px;} .header .content dl dt a{display:inline-block;padding-right:12px;background:url(../images/ioc-header-nav-right.jpg) right 8px no-repeat;font-size:16px;} .header .content dl dd a{font-size:13px;line-height:24px;color:#666;display:inline-block;background:url(../images/ioc-header-nav-list.jpg) left 9px no-repeat;padding-left:8px;} .header .content dl dd a.no_bgimg{ background-image:none;} .header .content .products{background-color:#eef5ff;font-size:16px;padding:0 0 20px 31px;border-top:1px dashed #b8d3dc;border-bottom:4px solid #c2d8f0;} .header .content .products .img{float:left;} .header .content .products .neir{float:left;width:256px;margin-left:20px;} .header .content .products .title{padding:12px 0px;} .header .content .products .left,.header .content .products .right{float:left;width:350px;margin-left:10px;} .header .content .products_title{color:#247cc4;font-size:16px;margin-bottom:5px;} .header .content .products_description{font-size:13px;margin-bottom:5px;} .header .content .button{font-size:14px;} .header .content .button a{display:inline-block;color:#247cc4;margin-right:8px;margin-top:10px;} .header .content .button .download span,.header .content .button .buy span{background:url(../images/ioc-nav-bt.jpg) 0px 1px no-repeat;display:inline-block;width:20px;height:20px;margin-right:3px;} .header .content .button .buy{margin-left:5px;} .header .content .button .buy span{background-position:-32px 1px;} /*search*/ .search{width:135px;height:24px;position:absolute;left:50%;margin-left:355px;top:44px;background:#FFF;border:1px solid #ddd;border-top:2px solid #ddd;z-index:110;overflow:hidden;} input.search_ip{width:90px;height:24px;line-height:24px;padding-left:8px;color:#969696;font-size:12px;vertical-align:top;padding:0 6px 0 6px;margin:0px;border:0px;box-shadow:none;background:none;border-radius:0px;} input.search_sub{width:28px;height:24px;margin-left:10px;background:none;cursor:pointer;background:url(../images/ico-header-tiolink.jpg) -97px -4px no-repeat;padding:0px;margin:0px;border:0px;} /** 头部-end **/ /** footer **/ .gura_f{background:#f2faff;border-top:1px solid #ced9e4;} .gura_f ul{height:62px;} .gura_f ul li{margin-right:20px;line-height:62px;height:62px;font-weight:bold;float:left;padding-left:47px;} .gura_f ul li img{margin-right:10px;vertical-align:middle;} .gura_f ul li.bg1{background:url(../images/buy_gurantee.png) no-repeat 0 -168px;padding-left:50px;width:235px;} .gura_f ul li.bg2{background:url(../images/buy_gurantee.png) no-repeat 0 -250px;width:170px;} .gura_f ul li.bg3{background:url(../images/buy_gurantee.png) no-repeat 0 -329px;width:138px;} .gura_f ul li.bg4{background:url(../images/buy_gurantee.png) no-repeat 0 -411px;width:189px;} .footer_nav{background:#2d2d2d;padding:30px 0;color:#7b838f;} .footer_nav a, .footer_nav a:hover, .bottom_link a, .bottom_link a:hover{color:#7b838f;} .footer_nav h3{color:#FFF;font-size:16px;font-weight:bold;margin-bottom:15px;} .footer_nav h3 a, .footer_nav h3 a:hover{color:#FFF;} .footer_nav ul li{margin-bottom:5px;} .footer_nav ul.list_share{width:110px;} .footer_nav ul.list_share li{margin:0 10px 10px 0;float:left;} .form_email .input_email{width:133px;border: none;height:22px;background:#fff;color:#999;margin:0;border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;} .form_email .submit_email{background:#55bdf2;height:30px;color:#FFF;line-height:29px;margin:0 0 0 -4px;width:54px;text-align:center;border:none;border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;font-size:13px;} #ErrorText{color:#F00;font-size:11px;padding-top:5px;line-height:20px;} .bottom_link{background:#242424;padding:15px 0 10px;text-align:center;} /** footer end **/ /** 首页 **/ /*首页banner*/ .banner{height:430px;width:100%;margin:0px auto;overflow:hidden;position:relative;z-index:110;} .banner_ul{position:absolute;top:0px;width:100%;z-index:110;} .banner_ul .wrap{height:430px;} .banner_ul li{float:left;height:430px;position:relative;overflow:hidden;width:100%;} .banner_ul li a.button_click{display:block;width:100%;height:430px;position:absolute;top:0px;left:0px;z-index:111;background:url(images/opacity.png);_background:none;} .banner_ol{position:absolute;left:50%;margin-left:-90px;top:400px;z-index:110;} .banner_ol li{float:left;width:32px;height:8px;background:#666;margin-left:8px;overflow:hidden;cursor:pointer;} .banner_clickLeft,.banner_clickRight{background:url(images/button-banner.png) no-repeat;width:46px;height:47px;display:block;position:absolute;top:165px;cursor:pointer;} .banner_clickLeft{left:0px;background-position:0px 0px;z-index:119;} .banner_clickRight{right:0px;background-position:-54px 0px;z-index:119;} /*banner内文字*/ .banner_ul li.img01{color:#fff;background:url(images/android-assistant-banner.jpg) center no-repeat;} .banner_ul .button_01{position:relative;z-index:112;width:388px;position:absolute;top:330px;left:50%;margin-left:-500px;} .banner_ul li.img02{color:#fff;background:url(images/ios-doctor-banner.jpg) center no-repeat;} .banner_ul .button_02{margin-top:30px;position:relative;z-index:112;width:219px !important; height:45px !important; line-height:45px !important; position:absolute;top:300px;left:50%;margin-left:-125px;} .banner_ul .button_02 a {width:219px !important; height:45px !important; line-height:45px !important; } .banner_ul li.img03{color:#fff;background:url(images/android-doctor-banner.jpg) center no-repeat;} .banner_ul li.img03 .button_03{margin-top:25px;position:relative;z-index:112;width:385px;position:absolute;top:300px;left:50%;margin-left:-500px;} .banner_ul li.img04{background:url(images/ios-assistant-banner.jpg) center no-repeat;} .banner_ul li.img04 .button_04{position:relative;z-index:112;width:490px;position:absolute;top:322px;left:50%;margin-left:-500px;} /*button*/ .banner_button_win,.banner_button_mac,.banner_button_solution,.banner_button_pc,.banner_button_server,.banner_button_ios,.banner_button_android{display:inline-block;height:42px;line-height:42px;font-size:15px;background-color:#fff;padding:0px 22px;border-radius:4px;margin-right:16px;color:#3687c9;text-decoration:none;vertical-align:top;min-width:126px;} .banner_button_solution{font-size:18px;} .banner_button_pc,.banner_button_server,.banner_button_android,.banner_button_ios{font-size:18px;} .banner_button_ios,.banner_button_android{background:#312a22;color:#fff;} .banner_button_ios:hover,.banner_button_android:hover{color:#fff;} .banner_button_mac,.banner_button_server{color:#fff;background:none;border:1px solid #fff;height:40px;line-height:40px;} .banner_button_mac:hover,.banner_button_server:hover{color:#247cc4;background-color:#fff;height:42px;line-height:42px;} .banner_button_win span,.banner_button_mac span,.banner_button_pc span,.banner_button_server span,.banner_button_android span,.banner_button_ios span{display:inline-block;background:url(images/ioc_banner_img.png) no-repeat -45px -211px;width:30px;height:42px;} .banner_button_pc span{background-position:-45px -211px;width:50px;} .banner_button_win span{background-position:-51px -165px;} .banner_button_mac span{background-position:-87px -165px;} .banner_button_mac:hover span{background-position:-124px -165px;} .banner_button_server span{background-position:-110px -211px;width:42px;} .banner_button_server:hover span{background-position:-163px -211px;} .banner_button_ios span{background-position:-187px -265px;width:42px;} .banner_button_android span{background-position:-120px -267px;width:42px;} /*首页 content*/ .pro{min-width:1000px; overflow:hidden; background:#fff; padding:78px 0px 0px 170px} .wrap2{width:1000px; overflow:hidden;} .pro .title{width:105px; float:left; margin-right:40px;} .pro .title li{margin-bottom:25px; font-size:16px; line-height:39px; font-family:"OpenSans", "Arial",sans-serif; padding-left:15px;} .pro .title li:hover, .pro .title li.curr{background:#1898f1; color:#ffffff; cursor:pointer;} .pro .list{width:855px; float:left;} .pro .list .item{width:400px; margin-right:22px; float:left;} .pro .list .dt{width:270px;} .pro .list .pro-list-title{ font-size:18px;line-height:25px;height:55px;margin-top:10px;} .pro .list .pro-list-title a{color:#0370bb;;} .pro .list dd{font-size:14px;} .pro .list .pro-list-btn, .pro .list .pro-list-btn a{color:#1898f1; line-height:30px;} .pro .list .noMar{margin-right:0px;} .b_content { background:#f7f7f7; padding:10px 0px 50px 0px;} .b_content .h_ti{ font-size:25px; text-align:center; width:1000px; margin:25px auto 25px auto;} .b_content .home_table{ text-align:center;} .btm{min-width:1000px; overflow:hidden; background:#fff; padding:45px 10px 45px 160px;} .btm .news{width:580px; margin-right:120px; margin-top:20px;float:left;} .btm .title-btm{ font-size:16px; padding-bottom:15px; font-weight:bold;} .btm .news li{width:580px;line-height:15px; margin-bottom:15px; padding:0px;font-size:14px; border-bottom:none;} .btm .news li.more{margin-top:15px;} .btm a{color:#1f82c8;} .btm .social{width:300px; float:left;margin-top:20px;} .box{ background:#fff repeat-x 0 bottom; padding-left: 10px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-style: solid; border-right-color: #CACACA; border-bottom-color: #CACACA; border-left-color: #CACACA; border-top-color: #CACACA; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; margin-bottom: 20px; padding-bottom: 10px; padding-top: 10px; } .side-main { padding:10px 0px 10px 10px; } .side-main ul { } .side-main li { line-height:20px; margin-bottom:5px; background:url(images/dot.jpg) no-repeat left 9px; padding-left:10px; } .pro_number2{ overflow:hidden; float:left; margin-left:5px; } .pro_number2 span{ display:block; width:22px; height:22px; color:#fff; margin-right:5px; line-height:22px; text-align:center; float:left;background:url(images/icon_bj2.gif) left top no-repeat;} .pro-menu-w{ background:#f2f2f2 url(../images/products/menu_bor.gif) bottom repeat-x; height:45px; width:100%; margin-top:1px; } .pro-menu-w ul{ width:700px; float:left; padding-left:160px;} .pro-menu-w ul li{ float:left; background:url(../images/products/menu-fgx.gif) right top no-repeat; padding-right:2px;} .pro-menu-w ul li a{ line-height:45px; display:block; font-size:13px; padding:0 25px; font-weight:bold; font-family: "OpenSans", "Arial",sans-serif;} .pro-menu-w ul li a:hover{ background-color:#FFF; color:#cc7a1d; text-decoration:none;} .pro-menu-w ul li a.a-h{background-color:#FFF;color:#cc7a1d;} .pro-menu-w ul li.menu-buy{float:right; background:none; margin:0 0 0px; padding:0;} .rollTop{background:rgba(56, 64, 101, 0.92) none repeat scroll 0 0 !important;filter:Alpha(opacity=92); background:#c3edff; position:fixed; z-index:16; top:0; left:0; width:100%; display:none; height:60px;} .rollTop .wrap{ width:1000px; margin:0 auto 0; padding:0px 0;} .wrap1 ul{ overflow:hidden; width:580px; float:left; padding-left:160px;} .wrap1 ul li{ float:left; border-right:1px solid #486192; } .wrap1 ul li a{ color:#FFF; display:block; padding:0 20px; line-height:60px; font-size:13px;} .wrap1 ul li a:hover,.wrap ul li a.a-h{ background:url(images/hover_bj.png); text-decoration:none;} .wrap1 a.win-dow{ font-size:13px; line-height:36px; float:left; margin:11px 10px 0 0; width:75px; padding-left:45px; background:#25a7ff url(images/dow-icon1.png) 10px 5px no-repeat; color:#FFF;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .wrap1 a.win-dow:hover { background:#25a7ff url(images/dow-icon1.png) 10px 5px no-repeat; width:75px; padding-left:45px; text-decoration:none; } .wrap1 a.win-buy,.pro-menu-w a.win-buy{ margin-right:0;background:#ff7244 url(images/buy-icon1.png) 10px 5px no-repeat; color:#FFF;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:13px; line-height:36px; float:left; margin:11px 10px 0 0; width:75px; padding-left:45px;} .wrap1 a.win-buy:hover,.pro-menu-w a.win-buy:hover{background:#ff7244 url(images/buy-icon1.png) 10px 5px no-repeat; text-decoration:none;} .mainbox{padding:60px 0;} .mainbox h2{font-family:"OpenSans", "Arial",sans-serif; font-size:24px; line-height:1.2em;color:#434a53;} .mainbox.gray{ background:#f1f1f1;} .mainbox .hc {color:#333;} .container{ width:1000px; height: 450px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } .ac{ text-align:center;} .featImgSlide{position:relative;margin:0 auto 10px; padding:1px 0 20px;} .featImgSlide .imgSlide {list-style: none;padding: 0;margin: 0 auto;width:500px;height:370px;} .featImgSlide .imgSlide li {position:relative; text-align:center;} .featImgSlide .imgSlide li .video{ position:absolute; z-index:3; top:0; left:0; width:500px; height:330px; display:none;} .featImgSlide .imgSlide .roundabout-in-focus .video { display:block;} .featImgSlide .imgSlide li img {max-width:100%;} .featImgSlide .imgSlide li.roundabout-in-focus {cursor: default;} .featImgSlide .flex-next,.featImgSlide .flex-prev{ display:block; position:absolute; z-index:281; background:url(images/prev.png) no-repeat; width:55px; height:80px; top:40%;} .featImgSlide .flex-next{ background-position:-66px 0; right:35px;} .featImgSlide .flex-prev{ left:35px;} .featImgSlide .flex-control-paging{position:absolute;bottom:0;left:50%;text-align:center;list-style:none;margin-left:-50px;} .featImgSlide .flex-control-paging li{margin-right:10px;display:inline-block;*display:inline;} .featImgSlide .flex-control-paging li a{display:inline-block; background:#e0e0e0;width:14px;height:14px;cursor:pointer; overflow:hidden; text-indent:-99999px; border-radius:20px;} .featImgSlide .flex-control-paging li a.flex-active{background:#4ab9f2;} /*guide*/ .banner-guide{ padding:50px 0 40px;} .banner-guide h1{ font-size:26px; font-weight:bold; color:#5a5b5c; font-weight:bold;font-family: "OpenSans", "Arial",sans-serif;} .banner_w{ background:#c3edff url(../images/products/win-bj.jpg) center top no-repeat; width:100%; } .pro_c,.key-features,.pro-b-evaluation,.banner-guide,.guide-cen,.tech-spec,.reviews_cen,.screenshots_cen,.faq_cen,.pro-list{ width:1000px; margin:0 auto;} .pro-menu{ width:1000px; margin: auto auto auto 0px; position:relative; } .pro-menu-w{ background:#dcdcdc url(../images/products/menu_bor.gif) bottom repeat-x; height:45px; width:100%; margin-top:1px;position:relative; } .pro-menu-w ul{ width:600px; float:left; } .pro-menu-w ul li{ float:left; background:url(../images/products/menu-fgx.gif) right top no-repeat; padding-right:2px;} .pro-menu-w ul li a{ line-height:45px; display:block; font-size:13px; padding:0 25px; font-weight:bold; font-family: "OpenSans", "Arial",sans-serif;} .pro-menu-w ul li a:hover{ background-color:#FFF; color:#cc7a1d; text-decoration:none;} .pro-menu-w ul li a.a-h{background-color:#FFF;color:#cc7a1d;} .pro-menu-w ul li.menu-buy{float:right; background:none; margin:0 0 0px; padding:0;} .menu-btn{ width:180px; float:right; margin:8px 0 0;} .menu-btn a.dow,.menu-btn a.buy{ float:left; font-size:15px; text-align:center; line-height:25px; display:block; width:85px; color:#FFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color: #25a7ff; } .menu-btn a.dow:hover,.menu-btn a.buy:hover{ width:85px; text-decoration:none; background-color: #25a7ff; } .menu-btn a.buy{ margin-left:10px; background-color: #ff7244; } .menu-btn a.buy:hover{ background-color: #ff7244; } .pro_30day{ background-color:#f2f2f2; width:810px; padding:20px 20px 0 170px; height:127px; margin: 20px auto;background:#f2f2f2 url(images/bj.jpg) left top no-repeat;} .pro_30day_text{ float:right; margin:0 0 0 0px; width:780px;} .pro_30day h2{ font-size:16px; padding-bottom:10px; font-weight:bold; margin:0 0 15px 0;border-bottom:1px solid #cccccc;} .pro_30day h2 span{ color:red;} .pro_30day p{ margin:0 0 10px;} .pro_30day_text_on{ width:220px; float:left; padding-top:10px;} .pro_30day_text_on span{ font-size:25px; color:red;} .pro_30day .free_trial_121{ width:121px; height:31px; display:block;background: url(images/free_trial_121.png) left top no-repeat; float:left; margin:8px 20px 0 0;} .pro_30day .buy_now_121{ width:121px; height:31px; display:block;background: url(images/buy_now_121.jpg) left top no-repeat; float:left; margin-top:8px;} /*guide-l-menu*/ #sidebar{float:left;width:240px;position:relative; height:1500px;} #example{ width:240px; padding:0px 0px 0px 0; position:absolute;top:0; } .guide-l{ padding-bottom:10px; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; margin-top:15px;} .guide-l dt{ background-color:#4e8adb; line-height:40px; text-align:center; color:#fff; font-size:15px;} .guide-l dd{ padding:3px 10px;} .guide-l dd a{ display:block; border-bottom:1px dashed #e0e0e0; padding:8px 0; } .guide-cen{ margin-top:20px; font-size:13px;} .guide-r{float:right; width:720px; padding-top:10px;} .guide-cen h2{ font-size:20px; margin-bottom:15px;} .guide-cen h3{ font-size:18px; margin-bottom:15px;} .guide-cen h4{ font-size:13px;} .guide-cen p{ margin-bottom:20px;} .guide-cen a{ color:blue;} .resource_border{ border-bottom:1px dashed #CCC; margin:20px 0 20px 0px;} .p_dow_ti{ font-size:15px; font-weight:bold;} a.wzy_dow_win,a.wzy_dow_win:hover{ width:145px; height:31px;padding:35px 0 0 62px; display:block;background: url(../images/resource/win-mac-btn-bj.png) left top no-repeat;font-size:14px;color:#fff; margin-bottom:10px;} a.wzy_dow_win:hover{background: url(../images/resource/win-mac-btn-bj.png) left bottom no-repeat;} a.wzy_dow_mac{background:url(../images/resource/win-mac-btn-bj.png) right top no-repeat;width:140px; height:31px;padding:35px 0 0 67px; display:block;font-size:14px;color:#fff; margin-bottom:10px;} a.wzy_dow_mac:hover{background:url(../images/resource/win-mac-btn-bj.png) right btoom no-repeat;color:#fff;} #sidebar2{float:left;width:240px;position:relative; } #example2{ width:240px; padding:0px 0px 0px 0; position:absolute;top:0; } .guide-2{ padding-bottom:10px; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; margin-top:15px;} .guide-2 dt{ background-color:#4e8adb; line-height:40px; text-align:center; color:#fff; font-size:15px;} .guide-2 dd{ padding:3px 10px;} .guide-2 dd a{ display:block; border-bottom:1px dashed #e0e0e0; padding:8px 0; } .guide-cen{ margin-top:20px; font-size:13px;} .guide-r2{float:right; width:720px; padding-top:10px;} /** 首页end **/ /** buynow **/ .buynow_content,.down_content{float:right;} /*sidebar*/ .sidebar_fixed{position:fixed;top:0px;} .width245{width:245px;} /** buynow end **/ /** 产品系列页面 **/ /*product页面-subnav*/ .subnav_product{height:80px;width:100%;position:relative;z-index:50;background-image:none;box-shadow:0 -1px 1px rgba(255,255,255,0.2)} .subnav_product .wrap{overflow:visible;} .subnav_product ul{margin:0px;} .subnav_product ul li{float:left;height:80px;line-height:80px;min-width:102px;_width:102px;text-align:center;position:relative;} .subnav_product ul li a{color:#fff;display:inline-block;width:100%} .subnav_product ul li.current{background:#fff;} .subnav_product ul li.current .review .word{color:#247cc4;} .subnav_product ul li.current a{color:#247cc4;} .subnav_product .review{width:115px;position:relative;top:50%;left:12px;margin-top:-17px;z-index:43;text-align:left;line-height:22px;} .subnav_product .review span.word{width:auto;color:#fff;display:inline-block;height:22px;line-height:22px;} /*subnav_product_pro*/ .subnav_product_pro h1{font-size:24px;line-height:24px;color:#FFF;position:absolute;top:28px;} .subnav_product_pro ul{right:0px;top:24px;position:absolute;} .subnav_product_pro ul li{background:url(../images/opacity_02.png);_background:none;height:56px;line-height:56px;margin-right:1px;} .subnav_product_pro .radio,.subnav_product_pro .button{display:none;} .subnav_product_pro .star_button{top:19px;left:2px;width:16px;height:12px;background-position:center -3px;} .subnav_product_pro .epm_sub_nav, .subnav_product_pro .tb_checked, .subnav_product_pro .tb_checked2{display:none;} /*星星评分*/ .subnav_product .star_button.current{border:1px solid #ddd;border-bottom:0px;} .subnav_product_pro .star_button.current{border:0px;} .star_list{position:absolute;left:0px;top:18px;z-index:52;white-space:nowrap;border:1px solid #ddd;padding:10px 20px 10px 20px;border-radius:0 5px 5px 5px;background:#fff;color:#777;height:137px;} .star_list *{vertical-align:text-bottom;font-size:13px;} .star_list dt{line-height:26px;} .star_list dd{height:23px;} .star_list dd span.percent{display:inline-block;width:100px;height:14px;line-height:14px;overflow:hidden;position:relative;top:1px;border:1px solid #E2E2E2;background:#EFEFEF;} .star_list dd span.percent b{display:block;width:0%;height:100%;overflow:hidden;background:rgb(251, 224, 150);} .star_list dd span{display:inline-block;text-align:left;font-size:12px;margin-right:10px;} /*按钮*/ .subnav_product .button{height:55px;position:absolute;right:0;top:13px;} .subnav_product .button .btn_float_buy{display:none;} .subnav_product .button .hidden{display:none;} .subnav_product .radio{background:url(../images/ioc-subnav-radio-l.png) no-repeat;width:245px;height:22px;font-size:12px;color:#fff;text-align:center;position:absolute;right:0px;top:80px;z-index:40;} .subnav_product .bg-r{display: inline-block;height:22px;background:url(../images/ioc-subnav-radio-r.png) no-repeat right;width:21px;position:absolute;right:0px;top:0px;} .subnav_product .radio input{width:14px;height:14px;vertical-align:text-bottom;position:relative;top:-1px;margin-right:2px;} .subnav_product .radio .word{margin-right:4px;z-index:40;} .subnav_product .radio .mac{margin:0 4px;} .subnav_product .tb_radio{color:#FFF;position:absolute;left:580px;top:13px;} .subnav_product .tb_radio input{width:13px;height:16px;margin-right:6px;} .subnav_product .tb_radio p *{vertical-align:middle;} .subnav_product .tb_radio p{margin-bottom:5px;} .subnav_product .tb_radio.tb_w_h{top:8px;} .subnav_product .tb_radio.tb_w_h p{margin-bottom:0;} .subnav_product .tb_bt2{right:50px;} .subnav_product.subnav_product_fixed .tb_radio.tb_w_h p{font-size:12px;line-height:1.3px;} .subnav_product .center{text-align:center;} .subnav_product_tb{position:absolute;left:50%;margin-left:-500px;} .tb_switch_button span{display:block;width:35px;text-align:center;height:25px;line-height:25px;float:left;border:1px solid #FFF;border-collapse:collapse;cursor:pointer;} .tb_switch_button span:hover, .tb_switch_button span.active{background:#FFF;color:#009;} .subnav_product .org_p{font-size:12px;margin-left:5px;} .subnav_product .epm_bt{} .subnav_product .epm_sub_nav, .subnav_product .tb_checked, .subnav_product .tb_checked2{left:550px;} .subnav_product .tb_bt{right:100px;} /*product页面-subnav fixed情况下*/ .subnav_product_fixed{height:60px;position:fixed;top:0px;left:0px;} .subnav_product_fixed ul{left:0px;top:0px;} .subnav_product_fixed ul li,.subnav_product_fixed ul li a{height:60px;} .subnav_product_fixed ul li{line-height:60px;background:none;} .subnav_product_fixed .button{width:334px;top:7px;} .subnav_product_fixed .button.tb_bt2{width:auto;} .subnav_product_fixed .bt_drw_free.button{width:210px;} .subnav_product_fixed .radio{background:none;width:50px;left:610px;top:10px;display:block;} .subnav_product_fixed .bt_drw_free.radio{left:720px;} .subnav_product_fixed .radio .word{display:none;} .subnav_product_fixed .radio span{display:block;} .subnav_product_fixed .radio .bg-r{display:none;} .subnav_product_fixed .bt_drw_pro1 .btn_pro_org{display:none;} .subnav_product_fixed .bt_drw_pro2{top:2px;} .subnav_product_fixed .bt_drw_pro2 .btn_pro_green{padding-top:10px;height:46px;position:absolute;} .subnav_product_fixed .bt_drw_pro2 .btn_pro_green span.ico{background-position:10px -130px;} .subnav_product_fixed .btn_pro_green{padding-top:0;height:43px;line-height:43px;overflow:hidden;} .subnav_product_fixed .btn_pro_green.win .ico{background-position:10px -200px;width:45px;} .subnav_product_fixed .btn_pro_green.mac .ico{background-position:-45px -199px;width:45px;} .subnav_product_fixed .button{display:block;} .subnav_product_fixed .button .btn_float_buy{position:absolute;top:0px;left:208px;display:block;} .subnav_product_fixed .button .hidden{display:none;} .subnav_product_fixed h1{display:none;} .subnav_product_fixed.drw_pro_bg ul{top:0px;_top:24px;} .subnav_product_fixed ul.tb_radio li{height:55px;padding-top:5px;} .subnav_product_fixed .tb_radio{top:3px;} .subnav_product_fixed .epm_sub_nav{width:220px;display:block;left:550px;} .subnav_product_fixed .tb_checked{width:111px;display:block;left:581px;} .subnav_product_fixed .tb_checked2{width:220px;display:block;left:581px;} .subnav_product_fixed .epm_float_bt{right:-120px;} .subnav_product_fixed .tb_bt{right:116px;} .subnav_product_fixed .tb_bt2{right:7px;} .subnav_product_fixed .tb_float_bt{right:-35px;} .subnav_product_fixed .tb_float_bt2{right:-139px;} .subnav_product_fixed .tb_float_bt3{right:-93px;} .subnav_product_fixed .pctrans_up{position:absolute;top:0;right:0px;} .subnav_product_fixed .pctrans_fl{position:absolute;top:0;right:200px;} .subnav_product_fixed .epm_bg, .subnav_product_fixed .tb_bg{display:none;} /*review_roll*/ .review_roll{margin-top:60px;position:relative;z-index:20;} .review_roll .wrap{min-height:80px;_height:80px;padding-bottom:20px;} .review_roll .neir{position:absolute;left:0px;top:0px;} .review_roll .img{position:absolute;} .review_roll p{margin-left:225px;width:765px;position:relative;} .review_roll .form{text-align:right;} /*列表页 scroll_bottom*/ .scroll_bottom{margin-bottom:20px;} .scroll_bottom .wrap{overflow:visible;} .scroll_bottom .left,.scroll_bottom .right{display:block;width:33px;height:33px;background:url(images/button-banner.png) 9px -110px no-repeat;position:absolute;top:55px;right:-22px;cursor:pointer;} .scroll_bottom .left{background-position:-56px -110px;left:-22px;right:auto;} .scroll_bottom_ul{height:48px;overflow:hidden;width:100%;position:relative;} .scroll_bottom_ul ul{margin:0px;position:relative;} .scroll_bottom_ul li{float:left;padding:0px 8px;} /*列表页 table页面浮动条*/ .table_prolist_fixed{position:fixed;top:0px;z-index:100;background:#fff;display:none;} .table_prolist_fixed table{margin:0px;width:1000px;} .table_prolist_fixed table th{overflow:hidden;font-variant:normal;border-left:1px solid #FFF;text-align:center;} .table_prolist_fixed .bg_blue{background:#0d86bd;} .table_prolist_fixed .bg_blue a{color:#fff;} /*产品列表页特殊样式*/ .table_prolist tr td.special_p {text-align:left; padding-left:20px; font-size:16px;} /**产品列表页面 end**/ .top-banner_w2{ background:#c3edff url(../images/products/win-bj.jpg) center top no-repeat; width:100%; } .top-banner{ width:1000px; padding:60px 0 30px; margin:auto; color:#FFF; } .pro_c_w{ width:100%; background-color:#f7f7f7;} .pro_c,.key-features,.pro-b-evaluation,.banner-guide,.guide-cen,.tech-spec,.reviews_cen,.screenshots_cen,.faq_cen,.pro-list{ width:1000px; margin:0 auto;} .pro_c a{ color:#03F;} .pro-ban-img{ float:left; width:420px;} .pro-ban-text{ float:right; width:530px;font-size:13px; } .pro-ban-text h1{ font-size:23px; margin-bottom:20px; color:#5a5b5c;} .pro-ban-text h2{ font-size:25px; font-weight:bold; margin-bottom:20px; line-height:28px; font-family: "OpenSans", "Arial",sans-serif; color:#5a5b5c;} .pro-ban-text p.p1{ color:#5a5b5c; } .pro-ban-text p.p-p{ margin-bottom:15px; } .pro-ban-text ul{} .pro-ban-text ul li{ padding-bottom:7px;} .pro-text-box{ background: url(../images/products/pro-text-bj.png); margin:15px 0 0; padding:20px 18px;} .iphone-dow,.iphone-buy{ width:132px; height:31px; padding:30px 0 0 55px; display:block; margin-bottom:15px; color:#FFF; background: url(images/btn.png) left top no-repeat; font-size:13px;} .iphone-dow:hover,.iphone-buy:hover{ text-decoration:none; background:url(images/btn.png) left bottom no-repeat;color:#FFF; } .iphone-buy{ background:url(images/btn.png) right top no-repeat;} .iphone-buy:hover{ background: url(images/btn.png) right bottom no-repeat;} .pro-text-box dl{ color:#2b2b2b; overflow:hidden;font-size:15px; } .pro-text-box dl dt{ float:left; margin-right:10px; color:#c5d4e7;} .pro-text-box dl dd{ float:left; width:22px; height:22px; margin-right:5px; line-height:22px; text-align:center; background: url(../images/products/icon_bj.jpg) left top no-repeat; } .pro-text-box-tab{ background:#FFF none;} dl.pro-iphone-dl{color:#fff; overflow:hidden;font-size:15px;} dl.pro-iphone-dl dt{ float:left; margin-right:10px; color:#4a4a4a;} dl.pro-iphone-dl dd{ float:left; width:22px; height:22px; margin-right:5px; line-height:22px; text-align:center; background: url(images/icon_bj2.gif) left top no-repeat; } .pro-text-box-tab .a-license{color:#4a4a4a;} .pro-text-box-tab .a-license:hover{color: blue;} .pro-tab-ti{ height:35px; margin-top:20px; } .pro-tab-ti a.win,.pro-tab-ti a.mac2{ width:100px; padding-left:55px; height:35px; line-height:35px; display:block;background:#fff url(../images/products/icon-win8.png) 10px 7px no-repeat; } .pro-tab-ti a.win:hover,.pro-tab-ti a.mac2:hover{ text-decoration:none;color:#3d3d3d;} .pro-tab-ti a.mac,.pro-tab-ti a.win2{width:90px; padding-left:65px; height:35px; line-height:35px; display:block;background:#25a7ff url(../images/products/icon-mac.png) 10px -70px no-repeat; color:#FFF;} .pro-tab-ti a.mac2{width:90px; padding-left:65px;background:#fff url(../images/products/icon-mac.png) 10px 10px no-repeat;} .pro-tab-ti a.win2{width:100px; padding-left:55px;background:#25a7ff url(../images/products/icon-win8.png) 10px -72px no-repeat;} .a-license{ font-size:14px; color:#fff; }.a-license:hover{ color:#fff;} .key-features{ overflow:hidden; padding:35px 0;} .ov-box-text{ width:500px;font-size:13px;} .key-features h3{ font-size:23px; margin:0 0 20px; line-height:26px;} .ov-box-text p{ margin-bottom:20px;} .ov-box-text ul{ margin:0px 0 0 10px;} .ov-box-text ul li{ padding:0 0 0px 10px; margin-bottom:15px; background:url(../images/icon/icon1.gif) left 8px no-repeat;line-height:22px;} .ov-box-text a{ color:#06F;} .ov-box-img{ width:420px;} .table_box{background-color:#d9d9d9; margin-bottom:20px;} .table_box td{ padding:5px 10px; background-color:#FFF;} .pro-b-evaluation{ padding:25px;} .pro-b-evaluation p{ text-align:center; font-size:23px; margin:0 0 20px; line-height:30px;}.pro-b-evaluation table{ font-size:14px; color:#2b2b2b;}.pro-b-evaluation table tr td p{ font-size:13px; text-align:left; line-height:20px; color:#6a6a6a;} .license_benefits3{ position:relative;width:121px; height:22px; float:left; margin-right:20px; display:block;color:#3d3d3d;} .license_benefits3 div{ display: none; width:470px; padding:15px; position: absolute;top:20px; right:-124px; background-color:#f7f7f7; font-size:12px;color:#666666; border:3px solid #e0e0e0; z-index:3;} .license_benefits3 div img{ margin-bottom:10px;} .license_benefits3:hover div{ display: block;} /** 产品系列页面 end **/ /** solution_store **/ /*table_solution_store*/ /*table*/ .title_demoSolution{background:#2a8abd;height:76px;line-height:76px;} .title_demoSolution p{padding:0px;font-size:28px;color:#fff;} .table_solution_store{border-collapse:collapse;border-spacing:0;max-width:100%;background-color:transparent;float:left;} .table_solution_store td,.table_solution_store th{background:#edf8fc;font-size:14px;padding:12px;border:2px solid #fff;text-align:center;vertical-align:middle;font-weight:bold;} .table_solution_store th.bg_gray{background:#f7f7f7 !important;} .table_solution_store td.alignLeft{text-align:left;} .table_solution_store td.alignRight{text-align:right;background:#f7f7f7;} .table_solution_store td{font-size:14px;position:relative;} .table_solution_store td h3{margin:0;} .table_solution_store td p{font-weight:normal;font-size:13px;width:340px;margin:0px;float:left;} .table_solution_store td .thisprice{float:right;font-weight:normal;} .table_solution_store td select{width:86px;height:30px;line-height:30px;font-size:13px;margin:5px 0;} .table_solution_store td .months,.table_solution_store td .computers{width:138px;} .table_solution_store td.allprice{font-weight:normal;color:#ff5706;} /*price*/ .price_solution_store{float:right;background:url(../images/bg-solution-price.jpg) no-repeat;width:236px;height:331px;text-align:center;} .price_solution_store_fixed{position:fixed;top:0px;float:none;} .price_solution_store .no1{margin:75px 0 12px 0;font-size:38px;color:#1d7eb1;} .price_solution_store .no2{margin:85px 0 0 0;font-size:20px;color:#1d7eb1;} .price_solution_store .no3{font-size:24px;margin:60px 0 14px 0;} .price_solution_store .no4{font-size:30px;color:#ff5400;} .price_solution_store .btn_pro_org{width:107px;padding-left:46px;} /*price->backup.html*/ .table_solution_price_all{width:735px;background:none;margin-bottom:10px; position:relative; height:66px;} .table_solution_price{width:726px;height:60px; padding:3px;background:#ffeacf;border-radius:5px;margin:0px;top:0px;z-index:999;} .table_solution_price li{float:left;line-height:60px; height:60px;text-align:center;} .table_solution_price li.no1{width:380px; background:#fff; font-size:19px;} .table_solution_price li.no2{width:210px; line-height:20px;} .table_solution_price li.no2 .total{display:inline-block; font-size:17px; font-weight:bold; padding-top:13px;} .table_solution_price li.no3{width:134px; line-height:42px; padding-top:8px;} .table_solution_price .this_buynow{font-size:20px; color:#fff; background:#ff8a00; width:122px; height:42px; display:inline-block; border-radius:4px; line-height:42px;} .table_solution_price font{color:#fe6d00;} .table_solution_price font.blue{color:#2e82ca;} /** solution_store end **/ .table_free { border-collapse: collapse; border-spacing: 0; max-width:100%;background-color: transparent;} .table_bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .table_bordered th, .table_bordered td { border-left: 1px solid #dddddd; vertical-align:middle;} .table_bordered thead:first-child tr:first-child th, .table_bordered tbody:first-child tr:first-child th, .table_bordered tbody:first-child tr:first-child td { border-top: 0; } .table_prolist tr th { background:none; text-align:center; font-weight:normal;} .table_prolist tr th.bg_blue { color:#fff;} .table_prolist tr td { vertical-align:middle; text-align:center;border: 1px solid #dddddd;} .table_prolist tr td.txt, .table_prolist tr th.txt { text-align:left;} .table_prolist tr td .width125{display:inline-block; text-align:left;} .table_prolist span.yes {background-color: #00A7D1;border: 1px solid #00A7D1;display: inline-block;width: 10px;height: 10px;text-align: center;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; text-indent:-9999px;} .table_prolist_fixed{position:fixed;top:0px;z-index:100;background:#fff;display:none;} .table_prolist_fixed table{margin:0px;width:1000px;} .table_prolist_fixed table th{overflow:hidden;font-variant:normal;border-left:1px solid #FFF;text-align:center;} .table_prolist_fixed .bg_blue{background:#0d86bd;} .table_prolist_fixed .bg_blue a{color:#fff;} /*epm 文章浮动条*/ .float_bar { position:fixed; top:0; background:#1e7fb6; height:60px; left:0; z-index:999; width:100%; display:none;} .float_bar p { float:left; margin-bottom:0; margin-right:30px;} .float_bar .txt { font-size:22px; color:#fff; line-height:60px;} .float_bar .price { font-size:20px; color:#ff9a00; font-weight:bold; line-height:60px;} .float_bar .price del { font-weight:normal; font-size:16px; color:#ddd;} .float_bar p a { margin-top:13px;} .float_bar .img { margin-right:0; margin-top:13px;} /*Tech Spec*/ .tech-spec { font-size:13px; padding:20px 0; } .tech-spec table{ text-align:left; margin:0 0 20px; background-color:#e5e5e5; } .tech-spec table caption{ text-align:left; font-size:15px; font-weight:bold; padding:10px; background-color:#f2f2f2;border: solid #ccc 1px;} .tech-spec table th,.tech-spec table td{ padding:6px 10px; background-color:#FFF;border: solid #ccc 1px;} .table_box_free{background-color:#d9d9d9; margin-bottom:20px; border: 1px solid #dddddd; font-size:13px;} .table_box_free td{ padding:5px 10px; background-color:#FFF; border: 1px solid #dddddd;} .table_box_free{background-color:#d9d9d9; margin-bottom:20px; border: 1px solid #dddddd;} .table_box_free th{ padding:5px 10px; background-color:#FFF; border: 1px solid #dddddd; text-align:center}