/*@charset "gb2312";*/
/**
 * ============================================================================
 * 版权所有: ThinkCSS
 * 网站地址: http://code.google.com/p/thinkcss/
 * ----------------------------------------------------------------------------
 * $codex 1. id和class命名采用该版块的英文单词或组合命名，并第一个单词小写，第二个单词首个字母大写，如:thinkCss（最新产品/think+Css)
 * $codex 2. CSS样式表各区块用注释说明
 * $codex 3. 尽量使用英文命名原则
 * $codex 4. 尽量不加中杠和下划线
 * $codex 5. 尽量不缩写，除非一看就明白的单词
 * $Author: tomcat 
 * $mailto: <thinkcss@p2h.cn>
 * $hack :ie 6 _  \ ie7 *+ \  ie6,ie7 *  \  ie7,firefox !important ie9, \9
*/

/**
 +------------------------------------------------------------------------------
 * 网站样式重写
 
 */
@font-face {
    font-family: 'pf_square_sans_pro_lightRg';
    src: url('../fonts/pfsquaresanspro-light-webfont.eot');
    src: url('../fonts/pfsquaresanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfsquaresanspro-light-webfont.woff') format('woff'),
         url('../fonts/pfsquaresanspro-light-webfont.ttf') format('truetype'),
         url('../fonts/pfsquaresanspro-light-webfont.svg#pf_square_sans_pro_lightRg') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
 body{ color:#000000; font-family:'pf_square_sans_pro_lightRg',Verdana, Arial, Helvetica, sans-serif; min-width:980px;}
 * {}
a{outline:none; text-decoration:none; } 
a:hover{ text-decoration: none;}
html{zoom:1; margin:0px; padding:0px;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px; margin:0px; padding:0px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
img {
  border: 0 none;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic; 
}
img, object { max-width: 100%;}
/**
 +------------------------------------------------------------------------------
 * Public Class
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}

.tal{ text-align:left} .tar{ text-align:right;}

/* 固定不动 */
.fixed{
	position:fixed; clip:rect(0 100% 100% 0); _position:absolute;
	
	/* 底部 */
	bottom:0px; left:0px; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
	
	/* 左侧 */
	/*left:0px;*/
	/*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
}

*html{ background-image:url(about:blank); background-attachment:fixed; /* 解决固定层在IE6下闪的问题 */}


/* png透明 */
.pngfix{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/x.png');}

/* 渐变 */
.gradient{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#dedede);
    background: -moz-linear-gradient(top, #ffffff, #dedede);}
	


/* 解决ie下连接加粗的鼠标样式问题*/
a strong{ cursor:pointer;}

/**

/* 定位 */
.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.vc{ vertical-align: middle;}
.mr10{ margin-right:10%;}
.ml10{ margin-left:10%;}
.mt5{ margin-top:5%;}
.mt10{ margin-top:10%;}
.mt15{ margin-top:15%;}
.mt25{ margin-top:18%;}
.mt45{ bottom:16%; position:absolute !important;}
 +------------------------------------------------------------------------------
 * FCK 兼容解决方案
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
em{ font-style:italic !important;} 
strike{ text-decoration:line-through !important;} 
strong{ font-weight:bold !important;} 
u{ text-decoration:underline !important;}


/**
 +------------------------------------------------------------------------------
 * 表单样式
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
/* input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {  border-color:#666;} */
input{/*behavior:url(input.htc);*/ border:0px #ccc solid; margin:0px; padding:0px; font-family:'pf_square_sans_pro_lightRg',Verdana,Arial,Helvetica,sans-serif;}/*Only for ie 5.0+*/
/*label input{width:14px;height:14px;border:0;}*/ /*For input type is Radio*/
input:hover{border:0px #f60 solid;}/*For orther browsers*/

/**
 +------------------------------------------------------------------------------
 * 网站整体颜色总汇
 +------------------------------------------------------------------------------
 * @codex  颜色:使用颜色的名称或者16进制代码,如 
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.ff8600,ff86aa a{ color:#ff8600;}

/**
 +------------------------------------------------------------------------------
 * 网站整字体大小
 +------------------------------------------------------------------------------
 * @codex   字体大小,直接使用"font+字体大小"作为名称,如
 * @package  ORG
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.font14px{ font-size:14px;}
.font9pt{ font-size:9pt;}
.pf{}
.font48px{font-size:48px;}
.font145px{font-size:145px;}
.font70px{font-size:60px;}
/**
 +------------------------------------------------------------------------------
 * 网站整布局命名规范
 +------------------------------------------------------------------------------
 * @codex   id和class命名采用该版块的英文单词或组合命名 如:newRelease
 * @package  ORG
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
 
 /*浮动*/
 .fl, .fr {
  display: inline;
  float: left;
}
 
/*页面外围控制整体布局宽度*/
.wrapper{}

/* 网站外围阴影 */
.shardow{}

/* 容器盒子 */
.container{ width:100% ; margin:0 auto; position:relative; z-index:0; top:0px; left:0px;}

/* 网站头部 */
.header{ width:100%; position:relative; height: 100px; background:url(../images/top.gif) 0 0 repeat-x;z-index: 1;}
.top_bird {
	position: absolute;
	top: 0px;
	right: 420px;
	z-index: 2;
}
.header .logo{
	position: absolute;
	display:block;
	left: 11px;
	top:15px;
	z-index: 3;
	width:223px;
	height:85px;
}
.header2{ width:100%; position:relative; height: 60px; background:url(../images/top2.gif) 0 0 repeat-x;}
.header2 .logo2{
	position: absolute;
	display:block;
	left: 15px;
	top:5px;
	width:223px;
	height:55px;
}
#top2 {
  margin: 0;
  padding: 0px;
  position: relative;
  z-index: 4;
  top:0px;
}

.toplink{ position: absolute; display:block; right:10px; top:15px; width:auto; height:35px;z-index: 3; }
.toplink a{ display: block; width:42px; height:31px; text-indent:-9999px; background:url(../images/flag.png) no-repeat; float:left; margin:0px 0px 0px 3px;}
.toplink a.en{ background-position:0 0;}
.toplink a.cn{ background-position:-53px 0;}
.toplink a.tu{ background-position:-106px 0;}
.toplink a.rf{ background-position:-160px 0;}
.toplink a.sp{ background-position:-215px 0;}
	
/* 头部导航 */
.nav{
	position:absolute;
	width:auto;
	height:30px;
	right:10px;
	top:60px;
	text-align:right;
	z-index:3;
}
.nav span{ display:inline; width:2px; float:left; background:url(../images/nav_line.gif) 0 7px no-repeat; height:30px;}
.nav a:last-child{ margin:0 0 0 10px !important;}
.nav a{ display:inline; height:30px; float:left; text-align:center;font-family: 'pf_square_sans_pro_lightRg'; font-size:16px; font-weight:600; color:#000; margin:0 10px; cursor:pointer;}
.nav a:hover,
.nav a.hover{text-decoration:none; color:#294B97;}
	
/*广告*/
.banner{}

/*页面主体*/
.pagebody{ width:100%; height:auto; overflow:hidden;}
.page980{ width:980px; margin:0 auto;}
.sub_pro_body{ background: #e5e5e5 url(../images/pro_body_bg.gif) repeat-y center 0;width: 100%;}
.box_logo{ position: relative; top:10px; right:0px; z-index:2; text-align:right; padding:0 20px 0 0;}
.box{ height:300px; float:left; position:relative; overflow:hidden;}
.box h1{ position:relative; z-index:1;}
.box2{ height:25%; float:left;}
.box a{ display:block; width:100%; height:100%; position:relative;}
.box8 a{display:block; width:100%; height:100%;}
.box_red{background: url(../images/box_bg1.jpg) repeat-y center 0px;}
.box_green{background: url(../images/box_bg2.jpg) repeat-y center 0px;}
.box_glay{background: url(../images/box_bg3.jpg) repeat-y center 0px; width: 33%!important;}
.box_blue{background: url(../images/box_bg4.jpg) repeat-y center 0px!important;}
.box_white{background: url(../images/box_bg5.jpg) repeat-y center 0px;}
#btndiv{ margin:0px!important;}
.box6{ background:url(../images/box6_bg.jpg) left center no-repeat; width: 33%!important;}
.guid{
	width: 100%;
}
.box7{height:320px;}
.box8{height:160px;}
.box8 a{cursor:pointer;}
.guid2{ width:50%;*width:49.999999999%;}
.guid3{ width:34%;}
.pro_h1{color:#fff;}

.leftpage,.rightpage{ float:left; margin-right:10px;}

/*页面左侧*/
.leftpage{}
.w200{ width:200px;}
.w200 #menu{ margin:15px 15px 15px 15px !important;-moz-box-shadow:0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2); box-shadow:0 0 10px rgba(0,0,0,0.2);}

/*页面右侧*/
.mainpage{ width:720px; margin-left:30px; float:left;}
.mainpage .body{ padding:15px 20px 20px;}
.mainpage .body h2{ background:url(../images/title_pro_bg.png) 0 0 no-repeat; width:100%; height:43px; line-height:43px; color:#fff; font-size:24px; font-weight:bold; text-indent:20px;}
.mainpage .body .text{ line-height:24px; padding:10px 0 10px 15px; font-size:18px; color:#000;}

/* 页面右侧 */
.rightpage{}

/* 列表模型 */
.list{}

/*侧栏*/
.sidebar {}

/*栏目*/
.column{}

/*登录条*/
.loginbar{}

/*热点*/
.hot{}

/*新闻*/
.news{}

/*下载*/
.download{}

/*子导航*/
.subnav{ width:100%; position:relative; background:url(../images/sub_nav_bg.png) 0 0 repeat-x; height:60px; line-height:57px; z-index:5;}
/*.subnav a{ color:#cacaca; display: block; font-size:24px; font-weight:bold; float:left; text-align:center; width:20%; height:60px; background:url(../images/sub_nav_line.png) right 0 no-repeat;}
.subnav a:hover,.subnav a.hover{ text-decoration:none; color:#fff; background:url(../images/sub_nav_hover.png) center 0 no-repeat;}*/


/*菜单*/
.menu{}

/*子菜单*/
.submenu{}

/*搜索*/
.search{}

/*友情链接*/
.friendlink{}

/*弹出*/
.sclb {
  height:35px;
  position: relative;
  overflow:hidden;
  margin:30px 0px 10px 0px;
  width:100%;
}
ul.sl {
  height:35px;
  margin:0 0 0 5px;
}
ul.sl li {
  padding-right:25px; float:left;
}
ul.sl li:lastchild{ padding-right:0px !important;}
ul.sl li a {
  color: #fff;
  font-size:24px;
  font-weight:bold;
}
#page_main_630{height:auto!important; }
div.demo {position: relative; width:980px;}
.image-grid:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
}
.image-grid {
  width: 100%;
}
.image-grid li {
  float: left;
  list-style:none;
  margin: 5px 0px 0px 5px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 230px;
  background:#fff;
}
/*.image-grid li.nopic,.image-grid li.code{ background:#191919 !important;}*/
.image-grid li a {
  display: block;
  overflow: hidden;
}
.image-grid li a strong {
  color: #1b1b1b;
  display: block;
  font-size: 15px;
  font-weight: normal;
  line-height: 15px !important;
  margin: 0 9px;
  text-align: left !important;
  top:15px;
  left:10px;
  position:absolute;
}
.image-grid li a:hover strong{ text-decoration:none; color:#294b97;}
.nav_pro_list{ width:980px; margin:0 auto 0px;/* padding-bottom:50px;*/}
.diag_pao{ width:276px; height:109px; background:url(../images/pao.png) 0 0 no-repeat; position:absolute; left:-100px; bottom:50px;}
.diag_pao ul{ padding:15px 20px;}
.diag_pao ul li{ height:75px; margin: 0 25px;}
.diag_pao ul li a span{ color:#101010; font-size:18px;line-height:20px; display:block;}
.diag_c{ width:788px; height:109px; background:url(../images/diag_c.png) 0 0 no-repeat; position:absolute; left:-2000px; bottom:50px;}
.diag_c2 {background:url(../images/diag_c2.png) 0 0 no-repeat !important;}
.diag_c ul{ padding:15px 20px;}
.diag_c ul li{ height:75px; margin: 0 33px;}
.diag_c ul li:last-child{ margin-right:0px !important;}
.diag_c ul li a span{ color:#101010; font-size:18px;line-height:20px; display:block;}
.li_email{ margin-right:55px !important;}

.diog_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:-1;}
.diog_code{ width:500px; height:67px; position:absolute; bottom:0px; left:50%; margin-left:-250px;opacity: 0; z-index:999999; top:35%;}
.diog_code .code_input{ width:428px; height:67px; line-height:67px; background:url(../images/input_code.gif) 0 0px  no-repeat; font-size:24px; color:#5f5f5f; border:0px; text-indent:15px;}
.diog_code .image-button{ border:0px; background:url(../images/enter_code.gif) 0 0 no-repeat; width:72px; height:67px; padding:0px; margin:0px; vertical-align: top; cursor:pointer;}

.diog_code1{ width:500px; height:67px; bottom:300px; left:50%; margin-left:30%;opacity: 0;filter: alpha(opacity=0); z-index:999999; top:50%;}
.diog_code1 .code_input{ width:428px; height:67px; line-height:67px; background:url(../images/input_code.gif) 0 0px  no-repeat; font-size:24px; color:#5f5f5f; border:0px; text-indent:15px;}
.diog_code1 .image-button{ border:0px; background:url(../images/enter_code.gif) 0 0 no-repeat; width:72px; height:67px; padding:0px; margin:0px; vertical-align: top; cursor:pointer;}

#diag_pro_list{ width:180px; position:absolute; left:0px; top:15%; z-index:105;}
#menu{ margin:0; padding:0; position:relative;}
#menu li ul{ margin:0; padding:0; position:relative; display:-none;}
#menu li{ line-height:43px;width:180px; position:relative;}
#menu li div{ height:43px; overflow:hidden;}
#menu li a,#menu li span{ display:block; width:100%; font-size:16px; color:#fff; font-weight:bold; text-indent:10px; position: relative;background:url(../images/diag_pro_list_li.gif) 0 0 repeat-x;}
#menu li span{ text-decoration:none;background:url(../images/diag_pro_list_li.gif) 0 -43px repeat-x !important; cursor:pointer;}
#menu li ul li a{ font-size:14px; color:#000; background:url(../images/li_icon.png) 10px 15px no-repeat #F0F0F0 !important; text-indent:20px !important;}
#menu li ul li a:hover{ color:#000; background:url(../images/li_icon.png) 10px 15px no-repeat #F0F0F0 !important;}

#menu li ul li ul li a{font-size: 12px;color: #333;background: #e3e3e3 url(../images/li_icon.png) no-repeat 20px 18px !important;text-indent: 35px !important;border-bottom: 1px solid #cfcfcf; position:relative; width:100%;}
#menu li ul li ul li a:hover,#menu li ul li ul li a.current{color: #fff !important;background: #aaaaaa url(../images/li_icon.png) no-repeat 20px 18px !important;}
.android #menu li ul li ul li a:hover,.android #menu li ul li ul li a.current{color: #ff071f!important;background: #aaaaaa url(../images/li_icon.png) no-repeat 20px 18px !important;}
.dvb_stb #menu li ul li ul li a:hover,.dvb_stb #menu li ul li ul li a.current{color: #069902!important;background: #aaaaaa url(../images/li_icon.png) no-repeat 20px 18px !important;}
.accessory #menu li ul li ul li a:hover,.accessory #menu li ul li ul li a.current{color: #565656!important;background: #aaaaaa url(../images/li_icon.png) no-repeat 20px 18px !important;}
.meter #menu li ul li ul li a:hover,.meter #menu li ul li ul li a.current{color: #011979!important;background: #aaaaaa url(../images/li_icon.png) no-repeat 20px 18px !important;}
#menu li ul li a .jm{ position:absolute!important; right:20px!important;top:0px;*top:10px; width:10px!important; height:12px!important; text-indent:0px!important; padding:0px!important; }
#menu li ul li ul li a .jm{ position:absolute!important; right:20px!important; top:0px;*top:10px; width:10px!important; height:12px!important;text-indent:0px!important; padding:0px!important;}

#spec_show{ position:absolute; left:-1000px; top:5px; z-index:2005; width:738px; height:660px; overflow:hidden; background:url(../images/spec_bg.png) 0 0 no-repeat;}
#spec_show h1{ font-size:72px; font-weight:bold; color:#fff; padding:40px 0 15px 100px;}
#spec_show h1 span{ font-size:24px;}
#Navigation{width:500px;height:36px;line-height:36px;padding:0px 0 0px 100px;}
#Navigation a{float:left;display:block;cursor:pointer;width:33.33%;text-align:center;color:#fff;font-weight:bold; font-size:24px;background:url(../images/spec_li_bg.gif) 0 0 repeat-x;}
#Navigation a.current,#Navigation a:hover{background:#fff;width:33.33%;background:url(../images/spec_li_bg.gif) 0 -36px repeat-x;font-weight:bold; text-decoration:none;}
.Scroller-Container{line-height:30px; font-size:18px; color:#fff;text-align:left;}
.block{ display:block !important;}
.none{ display:none !important;}
#Container {
  position: absolute;
  top:190px; left: 100px;
  width: 500px;
  height:420px;
}
#Highlights,#Features,#Specifications { 
  position: absolute; 
  overflow: hidden;
  width: 500px;
  height: 360px;
  display:none;
}
#Highlights{ display:block;}
#Scroller-1 p {
  margin: 0;
}
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute; bottom:0px; right:60px; z-index:102;
  background:url(../images/up_arrow.png) 0 0 no-repeat; width:49px; height:49px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  bottom:0px; right:0px;z-index:102;background:url(../images/Down_arrow.png) 0 0 no-repeat; width:49px; height:49px;
}
.Scrollbar-Track {
  width: 10px; height: 160px;
  position: absolute;
  top:-200px;
}
.Scrollbar-Handle {
  position: absolute;
  width: 10px; height: 30px;
}
#Scrollbar-Container {
  position: absolute;
  bottom: 50px; right:100px;
}



/*按钮*/
.pro_show{ left:50px !important;}

.pro_btn{ position:fixed !important; z-index:2006; bottom:30px !important; width:450px !important;}
.pro_btn2{ position:absolute !important; z-index:106; bottom:30px !important; width:450px !important;}
.pro_btn li{margin-right:25px !important;}
.pro_btn2 li{margin-right:25px !important;}
.diag_c li a{ background:url(../images/btn_y2.png) center 0 no-repeat !important;}
.btn_spec{ position: absolute !important; z-index:101; bottom:50px !important; width:50px !important; right:220px !important;}
.btn_spec li{margin-right:15px !important;}
.btn_spec li a{ background:url(../images/btn_y3.png) center 0 no-repeat !important;}
.pb_100{ /*padding-top:30px;*/}
.btn_b {
    bottom: 0px;
    height: 49px;
    /*left: 30px;*/
    position: relative;
    text-align: left;
    width: 300px;
    margin-top:50px;
}
.btn_b li{height:49px; float:left; overflow:hidden; margin-right:10px;}
.btn_b li a{ display:block;height:49px; background:url(../images/btn_y.png) center 0 no-repeat; text-align:center; min-width:49px; }
.pb_100 li a{ display:block;height:49px; background:url(../images/btn_y3.png) center 0 no-repeat!important; text-align:center; width:auto; }
.pb_100 .pao li a{ display:block;height:49px; background:url(../images/btn_y.png) center 0 no-repeat!important; text-align:center; width:auto; }
.btn_b li a.btn_diag img{-moz-transition:-moz-transform 1s ease 0s; /* 火狐 */
    -webkit-transition:all 1s ease 0s;    /* chrome */
    -o-transition:-o-transform 1s ease 0s; /* opera */
    -ms-transition:-ms-transform 1s ease 0s; /* IE  */
    transition:transform 1s ease 0s; /*w3c */}
.btn_b li a.btn_diag:active img,.btn_b li a.out img{-webkit-transform:rotate(180deg);
    -o-transform:rotate(.5turn);
    -ms-transform:rotate(.5turn);
    transform:rotate(.5turn);
	-moz-transform:rotate(.5turn);}


/*版权*/
.copyright {
    clear: both;
    color: #525252;
    font-size: 14px;
    margin: 0 auto;
    padding-top: 25px;
    position: relative;
}
.copyright span {
    margin: 0px 0px 0px 40px;
	float:left; width:25%;
}
.copyright #lbicp{ width:45%;}
.copyright .cp {
    color: #525252;
    font-weight: bold;
    margin: 0 5px;
}
/*滚动*/
.scroll{}
.feedback{ position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:2;}
.feedback div { display:none;}

/*内页滚动*/
#top {
  margin: 0;
  padding: 0px;
  position: relative;
  z-index: 4;
  top:-3px;
}
.architect-time-line {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  border-radius: 3px 3px 3px 3px;
  height: 5px;
  left: -2px;
  position: absolute;
  z-index: 104;
}
.architect-slider {
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 100;
  width:980px;
  margin:0 auto;
}
#slider {
  background: url("../images/loader.gif") no-repeat scroll 50% 52% transparent;
  list-style: none outside none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width:100%;
  height:688px;
}
.architect-slider li {
  display: block;
  position: absolute;
  width: 100%;
}
.architect-slider .reset {
  z-index: 3;
}
.architect-slider .active {
  z-index: 10;
}
.architect-slider #slider img { display:block;
}
#slider img{ display:none;}
#top img {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  padding: 0;
}
.architect-slider ul li img {
  position: relative;
  z-index: 1;
}
.architect-slider .architect-number-nav {
  overflow: hidden;
  position: absolute;
  text-align: center;
  z-index:99999;
  right:0px;
  bottom:0px;
  background:url(../images/thumbs_bg.png) 0 0 no-repeat;
  padding:20px;
}
.architect-slider .architect-number-nav.number-nav-thumbs a {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0px 1px 0 0;
  position: relative;
  width: auto;
}
.architect-slider .architect-number-nav a {
  display: inline-block;
  height: 17px;
  margin: 10px 0 5px 1px;
  text-indent: -9999px;
  width: 17px;
}
.architect-slider .architect-number-nav.number-nav-thumbs a.active, .architect-slider .architect-number-nav.number-nav-thumbs a:hover {
  background: none repeat scroll 0 0 transparent;
}
.architect-slider .architect-number-nav.number-nav-thumbs a span {
  background: none repeat scroll 0 0 #ccc;
  display: block;
  left: 1px;
  opacity: 0.7;
  position: absolute;
  top: 0px;
}
.architect-slider .slide-description {
  overflow: hidden;
  padding: 18px 20px 20px;
  position: absolute;
  z-index: 105;
  opacity:0;
  top:5%;
  left:0;
}
.slide-description {
    display: block !important;
    height: 500px;
    left: 220px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 80px;
    width: 250px;
    z-index: 103;
}
.slide-description h3 {
	color: #222;
	font-size: 80px;
	font-weight: 600;
	margin:0px;
	line-height:normal;
}
.slide-description h5 {
	color: #222;
	font-size: 45px;
	margin:0px;
	line-height:normal;
}
#slider span {
  color: #222; font-size:18px;
}
.architect-slider .architect-number-nav.number-nav-thumbs a:last-child {
  padding: 0px 0 0;
}
.architect-slider .architect-number-nav {
  text-align: center;
}
#top .architect-slider .architect-number-nav a img {
  display: block;
}
.architect-slider .architect-number-nav.number-nav-thumbs a:hover span, .architect-slider .architect-number-nav.number-nav-thumbs a.active span {
  opacity: 0;
}


/*内容*/
.content{}
.diag_page{ height:100%;}
.page_main{ overflow:hidden; height:100%;}
.min_300{ min-height:300px;}

/*标签页*/
.tab{}

/*文章列表*/
.list{}

/*提示信息*/
.msg{}

/*小技巧*/
.tips{}

/*栏目标题*/
.title{}

/*加入*/
.joinus{}

/*指南*/
.guild{}

/*服务*/
.service{}

/*注册*/
.regsiter{}

/*状态*/
.status{}

/*投票*/
.vote{}

/*合作伙伴*/
.partner{}

/* 分页 */
.page{ text-align:center; background:#eee;}
	.page a{ border:#ccc solid 1px; margin-left:3px; padding:4px 4px;}
	.page a:hover{ text-decoration:none;}

/*页脚*/
.footer{  background:url(../images/footer.gif) 0 0 repeat-x; min-height:168px;}
.footer .sixteen{ margin:0px auto; width:96%; padding:30px 0px 0px 0px; max-width:960px;}
.footer .columns { position:relative;}
.footer .columns .social{ /*position:absolute; right:0px; bottom:0px;*/float:left; position:relative; top:-25px;}
ul.social-icons-header li {
  display: inline;
  float: left;
  margin-top: 15px;
}
ul.social-icons-header li a {
  background: url("../images/flag.png") repeat scroll 0 0 transparent;
  display: inline;
  float: left;
  height: 29px;
  margin-left:5px;
  text-indent: -9999px;
  width: 26px;
}
ul.social-icons-header li.facebook-icon a{ background-position:-1px -33px;}
ul.social-icons-header li.twitter-icon a{ background-position:-34px -33px;}
ul.social-icons-header li.rss-icon a{ background-position:-68px -33px;}
ul.social-icons-header li.skype-icon a{ background-position:-102px -33px;}
ul.social-icons-header li.msn-icon a{ background-position:-135px -33px;}
.footer-left{float:left;}
.footer-left h5{ color:#141414; font-size:18px; font-weight:600; float:left; line-height:35px;}
.footer-left h5 span{ color:#5a5a5a; font-size:14px; font-weight:normal; padding-left:10px;}
.footer-left .required{ width:160px; height:35px; border:0px; background:#eee; color:#707070;float: left; text-indent:1em;margin-left:20px; line-height:35px;}
.btn-icon{
  -moz-transition-duration: 0.3s;
  -moz-transition-property: opacity;
  content: "";
  float: left;
  height:35px;
  margin: 0;
  opacity: 0.45;
  width:30px;
  border:0px;
  background:url("../images/flag.png") no-repeat scroll -234px -31px #ccc;
  cursor:pointer;
}
.btn-icon:hover {
    background: url("../images/flag.png") no-repeat scroll -234px -31px #666666;
}


.footer-right{ float:right; padding-top:10px; height:25px;}
.footer-right ul li a, .footer-right ul li a:visited {
  color: #4e4e4e;
/*  display: block;*/
  font-size:16px;
  line-height:0.8em;
}
.footer-right ul li:first-child {border: 0 none;}
.footer-right ul li {
  border-left: 1px solid #4e4e4e;
  float: left;
  padding: 0 6px;
}

.footer-right ul li a:hover{ color:#294B97; text-decoration:none;}

#preview-window {
    border: medium none;
    display: block;
/*    height: 670px;*/
    width: 100%;
}

.boxproduct {
	WIDTH: 100%;
	height: 610px;
}
.boxproduct .boxpadding {
	margin: 0px;
	padding: 0px;
	height: 610px;
	width: 100%;
}
#Slide { min-height: 610px;width: 55%;
position:absolute;
	left:45%;
}

#Slide_Thumb {
	POSITION: absolute;
	right: 30px;
	bottom: 0px;
	margin: 0px;
	z-index: 104;
	background: transparent url(../images/thumbs_bg.png) no-repeat scroll 0px 0px;
	padding: 20px 22px;
}
#Slide_Thumb img{
	width: 70px;
	height: 70px;
	overflow: hidden;
	background: #FFF;
}
.thumb_on {display: inline; float: left; margin: 0px 1px 0px 0px; cursor: pointer;}
.thumb_off {display: inline; float: left; margin: 0px 1px 0px 0px; cursor: pointer;}
.thumb_off {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.thumb_on {filter:alpha(opacity=100);-moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
/*-----add------*/
#photos {z-index: 10; margin:0 auto;}
#wall {list-style-type:none; margin:0; padding:0; display:block; margin-top:80px; float:none!important;}
#thumbs {list-style-type:none; margin:0; padding:0; position:absolute; right:0px; z-index:2000; background: transparent url(../images/thumbs_bg.png) no-repeat scroll 0px 0px;padding: 20px 25px; top:580px; width:430px; height:70px;}
#thumbs li.thumb {float:left; margin: 0px 1px 0px 0px; width:70px; height: 70px;}
#thumbs li.thumb img {border: 0; width:70px; height: 70px; margin: 0px; padding: 0px; }
#thumbs li.thumb a {border: 0px; margin: 0px; padding:0px; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;background-color:#d6d6d6;  width:70px; display: block; height:70px;}
#thumbs li.thumb a.activeSlide {filter:alpha(opacity=100);-moz-opacity:1; -khtml-opacity: 1; opacity: 1;background-color: #fff;}
#thumbs li.thumb div {border: 0; height: 15px; line-height:15px; margin:0; .margin-top:-2px; padding:0px; text-align:center; cursor: pointer; }
/*-----add------*/
.slide-description {
    display: block !important;
    left: 220px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 80px;
    width: 25%;
    z-index: 103;
}
.slide-description h3 {
	color: #222;
	font-size: 36px;
	font-weight: 600;
	margin:0px;
}
.slide-description h5 {
	color: #222;
	font-size: 30px;
	margin:0px;
}
.slide-description span {
  color: #222; font-size:18px;
}
#srollcontent{
	overflow: hidden;
	width: 500px;
	height: 450px;
	color: #979797;
	position: relative;
	z-index: 100;
}
.Scroller-Container2{ position:absolute; top:0px; z-index:107; color: #979797;}
#Scrollbar-Container2 {
  position: absolute;
  bottom: 30px; left:235px; z-index:107;
}
#Scrollbar-Container2 .Scrollbar-Up {
  cursor: pointer; right:60px; z-index:108;
  background: none!important; width:49px; height:49px;
}
#Scrollbar-Container2 .Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  bottom:0px; right:-13px;z-index:108; background: none!important; width:49px; height:49px;
}
#photos { overflow:visible;height:auto!important; width:100%!important;}
.panel{ overflow:visible; width:auto!important; height:auto!important; }
.strip_wrapper{
	right: 52px!important;
	left: auto!important;
	width: 450px!important;
	top:525px!important;
}
.filmstripbg{width: 500px!important; height:110px;background:url(../images/thumbs_bg.png) no-repeat;right:26px; top:510px;position:absolute;}
.filmstrip img {
	WIDTH: 70px; HEIGHT: 70px; opacity:0.8; background:#fff!important;
}
#pointer{ display:none;}
.nav-next{ display:none;}
.nav-prev{ display:none;}
 HTML .pointer {
	FILTER: chroma(color=pink)
}
.pagebody2{ margin:70px 0px 0px 0px;}

.subnav a{ color:#fff!important; display: block; font-size:24px; font-weight:bold; float:left; text-align:center; width:20%; *width:19.95%;_width:19.95%;height:60px; background:url(../images/sub_nav_line.png) right 0 no-repeat; overflow:hidden;}
.subnav a.android:hover,.subnav a.android.hover{background:url(../images/navandroidbg.jpg) right 0 no-repeat;text-decoration:none;}
.subnav a.dvb_stb:hover,.subnav a.dvb_stb.hover{background:url(../images/navdvb_stbbg.jpg) right 0 no-repeat;text-decoration:none;}
.subnav a.accessory:hover,.subnav a.accessory.hover{background:url(../images/navrcubg.jpg) right 0 no-repeat;text-decoration:none;}
.subnav a.meter:hover,.subnav a.meter.hover{background:url(../images/navmeterbg.jpg) right 0 no-repeat;text-decoration:none;}
.subnav a.coming_soon:hover,.subnav a.coming_soon.hover{background:url(../images/navrcubg.jpg) right 0 no-repeat;text-decoration:none;}

.android #menu li a,.android #menu li span{ background:url(../images/diag_pro_androidli_bg.jpg) 0 -43px repeat-x;}
.android #menu li span{ background:url(../images/diag_pro_androidli_bg.jpg) 0 0px repeat-x !important; }
.dvb_stb #menu li a,.dvb_stb #menu li span{ background:url(../images/diag_pro_dvb_stbli_bg.jpg) 0 -43px repeat-x;}
.dvb_stb #menu li span{ background:url(../images/diag_pro_dvb_stbli_bg.jpg) 0 0px repeat-x !important;}
.accessory #menu li a,.accessory #menu li span{background:url(../images/diag_pro_rculi_bg.jpg) 0 -43px repeat-x;}
.accessory #menu li span{background:url(../images/diag_pro_rculi_bg.jpg) 0 0px repeat-x !important; }
.meter #menu li a,.meter #menu li span{ background:url(../images/diag_pro_meterli_bg.jpg) 0 -43px repeat-x;}
.meter #menu li span{background:url(../images/diag_pro_meterli_bg.jpg) 0 0px repeat-x !important;}


.android #menu li ul li a.current{ color:#ff071f;background:url(../images/li_icon.png) 10px 15px no-repeat #F0F0F0 ;}
.dvb_stb #menu li ul li a.current{ color:#069902;background:url(../images/li_icon.png) 10px 15px no-repeat #F0F0F0 ;}
.accessory #menu li ul li a.current{ color:#565656;background:url(../images/li_icon.png) 10px 15px no-repeat #F0F0F0;}
.meter #menu li ul li a.current{ color:#011979;background:url(../images/li_icon.png) 10px 15px no-repeat #F0F0F0;}

.mainpage .body h2.android{ background:url(../images/title_pro_androidbg.png) 0 0 no-repeat; }
.mainpage .body h2.dvb_stb{ background:url(../images/title_pro_dvb_stbbg.png) 0 0 no-repeat; }
.mainpage .body h2.accessory{ background:url(../images/title_pro_rcubg.png) 0 0 no-repeat; }
.mainpage .body h2.meter{ background:url(../images/title_pro_meterbg.png) 0 0 no-repeat; }

.android #Navigation a{background:url(../images/spec_androidli_bg.jpg) 0 0 repeat-x;}
.android #Navigation a.current,.android #Navigation a:hover{background:url(../images/spec_androidli_bg.jpg) 0 -36px repeat-x;}
.dvb_stb #Navigation a{background:url(../images/spec_dvb_stbli_bg.jpg) 0 0 repeat-x;}
.dvb_stb #Navigation a.current,.dvb_stb #Navigation a:hover{background:url(../images/spec_dvb_stbli_bg.jpg) 0 -36px repeat-x;}
.accessory #Navigation a{background:url(../images/spec_rculi_bg.jpg) 0 0 repeat-x;}
.accessory #Navigation a.current,.accessory #Navigation a:hover{background:url(../images/spec_rculi_bg.jpg) 0 -36px repeat-x;}
.meter #Navigation a{background:url(../images/spec_meterli_bg.jpg) 0 0 repeat-x;}
.meter #Navigation a.current,.meter #Navigation a:hover{background:url(../images/spec_meterli_bg.jpg) 0 -36px repeat-x;} 
/*.image-grid .code{ background:#333;}
.image-grid li .pwdimg{filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity: 0.1;opacity: 0.1;}*/
.image-grid li .pwdimg{ position:relative;}
.image-grid li .pwdimg .imgpwd3{ display:block; position:absolute; left:0px; top:0px;}
.image-grid li .imgpwd3{ display:none;}
.image-grid .code{ position:relative;}
.image-grid .code .pwdimg1{background:url(../images/moreinfobgs.png) 0px 0px no-repeat; display:block; width:234px; height:147px; position:absolute; top:0px; left:0px;}
.btn_home{ width:49px!important;}

#tt{ width:500px; height:530px;}
#tt .jscroll-e{ background:url(../images/scrollbottombg.jpg) 0px 0px  repeat!important; height: 80px!important;left: 0px!important;top: 450px!important;width: 100%!important;}
#tt .jscroll-h{ display:none!important;}
#tt .jscroll-u{ width:49px!important; height:49px!important; background:url(../images/btn_u2.png) 0px 0px no-repeat!important; left:82px!important; top:30px!important; cursor:pointer;}
#tt .jscroll-d{ width:49px!important; height:49px!important; left:150px!important;background:url(../images/btn_d2.png) 0px 0px no-repeat!important; cursor:pointer; top:30px!important;}
@media screen and (max-device-width: 1000px) {
.font48px{font-size:2em;}
.font145px{font-size:6em;}
.font70px{font-size:3em;}
.nav_pro_list{ width:98%; margin:0 auto 0px; padding-bottom:50px;}
div.demo {position: relative; width:98%;}

.footer .sixteen {margin: 0 auto;padding: 30px 2% 0;width: 96%;}
.footer-left h5 {color: #141414;float: left;font-size: 0.8em;font-weight: 600;line-height: 35px;}
.footer-left h5 span {color: #5A5A5A;font-size: 12px;font-weight: normal;padding-left: 10px;}
.footer-left .required {background: none repeat scroll 0 0 #EEEEEE;border: 0 none;color: #707070;float: left;height: 35px;line-height: 35px;margin-left: 10px;text-indent: 0.5em;width: 120px;}
.footer-right ul li a, .footer-right ul li a:visited {
color: #4E4E4E;display: block;font-size: 1em;line-height: 0.8em;}
.copyright {clear: both;color: #525252;font-size: 13px;margin: 0 auto;padding-top: 25px;position: relative;width: 92%;}
.copyright span {float: left;margin: 0 5px;}

.subnav a {
    background: url("../images/sub_nav_line.png") no-repeat scroll right 0 transparent;
    color: #FFFFFF !important;
    display: block;
    float: left;
    font-size: 1em;
    font-weight: bold;
    height: 60px;
    overflow: hidden;
    text-align: center;
    width: 20%; *width:19.95%; _width:19.95%;
}
#diag_pro_list {
    left: 0;
    position: absolute;
    top: 25%;
    width: 140px;
    z-index: 105;
}
#menu li {
    line-height: 43px;
    position: relative;
    width: 140px;
}
#menu li a, #menu li span {
    color: #FFFFFF;
    display: block;
    font-size: 1.25em;
    font-weight: bold;
    position: relative;
    text-indent: 10px;
    width: 100%;
}
#menu li ul li a {
    background: url("../images/li_icon.png") no-repeat scroll 10px 15px #F0F0F0 !important;
    color: #000000;
    font-size: 1em;
    text-indent: 20px !important;
}
.diag_c {
    background: url("../images/diag_c.png") no-repeat scroll 0 0 transparent;
    bottom: 50px;
    height: 109px;
    position: absolute;
    width: 788px;
	left:-5px!important;
}
.pro_btn li {
    margin-right: 20px !important;
}
.w200 { width:170px;}
.slide-description {
    display: block !important;
    left: 160px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 80px;
    width: 25%;
    z-index: 103;
}
.slide-description h3 {
    color: #222222;
    font-size: 2em;
    font-weight: 600;
    margin: 0;
}
.slide-description h5 {
    color: #222222;
    font-size: 1.5em;
    margin: 0;
}
.slide-description span {
    color: #222222;
    font-size: 14px;
}
.mt10 {
    margin-top: 25%;
}
.mt15 {
    margin-top: 35%;
}
.mt25 {
    margin-top: 25%;
}
}
.image-grid2:after {clear: both;content: "";display: block;height: 0;overflow: hidden;}
.image-grid2 {width: 100%;}
.image-grid2 li {background: none repeat scroll 0 0 #FFFFFF;float: left;list-style: none outside none;margin: 5px 25px 0 0;overflow: hidden;width: 298px; height:auto;}
.image-grid2 li img{ width:298px; height:185px;}
.vipproductname{padding: 5px 10px 0px 10px;font-size: 16px;line-height: 24px;color: #626262;}
.vipproductname a{font-size: 16px;line-height: 24px;color: #626262;}
.vipzldownload a{font-size: 14px;line-height: 24px;color: #626262;}
.vipproductname a:hover,.vipzldownload a:hover{color: #1B1B1B;}
.vipproduct{text-align:left!important;}
.vipproductimg{border-bottom:solid #cdcdcd 1px;}
.vipzldownload{padding: 5px 10px 0px 10px;font-size: 14px;line-height: 24px;color: #626262;}

.divbj{background: none repeat scroll 0 0 #000000;
    height: 100%;
    left: 0;
    opacity: 0.9;
    position: absolute;
    top: 100px;
    width: 100%;
    z-index: 10000;}