@charset "utf-8";
/*
 *edit by sumei
 *2013-9-18
 */
/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,select,p,blockquote,th,td{margin:0;padding:0;}
body,button,input,select,textarea{color:#5f5f5f;font:12px/1.5 \5b8b\4f53,arial;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
em{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
:focus{outline:0;}
legend{display:none;}
table { border-collapse: collapse; border-spacing: 0;}

/* base ---------------------------------------------------*/
/* postion */
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.vm{vertical-align:middle;}
.ov{overflow:hidden;}
.pr{position:relative;}
.pa{position:absolute;}
.ps{position:static;}
.zoom{*zoom:1;}
.none{display:none;}
.block{display:block;}
.in-block{display:inline-block;}

/* margin */
.mt5 {margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb5 {margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.ml5 {margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mr5 {margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

/* padding */
.pt5 {padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pb5 {padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pl5 {padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pr5 {padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}

/* clear float */
.clearfix:before,
.clearfix:after{content:".";display:block;height:0;visibility:hidden;font-size:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}/* IE < 8 */

/* color */
a{color:#222;text-decoration:none;color:#4182A8;cursor:pointer;}
a:hover{color:#c00;text-decoration:underline;}
a:active{outline:none;}
.color-blue{color:#008AFF;}

/* font */
.fb{font-weight:bold;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f18{font-size:18px;}
.f26{font-size:26px;}
.lh180{line-height:1.8;}
.lh200{line-height:2.0;}

.yahei{ font-family:\5fae\8f6f\96c5\9ed1,\5b8b\4f53;}
.arial{ font-family:arial;}
.grey9 { color: #999;}


html{overflow-y:scroll;}/*解决ie8,chrome,firefox等浏览器页面高度不足一屏时抖动问题*/

/* top：页面顶部 ---------------*/
.g-1000 { width: 1000px; margin: 0 auto;}

/* #top ---------------*/
#top{background:#333;}
#top-inner{width:1000px;height:34px;margin:0 auto; line-height:34px; font-family:\5fae\8f6f\96c5\9ed1,\5b8b\4f53;}
.site-logo{float:left;}
.quick-menu{float:left;padding-left:10px; font-size: 14px;}
.quick-menu li{ float:left;}
.quick-menu a{ padding:0 12px;color:#eee;}
.quick-menu a:hover{ text-decoration:none; color:#fff;}
.login-info{ float:right; color:#999;}
.login{ float:right;}
.login li{ float:left;}
.login-info a{color:#eee;}
.login-info a:hover{color:#82d6ef;}
#userFace{float:left;width:16px;height:16px;margin:2px 5px 0 0;border:1px solid #d8d8d8;}
.mail-icon{float:left;margin-top:5px;margin-left:5px;}
.mail-num{color:#c00;}
.my-center, .my-stow{padding:0 10px 0 11px;}

/*12.13top修改*/
.notice{ float:right; padding-left:24px; margin-right:20px; color:#fff;background:url(../images/notice.png) no-repeat;}
.my-info{ float:right; position:relative; z-index:100;}
.u-info{ float:left;}
.u-info img{ float:left; margin-right:8px; margin-top: 7px; width:20px; height:20px;}
.drop-icon{ *float:left; *margin-top:4px; padding-right:16px; background:url(../images/arrow.png) no-repeat 5px 1px;}
.top-dropdown:hover .drop-icon{ background-position:5px -43px;}
.top-dropdown-menu{ position:absolute; right:0; top:-9999px; width:130px; padding:9px 0; background:#333; z-index:100;
	box-shadow:2px 2px 3px #999;	}
.top-dropdown-menu a { font-size:14px; display: block; padding: 3px 20px; clear: both; font-weight: normal; 
	line-height: 20px; color: #ccc; white-space: nowrap;}
.top-dropdown-menu a:hover{ color:#fff; text-decoration:none; background:#999; }

.A-new,.article-type-ico,.article-down { background: url(../images/Altera-img.png) no-repeat;}
/*header*/
.header { margin-top: 15px;}
.logo-img { margin-top: 20px;}
#TopLeaderboard { width: 650px; height: 90px; overflow: hidden;}

.nav { height: 41px; background-color: #4083A9; margin-top: 25px; border-radius: 3px;}
.nav-list { margin-left: 10px;}
.nav-list li { float: left; margin-left: 1px;}
.nav-list li a { display: inline-block; color: #fff; font-size: 14px; line-height: 41px; padding: 0 20px;}
.nav-list li a.cur,.nav-list li a:hover { background-color: #72BAE1; text-decoration: none;}
.A-new { line-height: 41px; width: 270px; background-position: -79px -47px; padding-left: 25px; margin-top: 12px;}
.new-list { position: relative; height: 18px; overflow: hidden;}
.new-list li { line-height: 18px;}
.A-new a { color: #E0E0E0;}

.content { padding-bottom: 50px;  }
.A-main { margin-top: 30px;}
.A-main .col-main { width: 660px; float: left;}
.screen-btn { display: inline-block; background-color: #D8D8D8; padding: 0 20px; height: 40px; line-height: 40px; 
	color: #535353; border-radius: 3px; 1margin-right: 3px;}
.screen-btn:hover { text-decoration: none;}
.screen-btn-on { background-color: #333; color: #fff;}

.article-list-item { border-bottom: 1px dashed #E4E4E4; padding: 15px 0 15px 30px;font-family:\5fae\8f6f\96c5\9ed1,\5b8b\4f53; }
.article-title { font-size: 20px; margin-left: -26px; margin-top:15px;}
.article-title a { color: #000;}
.article-type-ico { display: inline-block; width: 16px; height: 20px; margin-right: 10px; }
.article-type-ico1 { background-position: -38px -44px;}
.article-type-ico2 { background-position: 0 -44px;}
.article-info { height: 27px; line-height: 27px; margin-top: 5px;}
/*.article-down { display: inline-block; width: 91px; height: 27px; overflow: hidden; text-indent: -999em;vertical-align: middle; cursor: pointer; }*/
.article-down { display: inline-block; width: 140px; height: 40px; overflow: hidden; text-indent: -999em;vertical-align: middle; cursor: pointer; }
.dianxinDown { display: block; width: 91px; height: 27px;}

.article-content { font-size: 14px; line-height: 26px; color: #666; margin-top: 5px;}


/*col-sub*/
.col-sub { width: 300px; float: right; font-family:\5fae\8f6f\96c5\9ed1}
.hd-wrap { border-bottom: 1px solid #D8D8D8;}
.hd-wrap h2 { display: inline-block; *display: inline; border-bottom: 1px solid #72BAE1; margin-bottom: -1px; font-size: 20px; color: #000;}
.hd-wrap a { line-height: 30px;}
.bd-wrap { margin-top: 10px;}
.bg-y { background-color: #FFFFE9; border: 1px dashed #E4E4E4; border-radius: 5px; color: #666;  padding: 10px; line-height: 24px; font-size: 13px;}
.old-a-title { line-height: 34px; font-size: 14px;}
.old-a-discuss { color: #ccc; }
.old-a-discuss a { color: #333;}
.old-a-discuss a:hover { color: #c00;}
.discuss-btn { display: inline-block; background-color: #72BAE1; padding: 10px 25px; font-size: 14px; color: #fff; 
	border-radius: 3px; cursor: pointer;}
.discuss-btn:hover { color: #fff; text-decoration: none;}
.video-title { font-size: 14px;}
.video-list-t { margin-top: 10px;}
.video-list-t li { background: url(../images/list-ico.png) no-repeat 0 2px; padding-left: 20px; margin-top: 8px;}
.video-list-t li a { color: #666; }
.bg-blue { background-color: #F0F3F5; padding: 20px; line-height: 24px; font-size: 13px; margin-top: 30px;}
.bg-blue h2 { font-size: 20px; color: #000;}

/* 分页 -----------------------------------------------*/
.pagn{padding:30px 0; text-align: center;}	
.page-num,.page-cur,.pageBreak,.page-prev,.page-next{ display:inline-block; margin-right: 5px; padding:0 15px; height: 32px; line-height: 32px;
	overflow:hidden;*zoom:1; border:1px solid #d8d8d8; background:#fff; color:#3E3E3E;  font-family:\5fae\8f6f\96c5\9ed1,\5b8b\4f53; font-size: 14px; 
	text-align:center;border-radius:2px;}
.pageBreak{display:inline-block;border:0;margin-right:5px;*zoom:1;}
.page-num:hover,
.page-cur,
.page-prev:hover,
.page-next:hover{ background:#92CCDD; border-color:#92CCDD;color:#fff; text-decoration:none;}
.page-prev,.page-next{font-size:14px;line-height:26px\9;width:60px;vertical-align:top;}
.page-prev.noLink,.page-prev.noLink:hover{color:#999;background:#fff;cursor:text;}

/*百度分享*/
#bdshare { line-height: 32px; font-size: 14px;}
span.bds_more,.bds_tools a { background-image: url(../images/is.png) !important;  width: 32px!important; height: 32px!important; padding: 0!important; margin-left: 5px;}
.bds_tools a.bds_qzone { background-position: 0 0!important; }
.bds_tools a.bds_tsina { background-position: 0 -36px!important;}
.bds_tools a.bds_tqq {background-position: 0 -72px!important;}
.bds_tools a.bds_renren {background-position: 0 -109px!important;}
.bds_tools a.bds_t163 {background-position: 0 -145px!important;}
span.bds_more { background-position: 0 -181px!important; }

/*文章详细页*/
.article-detail { padding-left: 30px; font-family:\5fae\8f6f\96c5\9ed1;}
/*.article-detail .article-down { padding:6px 10px; background-color: #FAE9DA; border-radius: 3px; background-position: 10px 6px;}*/
.article-detail .article-down { padding:6px 10px; border-radius: 3px; background-image: url(/company/altera/images/download-bt.png);}
.article-detail .article-content { margin-top: 20px;}
.video-p { border: 1px solid #D8D8D8; height: 800px; padding: 30px; margin-top: 8px; }
.v-title { font-size: 14px; color:#2A78B4; margin-top: 20px;}
.video-p .bx-pager { position: absolute; top: -55px; right: -30px; }
.video-p .pager-link { display: inline-block; width: 8px; height: 8px; overflow: hidden; text-indent: 10px;
margin-left: 10px; background-color: #666; border-radius: 50%; cursor: pointer;}
.video-p .pager-link.pager-active { background-color: #2A78B4; }

/*技术视频*/
.video-box { position: relative; width: 300px; height: 270px; overflow: hidden; }
.video-box img { display: block;}
.trans-mask { display: block; width: 100%; height: 230px; position:absolute; top: 0; left: 0; z-index: 1;
	background-color: rgba(0,0,0,.6);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');}
.video-ico { display: block; width: 48px; height: 48px; position: absolute; top:91px; left: 126px; z-index: 2;}
.video-list { width: 680px; margin-top: -15px; }
.video-list .video-box { float: left; margin-right: 40px; margin-top: 15px; }
.video-box-title { line-height: 40px; font-family:\5fae\8f6f\96c5\9ed1; font-size: 14px;}

/* 对话框样式 -----------------------------------------------*/
.dialog{width:100%;height:100%; overflow:hidden; background:#fff; font-family:\5fae\8f6f\96c5\9ed1; border-radius: 5px;}
/*hd*/
.dialog-hd { height:40px; overflow:hidden; border-bottom:1px solid #e9f3f7; color:#000; font-size:14px;
	line-height:40px; text-indent:10px; }
.close-dialog{ position:absolute; top:0px; right:17px; width:22px; height:24px; color:#fff; font:bold 14px/28px arial;
	text-align:center; cursor:pointer; background-color: #000;}
.close-dialog:hover{ background:#000; color:#fff;}

.blockOverlay { z-index: 1000; border: none; margin: 0px; padding: 0px; width: 100%; height: 100%; top: 0px; 
	left: 0px; cursor: pointer; position: fixed; _position: absolute; background-color: rgb(17, 17, 17); opacity: 0.3; 
	filter:opacity:0.3; filter:alpha(opacity=30)\9;}
.blockMsg { z-index: 1011; position: fixed; _position: absolute; top: 50%; left: 50%; border-radius: 3px;background-color: #fff; font-size: 14px; color: #333;}
.blockinfo {  width: 550px; height: 650px; margin-top: -325px; margin-left: -275px; }
.info-form { padding-left: 30px; }
.form-item li { margin-top: 10px;}
.form-item li input.text-input { width: 250px; line-height: 14px; border: 1px solid #E0E0E0; border-top-color: #C4C4C4; border-radius: 2px; padding: 5px; height: 18px;}
.form-item li label .no-null { color: #f00; margin-right: 3px;}
.form-item li select { border: 1px solid #C4C4C4; padding: 5px; width: 120px;} 
#city { margin-left:10px;}
.tip { float: left; background: #ffeded; color: #f00; margin-top: 7px; line-height: 30px; margin-left: 10px; text-indent: 1em;}
#address { width: 360px; margin-left: 84px; margin-top: 6px; }
.radio-li { margin-left: 84px;}
.radio-li span { margin-right: 28px;}
.info-form li.radio-li label { display: inline; width: auto; text-align: right;}
.radio-li span input{ margin-right: 3px;}
.info-form li label { display: inline-block; width: 80px; text-align: right;}
.form-item li input.from-submit { margin-left: 84px; background-color: #72BAE1; border: none; padding: 0; float: left;
	height: 42px; width: 102px; color: #fff; font-size: 14px; font-family:\5fae\8f6f\96c5\9ed1; border-radius: 3px;}

/*对话框表单提交成功提示*/
.success-tip{ padding:40px 30px 10px 130px; background:url(../images/tip-img.png) no-repeat 50px -55px;}
.tip-title{ margin-left:-3px;color:#000;font-size:26px; font-weight:bold;}
.tip-content{color:#666;font-size:12px;}

/*登录窗口 -----------------------------------------------*/
/*loading*/
.btn-area{ margin-top: 10px; margin-left: 56px;}
.loading{display:none;float:left;position:relative; margin-top: 7px; margin-left: -25px;}
.loading img{display:block;width:16px;height:16px;}
/*表单*/
.login-form{ margin:40px 0 0 40px; font-size: 14px; color: #414141; }
.login-label { display: inline-block; width: 56px; text-align: right; vertical-align: middle; float: left; line-height: 37px;}
.login-form-item{width:100%;height:65px;}
.login-input{ width: 273px; height: 20px; padding: 5px; border: 1px solid #D3D3D3; border-radius: 3px; }
.login-input:focus{border-color:#4aabff;}
/*表单提示*/
.login-form-tip { font-size: 12px; margin-left: 58px; margin-top: 2px; color: #666;}
.login-submit { width: 67px; height: 37px; line-height: 37px; text-align: center; border: none; color: #fff; 
	font-size: 14px; cursor: pointer; background-color: #72BAE1; border-radius: 3px; font-family:\5fae\8f6f\96c5\9ed1;}
.btn-hasLoading-wrap { margin-left: 58px;}

/*微信------------------------*/
#pfwx { position: fixed; top: 200px; left: 1220px; display: none;}

/*脚部==================================*/
#footer { background-color: #FAFAFA; padding-top: 20px; padding-bottom: 30px; border-top: 1px solid #4083A9;}
.footer { width: 1000px; margin:0 auto ; text-align: center; font-size: 13px; line-height: 24px; }
.foot-link { color: #ccc;}
.footer a { color: #666;}
.small-wx { display: none;}
.lp_separate {
	color: #AAAAAA;
    margin: 0 2px;
}
.lp-content-title {
	color: #000000;
    font: 14px "微软雅黑",arial;
    letter-spacing: 0.1em;
    padding-bottom: 10px;
}
.lp-content-inner {
	border:1px solid #d7d7d7;
	padding:20px 25px;
}