@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; -webkit-text-size-adjust:none;} 
table { border-collapse: collapse; border-spacing: 0; max-width:100%;background-color: transparent;} 
fieldset,img { border: 0; } 
address,caption,cite,code,dfn,em,th,var { font-weight: normal; font-style: normal; } 
ol,ul { list-style: none; margin-bottom:15px;} 
caption,th { text-align: left; } 
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; } 
h1 { font-size:36px; margin-bottom:20px;}
h2 { font-size:24px; margin-bottom:10px;}
h3 { font-size:15px; margin-bottom:15px; font-weight:bold;}
q:before,q:after { content:''; } 
abbr,acronym { border: 0; }
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
a{ text-decoration:none;color:#247cc4;}
a:hover{text-decoration:underline;color:#247cc4;}
a.white_a, a.white_a:hover  { color:#FFF;}
img{ vertical-align:middle; border:none; padding-bottom:10px;}
p { margin: 0 0 15px;}
hr { background:#ddd; color:#ddd; border:1px solid #ddd; border-bottom:none; margin:30px 0; clear:both;}
body{
	color:#434a53;
	background:#fff;
	line-height:1.3em;
	min-width:1020px;
	font-family: "OpenSans", "Arial",sans-serif;
	font-size: 14px;
}

input[type='text'],textarea,input[type='submit']{-webkit-appearance: none;font-family:"OpenSans", "Arial",sans-serif; outline:none; color:#666; vertical-align:top; font-size:14px; line-height:1.2em;}
input[type='checkbox']{vertical-align:text-top; vertical-align:baseline\9;}
select{font-family:"OpenSans", "Arial",sans-serif;}
select:focus{ outline:none; }

/**
base
**/
.wrap { overflow:hidden; position:relative; margin:0 auto;}
.cleanBoth { clear:both;}
.clearfix:after {content: ".";display: block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
*:first-child+html .clearfix{zoom: 1;}
.clearfix{display:block;}
.clear{clear:both; height:0px; overflow:hidden; line-height:0px;}
.hidden{display:none;}
.fl{float:left;}
.fr{float:right !important;}
.span20 { width:1000px;}
.span19 { width:949px;}
.span18 { width:898px;}
.span17 { width:847px;}
.span16 { width:796px;}
.span15 { width:745px;}
.span14 { width:694px;}
.span13 { width:643px;}
.span12 { width:592px;}
.span11 { width:541px;}
.span10 { width:490px;}
.span9 { width:439px;}
.span8 { width:388px;}
.span7 { width:337px;}
.span6 { width:286px;}
.span5 { width:235px;}
.span4 { width:184px;}
.span3 { width:133px;}
.span2 { width:82px;}
.span1 { width:31px;}

.offset1 { margin-left:51px;}
.offset2 { margin-left:102px;}
.offset3 { margin-left:153px;}
.offset4 { margin-left:204px;}
.offset5 { margin-left:255px;}
.offset6 { margin-left:306px;}
.offset7 { margin-left:357px;}
.offset8 { margin-left:408px;}
.offset9 { margin-left:459px;}
.offset10 { margin-left:510px;}
.offset11 { margin-left:561px;}
.offset12 { margin-left:612px;}
.offset13 { margin-left:663px;}
.offset14 { margin-left:714px;}
.offset15 { margin-left:765px;}
.offset16 { margin-left:816px;}
.offset17 { margin-left:867px;}
.offset18 { margin-left:918px;}
.offset19 { margin-left:969px;}



/*form 表单*/
form {  margin: 0 0 20px;}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

input,
textarea,
.uneditable_input {
  width: 206px;
}




/*border*/
.onBor { border:none !important;}
.on_tBor { border-top:none !important;;}
.on_bBor { border-top:none;}
.on_lBor { border-top:none;}
.on_rBor { border-top:none;}


/**
font
**/
.bold { font-weight:bold;}
.onbold { font-weight:normal;}
.italic { font-style:italic;}


/*font size*/
.font11 { font-size:11px;}
.font12 { font-size:12px;}
.font13 { font-size:13px!important;}
.font14 { font-size:14px!important;}
.font15 { font-size:15px;}
.font16 { font-size:16px;}
.font17 { font-size:17px;}
.font18 { font-size:18px !important;}
.font19 { font-size:19px;}
.font20 { font-size:20px;}
.font24 { font-size:24px;}
.font26 { font-size:26px;}
.font28 { font-size:28px !important;}
.font30 { font-size:30px;}
.font36 { font-size:36px;}

/*padding margin*/
.pad15 { padding:15px;}
.padT5 { padding-top:5px;}
.padT10 { padding-top:10px;}
.padT15 { padding-top:15px!important;}
.padT20 { padding-top:20px !important;}
.padT30 { padding-top:30px !important;}
.padT40 {padding-top:40px;}
.padL10 { padding-left:10px;}
.padL15 { padding-left:15px;}
.padL20 { padding-left:20px;}
.padL30 {padding-left:30px;}
.padL60 {padding-left:60px;}
.padR10 { padding-right:10px;}
.padR15 { padding-right:15px;}
.padR20 { padding-right:20px;}
.padD0 { padding-bottom:0 !important;}
.padD10 { padding-bottom:10px;}
.padD15 { padding-bottom:15px !important;}
.padD20 { padding-bottom:20px;}

.marT10 { margin-top:10px;}
.marT15 { margin-top:15px;}
.marT20 { margin-top:20px !important;}
.marT30 { margin-top:30px;}
.marT35 { margin-top:35px;}
.marT40 { margin-top:40px;}
.marT50 { margin-top:50px;}
.marT60 { margin-top:60px;}
.marT70 { margin-top:70px;}
.marT80 { margin-top:80px;}
.marL10 { margin-left:10px;}
.marL15 { margin-left:15px !important;}
.marL20 { margin-left:20px !important;}
.marL35 {margin-left:35px;}
.marL40 {margin-left:40px !important;}
.marL90 {margin-left:90px;}
.marL95 {margin-left:95px;}
.marL330 {margin-left:330px;}
.marL320 {margin-left:320px;}
.marL310 {margin-left:310px;}
.marR0 { margin-right:0 !important;}
.marR5 { margin-right:5px;}
.marR10 { margin-right:10px;}
.marR15 { margin-right:15px;}
.marR17 { margin-right:17px !important;}
.marR20 { margin-right:20px !important;}
.marR25 { margin-right:25px;}
.marR30 { margin-right:30px;}
.marR35 { margin-right:35px;}
.marR60 { margin-right:60px;}
.marR175 { margin-right:175px;}
.marR360 { margin-right:360px !important;}
.marR370 { margin-right:370px !important;}
.marD0 { margin-bottom:0 !important;}
.marD5 { margin-bottom:5px !important;}
.marD7 { margin-bottom:7px !important;}
.marD10 { margin-bottom:10px !important;}
.marD15 { margin-bottom:15px;}
.marD20 { margin-bottom:20px !important;}
.marD25 { margin-bottom:25px;}
.marD30 {margin-bottom:30px;}
.marD40 {margin-bottom:40px;}
.marLRauto { margin-left:auto; margin-right:auto;}
/**
button
**/
.org_b { background-color:#ff7244;}
.green_b {background-color:#25a7ff;}
.blue_b { background-color:#3298d8;}
/*产品分类页面 基础按钮*/
.btn {display:inline-block; height:35px; line-height:35px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; text-align:center; color:#FFF; width:134px; font-size:15px;}
.btn.hidden{display:none;}
.btn:hover { color:#FFF; text-decoration:none;}
.btn_big { width:185px; height:56px; font-size:20px; line-height:56px;}
.btn_down_win, .btn_down_mac {background:#81b700 url(images/ioc-btn.png) no-repeat 17px -926px;width:104px; padding-left:30px;}
.btn_down_mac { background-position:17px -1008px}
.btn_down_small { width:67px; height:27px; line-height:27px; font-size:13px;}
.btn_down_win.btn_down_small { background-position:10px -930px;}
.btn_down_mac.btn_down_small {background-position:10px -1012px;}

.btn_buy { background:#ff9a00 url(images/ioc-btn.png) no-repeat 17px -1097px; width:104px; padding-left:30px;}
.btn_download { background:#81b700 url(images/ioc-btn.png) no-repeat 17px -1183px; width:104px; padding-left:30px;}
.btn_download_big { width:280px; background-position:106px -1181px; height:40px; line-height:39px;}

/*推荐模块的小按钮*/
.btn_s { width:auto; height:29px; line-height:29px; padding:0 18px; font-size:13px;}

/*购买、下载页面 有icon的按钮*/
.btn_org, .btn_green{ height:30px; line-height:30px; display:inline-block; color:#FFF; background:#fe9901; border:1px solid #fe9901; width:70px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding-left:32px; text-align:center; position:relative;}
.btn_green{ background:#25a7ff;border:1px solid #25a7ff;}
.btn_org:hover, .btn_green:hover { color:#FFF; text-decoration:none;}
.btn_org span, .btn_green span {display: inline-block;position: absolute; left:0; top:0; width:32px; height:100%; -webkit-border-radius:2px 0 0 2px; border-radius:2px 0 0 2px; -moz-border-radius:2px 0 0 2px;}

.btn_org.win span { background:#FFF url(images/ioc-btn.png) no-repeat 5px -40px;}
.btn_org.mac span { background:#FFF url(images/ioc-btn.png) no-repeat -39px -38px;}

.btn_green.win span { background:#FFF url(images/ioc-btn.png) no-repeat 5px -83px;}
.btn_green.mac span { background:#FFF url(images/ioc-btn.png) no-repeat -39px -81px;}

/*产品系列页面的按钮*/
.btn_pro_green, .btn_pro_org { height:46px; display: inline-block; position:relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; color:#FFF; width:135px; padding:10px 0 0 65px; font-size:16px;
font-weight:bold; background:#81b700;}
.btn_pro_org {background:#ff9a00;}
.btn_pro_green:hover, .btn_pro_org:hover { color:#FFF; text-decoration:none;}
.btn_pro_green .ico, .btn_pro_org .ico {display: inline-block; position: absolute; left:0; top:0; width:53px; height:100%;border-right:1px solid #64a803;}
.btn_pro_org .ico {border-right:1px solid #e27810;background: url(images/ioc-btn.png) no-repeat -100px -130px;}
.btn_pro_org.up .ico {background:url(images/ioc-btn.png) no-repeat 13px -584px;}
.btn_pro_green.mac .ico, .btn_pro_org.mac .ico{background: url(images/ioc-btn.png) no-repeat -43px -127px;}
.btn_pro_green.win .ico,.btn_pro_org.win .ico {background: url(images/ioc-btn.png) no-repeat 10px -130px;}

.btn_pro_org .title {display:block;}
.btn_pro_org .price { font-size:13px; font-weight:normal;}

/*浮动条上的按钮*/
.btn_float { padding-top:0; height:43px; line-height:43px;}
.btn_float.win .ico, .btn_float.mac .ico, .btn_float.buy .ico { background: url(images/ioc-btn.png) no-repeat 10px -200px; width:45px;}
.btn_float.mac .ico { background: url(images/ioc-btn.png) no-repeat -45px -199px;}
.btn_float.buy .ico { background: url(images/ioc-btn.png) no-repeat -100px -199px;}

.btn_float_buy {  padding-top:0; height:43px; line-height:43px; padding-left:135px; text-align:center; width:113px;}
.btn_float_buy .title { border-right:1px solid #e27810; text-align:center; display: inline-block; position: absolute; left:45px; top:0; width:90px; height:100%;}
.btn_float_buy .price { font-size:16px;}
.btn_float_buy .ico { background: url(images/ioc-btn.png) no-repeat -100px -199px; width:45px;}

/*bundle 的大按钮*/
.btn_b{ line-height:56px; font-size:24px; height:56px; padding-top:0;}

/*升级页面的按钮*/
.btn_up { width:160px; height:50px; padding-left:45px; line-height:50px; font-size:18px; font-weight:bold;}
.btn_up.org_b {background:#ff7244 url(images/ioc-btn.png) no-repeat 15px -586px;}
.btn_up.blue_b {background:#3298d8 url(images/ioc-btn.png) no-repeat 15px -680px;}
.btn_up_big { width:209px; height:70px; padding:7px 0 0 95px; background:#ff9a00 url(images/ioc-btn.png) no-repeat 15px -790px; font-size:26px; font-weight:bold; text-align:left; line-height:28px;}

/*width*/
.width65 { width:65px !important;}
.width95 { width:95px !important;}
.width100 { width:100px !important;}
.width110 { width:110px !important;}
.width125 { width:125px !important;}
.width103 { width:103px !important;}
.width187 { width:187px !important;}
.width226 { width:226px !important;}
.width240 { width:240px !important;}
.width260 { width:260px !important;}
.width280 { width:280px !important;}
.width310 { width:310px !important;}
.width320 { width:320px !important;}
.width350 { width:350px !important;}
.width400 { width:400px !important;}
.width460 {width:460px;}
.width530 {width:530px !important;}
.width600 {width:600px !important;}
.width670 {width:670px !important;}
.width730 {width:730px !important;}
.width1050 { width:1050px !important;}
.width1080 { width:1080px !important;}
.width1090 { width:1090px !important;}
.width1100 { width:1100px !important;}
.width1110 { width:1110px !important;}
.width1150 { width:1150px !important;}
/*height*/
.height108 { height:108px !important;}
.height120 { height:120px !important;}
.height220 { height:220px !important;}
.height240 { height:240px !important;}
.height266 { height:266px !important;}
.height290 { height:290px !important;}
.height294 { height:294px !important;}
.height300 { height:300px !important;}
.height312 { height:312px !important;}
.height340 { height:340px !important;}
.height370 { height:370px !important;}




.articleSwap{ width:222px; overflow:hidden; position:relative;}
.articleSwap ul { float:left; width:1110px; position:relative; overflow:hidden; margin:0;}
.articleSwap ul li{ float:left; position:relative; left:-10px; padding-left:10px; width:222px; overflow:hidden; display:block; margin:0; padding:0; background:none;}
.articleSwap p{background:url(/resource/images/arrow.png) no-repeat -146px 6px; padding:5px 0 5px 20px; margin:0;}
.swapContr { float:right; width:100px; height:6px; margin:0 10px 0 0; padding:10px 0 15px 0; clear:both;}
.swapContr li { width:20px; height:6px; background:#dcdcdc; cursor:pointer; display:block; float:left; margin:0 5px 0 0; list-style:none; padding:0; overflow:hidden;}

.swapContr li.current { background-color:#2e98ca;}/*星星*/


/*tab 样式*/
    /*普通*/


	/*分享rightsidebar*/
.float_share{position:fixed;z-index:999; right:20px; top:46%; margin-top:-127px;_position:absolute;}
.float_share span,.float_share a{display:block;width:36px;height:36px;background-image:url(/images/en/bg_share.png);background-repeat:no-repeat;margin:18px 4px;cursor:pointer;}
.share_facebook{background-position:0px 0px;}
.share_facebook:hover{background-position:-40px 0px;}
.share_twitter{background-position:0px -40px;}
.share_twitter:hover{background-position:-40px -40px;}
.share_google{background-position:0px -80px;}
.share_google:hover{background-position:-40px -80px;}
.share_mail{background-position:0px -118px;}
.share_mail:hover{background-position:-40px -118px;}