/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{font:400 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}


/*server-edition pro nav**/
.nav_banner{ margin-top:10px; padding-bottom:5px; border-bottom:1px solid rgba(255,255,255,0.3); z-index:9; position:relative;}
.nav_banner .nav_banner_os{ font-size:24px; font-weight:300; color:#fff;}
.nav_banner_os:after{ content:"\e804"; font-family:"iconfont"; vertical-align:middle; margin-left:10px;}
.nav_banner_os:hover,.os_all:hover{ text-decoration:none;}
.nav_banner ul li{ float:left; margin:8px 0 0 30px;}
.nav_banner ul li a{ color:#fff; font-size:14px;}
.wrap .banner_cont2 li a,.banner_cont2 .nav_banner_os{ color:#000;}
.banner_cont2 .nav_banner{ border-color:#e0e0e0;}

/*extender-editions pro nav***/
 
.pc_banner,.pc_fe_banner{ position:relative;}
.pc_banner_block{width:100%; height:584px; overflow:hidden; background-size:cover;}
.fun_nav{width:100%; position: absolute; left:0; transition:background 0.3s ease; -webkit-transition:background 0.3s ease; z-index:999;}
.fun_nav_an{background-color:#fff; background-color:rgba(255,255,255,0.92);} 
.fun_nav_block{margin:10px auto; overflow:hidden;}
.fun_nav_block>h2 a{font-size:24px; line-height:1.5; padding-bottom:10px; color:#000; font-weight:300;}
.fun_nav_block>h2 a:hover{text-decoration:none;}
.fun_nav_block>h2 a:after{font-family:"iconfont"; content:"\e804"; letter-spacing:5px; vertical-align:middle; margin-left:5px;}
.fun_nav_block .win_os a:after{ content:"\e804";}
.fun_nav_operation{
	width:390px;
}
.fun_nav_operation a{font-size:14px; line-height:2.8; float:left; height:20px; color:#000; margin:0 10px;}
.fun_nav_operation a span{width:19px; height:19px; float:left; margin:10px 5px 0 0;}
.nav_btn_explore span{background:url(../img/fun_nav_icon1.png) no-repeat;}
.nav_btn_try span{background:url(../img/fun_nav_icon2.png) no-repeat;}
.nav_btn_buy span{background:url(../img/fun_nav_icon3.png) no-repeat;}
.fun_nav_operation2 .nav_btn_explore span,.fun_nav_operation2 .nav_btn_try span,.fun_nav_operation2 .nav_btn_buy span{background-position:0 -20px;}
.fun_nav_an .fun_nav_operation2 .nav_btn_explore span,.fun_nav_an .fun_nav_operation2 .nav_btn_try span,.fun_nav_an .fun_nav_operation2 .nav_btn_buy span{background-position:0 0;}
.pc_banner .fun_nav_block>h2 a,.pc_banner .fun_nav_operation a{color:#fff;}
.pc_banner .fun_nav_an .fun_nav_block>h2 a,.pc_banner .fun_nav_an .fun_nav_operation a{color:#000;}
.pc_banner .fun_nav .fun_nav_line{border-bottom:1px solid #6f96c4;}
.pc_banner .fun_nav_line,.pc_fe_banner .fun_nav_line{border-bottom:1px solid #e0e0e0;}
.fun_nav_cont{clear:both; height:0; overflow:hidden; position:relative; transform:translateY(-20px); -webkit-transform:translateY(-20px); transition:transform 0.3s ease, height 0.3s ease; -webkit-transition:transform 0.3s ease, height 0.3s ease;}
.fun_nav_cont_an{transform:translateY(0); -webkit-transform:translfeY(0); height:295px; opacity:1;}
.fun_nav_cont>a{width:180px; float:left; text-align:center; font-size:14px; line-height:1.6; color:#000; margin:10px 7px 20px 7px; overflow:hidden;}
.fun_nav_cont_an a img,.fun_nav_cont_an a span{transform:scale(1); -webkit-transform:scale(1);}
.fun_nav_cont a span{width:180px; height:90px; display:block; background-color:#000; position:absolute; z-index:-1; overflow:hidden; opacity:0;}
.fun_nav_cont a:hover span{opacity:1;}
.fun_nav_cont a:hover img{opacity:0.5;}
 
/*guide style**/
.guide_banner>p{ line-height:1.875;}
.guide_cont_block{border-top:1px solid #e5e5e5;}
.guide_cont_block ul{ display:none;}
.guide_cont_block h2{ font-size:22px; padding:40px 0 20px 0; cursor:pointer;}
.guide_cont_block h2:after,.guide_cont_block1 h3:after{ content:"\e802"; font-family:"iconfont"; font-size:28px; color:#c7c7c7; transform:rotate(90deg); -webkit-transform:rotate(90deg); float:right; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.guide_cont .guide_list_sel h2:after,.guide_cont_block1 h3:after{ color:#7c7c7c; transform:rotate(270deg); -webkit-transform:rotate(270deg);}
.guide_cont li{ background: url(../img/dt_article_flat.png) 25px 25px no-repeat;  padding:25px 0 25px 75px;}
.guide_cont li a{ color:#2590e0; font-size:16px;} 
.guide_cont li p{ color:#666; line-height:22px; font-size:14px;} 
.guide_cont li:hover{ background-color:#e9f4f9;}
.guide_recommend{ margin:40px auto;}
.guide_recommend ul li{ width:360px; float:left; color:#ccc; list-style: disc; font-size:14px; margin:0 90px 0 30px;}
.guide_recommend ul li a{ font-size:14px; line-height:2;}
.guide_recommend_cont:after{ content:""; width:1px; height:100%; display:block; position:absolute; top:0; left:420px; border-left:1px solid #e0e0e0;} 
.guide_cont_block1{margin-left:25px; display:none;}
.guide_cont_block1 h3{font-size:22px; cursor:pointer; padding:20px 0;}
.guide_cont_block2 ul{display:none;}

/*specs style**/
.specs_block h2{ font-size:24px; font-weight:300; margin:20px auto; border-top:1px solid
 #e5e5e5; padding-top:30px;}
.specs_block .specs_block_system{ border:none; margin-top:0;}
.specs_mac{ border-left:1px solid #e5e5e5; padding-left:60px; margin-left:60px;}
.specs_os li{ padding-left:20px; font-size:14px; line-height:2; background: no-repeat left 12px;}
.spces_language li{ width:170px; float:left; font-size:14px; margin:9px 7px;}
.spces_language li img{ vertical-align:middle; margin-right:10px;}
.specs_update_cont:before{ content: url(../img/specs_arrow.png); position:absolute; top:-12px; left:57px;}
.specs_update_cont:after{content:""; width:1px; height:100%; display:block; position:absolute; top:0; left:60px; border-left:1px solid #21b0eb;}
.specs_update_time{ width:36px; position:relative; margin-top:20px; font-size:14px; color:#000;}
.specs_update_time:after{ content:""; width:7px; height:7px; display:block; border-radius:7px; background-color:#21b0eb; position:absolute; top:16px; left:57px;}
.specs_update_cont ul{ width:850px; margin:0 0 40px 65px;}
.specs_update_cont ul b{ font-size:16px; color:#000;}
.specs_update_cont li{ list-style:decimal; font-size:14px; line-height:2; margin-left:20px;}
.specs_update_cont .specs_update_block_old ul{ margin-bottom:0;}
.specs_update_block_old ul:after{content:""; width:7px; height:7px; display:block; border-radius:7px; background-color:#21b0eb; position:absolute; bottom:0; left:57px;}