@charset "utf-8";
/* 成都思腾电子 -- www.cdste.cn   20140911 */

html,body{width:100%;height:auto; min-height:100%;}

*{margin:0px;padding:0px;}

body{background:#FFF;}

ul,li{list-style:none;}

/**  REUSABLE  */
.page{width:980px;margin:0 auto;}

.clear{ zoom:1;}
.clear:after { content:''; display:block; clear:both;}


/**   ALLUSE   */
#nav p,#description p { font-family:"微软雅黑", "黑体", sans-serif; font-size:12px; color:#313131;}


/** HEADER */
#header{ height:80px; overflow:hidden; }
#logo{ float:left; margin:2px auto 2px 5px; background:url(../images/logo.jpg) no-repeat; width:486px; height:76px;}
#search{ float:right;margin:22px 0px 22px auto; background:url(../images/search.png) no-repeat; width:390px; height:36px; }
#search #txtSearch{ float:left; border:none; outline:none; background:none; width:296px; height:32px; font-family:"微软雅黑,黑体,sans-serif"; font-size:14px; color:#777777; text-indent:38px;  line-height:34px; margin:1px 1px; padding:0; }
#search #btnSearch{ float:right; border:none; width:90px; background:none; height:34px; margin:1px 0; padding:0; cursor:pointer; }


/**  MENU  */
#menu_bg{ width:100%; height:40px; background:#007fc1;}
#menu{ height:40px;}
#menu ul{ }
#menu li{ width:20%; height:40px; float:left; text-align:center; position:relative;}
#menu a{ display:block; font-family:"微软雅黑,黑体,sans-serif"; font-size:14px; text-align:center; text-decoration:none; color:#99caed;
line-height:40px; z-index:1;}
#menu a:hover, #menu .current_item a{ color:#f0f0f0; text-decoration:none;}
.current_item { width:100%; height:100%; position:absolute; left:0; bottom:0; background:#2e97cd; z-index:2;}


/**  CONTENT */ 
#content{ width:100%;}
#bnrPics, #bnrInside{ height:300px; position:relative; clear:both; overflow:hidden; }
#bnrPics ul { float:left; height:300px; position:absolute; top:0; left:0; z-index:1; }
#bnrPics ul li { height:300px; position:absolute; top:0; left:0; filter:alpha(opacity=0); opacity:0;  }

#bnrInside ul { float:left; height:1200px; position:absolute; top:0; left:0; z-index:1; }
#bnrInside ul li { height:300px;}

#bnrInside ol,#bnrPics ol { position:absolute; right:10px; bottom:10px; z-index:2; }
#bnrInside ol li,#bnrPics ol li { width:14px; height:14px; float:left; margin:0 5px; display:inline; background:#fff; cursor:pointer; }
#bnrInside .active,#bnrPics .active { background:#00a8ff; }

/**  NAVIGATION PICTURES  */ 
#nav_bg{ width:100%; height:230px; background:#fff;}
#nav{ height:230px; overflow:hidden; background:#eee;}
#nav ul{ width:1000px;}
#nav li{ height:230px; width:250px; display:block; float:left; padding-top:5px;}
#nav a{ display:block; text-decoration:none; }
#nav .title{ width:230px; height:37px; margin-bottom:5px; background:#fff; clear:both; }
#nav .title .ch { float:left; margin-left:15px; color:#545454; line-height:37px; font-family:"微软雅黑", "黑体", sans-serif; font-size:18px; font-weight:bold; }
#nav .title .en { float:right; margin-right:5px; color:#959595; line-height:37px; font-family:Arial, Helvetica, sans-serif; font-size:16px; }
#nav a:hover .ch { color:#0378d2; }
#nav .pic{ width:224px; height:85px; border:3px solid #fff; }
#nav .pic:hover{ border:3px solid #95c5e7;}
#nav p{ width:220px; margin:5px 5px; line-height:20px; color:#555; }
#nav img { border:none; }


/** NEWS */
#news { width:680px; height:440px; overflow:hidden; float:left; overflow:hidden; }
#news_bg{ background:url(../images/class_logo.jpg) no-repeat; width:680px; height:32px; }
#news ul{ width:690px;}
#news li{ float:left; width:230px;}
#news p{ margin-left:3px; font-family:"微软雅黑", "黑体", sans-serif; font-size:14px; color:#555; padding:10px 0px;}
#news h3{ margin-left:3px; font-family:"微软雅黑", "黑体", sans-serif; font-size:14px; color:#555; padding:10px 0px;}
#news img{ border:3px solid #fff; width:214px; height:154px}
.info_title{ float:left; position:relative; height:38px; padding-bottom:5px; border-bottom:1px dashed #b0b0b0; }
.info_title .logo1,.info_title .logo2,.info_title .ch,.info_title .en{ position:absolute; bottom:7px; }
.info_title .logo1,.info_title .logo2{ display:inline-block;  width:24px; height:23px; }
.info_title .logo1{ background:url(../images/class_logo.jpg) no-repeat; }
.info_title .logo2{ background:url(../images/class_logo.jpg) no-repeat 0px -23px; }
.info_title .ch{ left:34px; color:#434343; font-family:"微软雅黑", "黑体", sans-serif; font-size:18px; font-weight:bold; }
.info_title .en{ right:0px; color:#959595; font-family:Arial, Helvetica, sans-serif; font-size:16px; float:right; }


/**  CONTACT US  */
#contactus{ width:270px; height:440px; float:right; position:relative; overflow:hidden; }
#contactus ul{ display:block; margin-top:10px; float:left; }
#contactus li{ display:block; height:30px; font-size:14px; color:#454545; }
#contactus a{ color:#1981cb; text-decoration:none; line-height:20px; }
#contactus a:hover{ color:#008be2; text-decoration:underline;}
#contactus img{ width:20px; height:20px; padding-right:6px; margin-left:40px; border:none; }
#contactus span{}
#phonebg{ display:block; width:270px; height:200px; background:url(../images/phone.jpg) no-repeat; position:absolute; bottom:0; }



/** FOOTER */
#footer{ width:100%; height:40px; background:#007fc1; margin-top:20px;}
#footer p{ display:block; font-family:"微软雅黑", "黑体", sans-serif; font-size:12px; color:#99caed; text-align:center; line-height:16px; padding-top:5px;}
#footer a,#footer a:hover,#footer a:visited{ color:#99caed; text-decoration:none; }
#footer a:hover{text-decoration:underline;}


/*******************  MEDIA  *****************/
#description { width:980px; background:url(../images/desc_bg.jpg) repeat-y -1960px 0; margin:10px auto;}
#desc_top { width:980px; background:url(../images/desc_bg.jpg) no-repeat; padding-top:18px;}
#desc_bottom { width:980px; background:url(../images/desc_bg.jpg) no-repeat -980px bottom;}
#description p { margin-bottom:14px; text-indent:2em; line-height:16px; }
#description .desc_indent { padding:0 10px;}
.desc_media_title { background:url(../images/desc_title.jpg) no-repeat;}
.desc_ebook_title { background:url(../images/desc_title.jpg) no-repeat 0 -24px;}
.desc_media_title , .desc_ebook_title { width:300px; height:24px; margin:0 auto 14px 40px;}

/** CLASSIFIED */
#classified { clear:both;}
#classified p{}
#lite { width:588px; height:198px; float:left; background:#fff; }
#pro { width:588px; height:192px; float:left; background:#efefef; }
#mmpad { width:392px; height:250px; float:right; background:#0c2c3e}
#download { width:392px; height:140px; float:right; background:#ebbc00; }
#lite .title_bg { background:url(../images/media_title_bg.png) no-repeat; }      
#pro .title_bg { background:url(../images/media_title_bg.png) no-repeat 0 -33px; }
#mmpad .title_bg { background:url(../images/media_title_bg.png) no-repeat 0 -66px; }
#download .title_bg { background:url(../images/media_title_bg.png) no-repeat 0 -99px; }
#lite .title_bg, #pro .title_bg, #mmpad .title_bg, #download .title_bg { width:126px; height:33px; margin:12px auto auto 12px;}
#lite p, #pro p, #mmpad p{}
#download ul,#download p{ margin-left:12px; }
#download ul { display:block; margin-top:10px; }
#download li { font-family:"微软雅黑", "黑体", sans-serif; font-size:13px; line-height:22px; }
#download a { color:#fff; text-decoration:none; }
#download a:hover { color:#900; text-decoration:underline; }
#download p { font-family:"微软雅黑", "黑体", sans-serif; font-size:11.5px; color:#848484; }



/*********** PRODUCTS  *************/
#hardware,#software { overflow:hidden;  margin-top:20px; }
#hardware h1,#software h1 , #intro h1,#projects h1{ display:block; width:980px; height:40px;}
#hardware h1 { background:url(../images/products_bg.jpg) no-repeat;}
#hardware ul{ width:1000px; float:left; }
#hardware li{ display:block; float:left; width:250px; height:270px; margin:10px 0; }
#hardware .pro_info { width:228px; border:1px solid #dcdcdc; height:270px;}
#hardware img { display:block; width:225px; height:225px; margin:0 auto; border-bottom:1px dashed #cacaca; }
#hardware p { display:block; width:230px; text-align:center; font-size:14px; color:#313131; line-height:42px; }

#software { }
#software h1 { display:block; width:980px; height:40px; background:url(../images/products_bg.jpg) no-repeat -980px 0; }
#software ul { margin:10px 0 0 18px;}
#software li { font-size:16px; color:#313131; line-height:30px; display:block; height:30px; }
#software img { width:10px; height:10px; }
#software span { margin-left:18px; }



/**  ABOUT US  */
#intro { margin-top:20px; }
#intro h1 { background:url(../images/products_bg.jpg) no-repeat -1960px 0;}
#intro p { margin:20px 16px 0 16px; font-family:"微软雅黑", "黑体", sans-serif; font-size:12px; color:#313131; line-height:20px; }


#projects { margin-top:20px; clear:both; }
#projects h1 { background:url(../images/products_bg.jpg) no-repeat -2940px 0; }
#projects ul { width:992px; float:left; margin-top:10px; }
#projects li { width:248px; height:238px; float:left; position:relative; margin-top:10px; }
#projects img { width:238px; height:238px; float:left; position:absolute; top:0; left:0; }
#projects .probg { width:238px; height:40px; background-color:#000; filter:alpha(opacity=70); opacity:0.7; position:absolute; bottom:0; }
#projects p { font-size:13px; color:#fff; text-align:center; line-height:16px; margin:2px 12px; height:40px; }