@charset "utf-8";
/*
  - Author(s):Bo-tech
  - Date:2010.2.23
  - Copyright Notice:Copyright©2008 Beyond Technology CO,.LTD. All rights
  - @
  - Description:Bo-tech.COM       
*/

/*============================= css reset and public=================================*/
body{ background:#fff url(../imgs/bodybg.jpg) repeat-x; font-size:12px; font-family:tahoma,Arial, Helvetica, sans-serif; margin:0px; padding:0px;}
p,img,ul,li,dl,dt,dd,form,table,h5,h4,h3,h2,h1{border:none; margin:0px; padding:0px; list-style:none;}
h5,h4,h3,h2,h1,textarea { font-size:12px;}
.fleft { float:left;}
.fright { float:right;}
.toleft { text-align:left;}
.toright { text-align:right;}
.tocenter { text-align:center;}
table { border-collapse:collapse;}
td { padding:0; vertical-align:top;}
a { text-decoration:none; color:#003399;}
a:hover { text-decoration:underline; color:#06C;}
.clear:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear { display:inline-block;}
.clear { display:block;}
.zclear { clear:both; line-height:1px; visibility:hidden;}
.gray_font a { color:#999;}
.impt { font-size:14px; font-weight:bold; color:#F00;}
.bold { font-weight:bold;}
.black { color:#333;}
.gray_bg { background-color:#fafafa;}
.mt_2px { margin-top:2px;}
.pad { padding:10px;}
.pad_l { padding-left:10px;}
input { margin:0; font-size:12px; padding:0;}

/*================== public ================*/
.box { margin-bottom:5px;}

a.more_1{ background:url(../imgs/icos.gif) -1px -4px no-repeat;  float:right; height:7px; width:5px; margin-top:8px; margin-right:10px; cursor:pointer}
a.more_black { background:url(../imgs/more.gif)  left -15px no-repeat;  float:right; height:5px; width:26px; margin-top:9px; margin-right:10px; cursor:pointer; *display:inline}
a.more_red{ background:url(../imgs/more.gif)  left -44px no-repeat;  float:right; height:5px; width:26px; margin-top:9px; margin-right:10px; cursor:pointer;*display:inline}
a.more_ash{ background:url(../imgs/more.gif)  left -77px no-repeat;  float:right; height:7px; width:34px; margin-top:9px; margin-right:5px; cursor:pointer;*display:inline}


/*=============== header ===========*/
#pagewrapper { width:1000px; margin:0 auto;background:#fff; padding-left:15px;padding-right:15px;}
.header { width:1000px; margin:0 auto; background:#fff; padding-left:15px;padding-right:15px; }
.logo { float:left; margin-left:4px;}
.logo img{ margin:4px;}
.top_bar { float:right; margin-top:2px; height:14px; line-height:14px;}
.top_bar li {display:inline-block; margin-left:8px; *display:inline;*zoom:1; color:#666;}
.top_bar li a span {font-weight:bold;}
.top_bar li a { color:#003399;}
.top_bar li a:hover {color:#06C;}
.tel { float:right; clear:both; padding-top:8px;}
.menu_box { text-align:center; background:url(../imgs/bg.gif) left top no-repeat;display:inline-block; *display:inline; *zoom:1;height:36px; line-height:36px; width:1000px;}
.menu {height:36px; line-height:36px; margin-left:6px; }/*ff*/
*html .menu{margin-left:3px;}/*ie6*/
*+html .menu{margin-left:3px;}/*ie7*/
.menu li{ float:left; margin:0 6px; cursor:pointer; }

.menu li a { color:#FFF; font-size:14px; padding-left:15px; font-weight:bold; cursor:pointer;}
.menu li a:hover { text-decoration:none;}
.menu li a span{ padding-right:19px;}/*ff*/
*html .menu li a span{ padding-right:15px;}/*ie6*/
*+html .menu li a span{ padding-right:15px;}/*ie7*/
.menu li a:hover span{ padding-right:19px;}/*ff*/
*html .menu li a:hover span{ padding-right:15px;}/*ie6*/
*+html .menu li a:hover span{ padding-right:15px;}/*ie7*/
.menu li a.current,.menu li a:hover { color:#000;  float:left; margin-top:0px; background:url(../imgs/btns.gif) left 3px no-repeat; height:30px; padding-bottom:2px; overflow:hidden; font-weight:bold}
.menu li a.current span,.menu li a:hover span {float:left;background:url(../imgs/btns.gif) right 3px no-repeat; height:30px; padding-bottom:2px;}

.search_bar { background:url(../imgs/bg.gif) left -36px;height:33px;}
.search_enter {color:#666666; padding-right:16px;height:33px; }
.search_enter label { float:left; line-height:33px;}
.search_text ,.search_code,.search_num{padding-right: 2px; padding-left: 3px; font-size: 12px; background: url(../imgs/input-bg.png) #fff no-repeat 0px 0px; padding-bottom: 0px; margin: 0px;color: #666; padding-top: 3px; border: #d5d5d5 1px solid; width:80px; height:17px; line-height:17px;color:#999; margin-right:10px; float:left; margin-top:3px;}
.search_code { width:70px;}
.search_num { width:40px; margin-right:3px;}
.bt_login,.bt_enrol {background:url(../imgs/bt_login.gif) no-repeat; width:39px; height:22px; color:#666666; text-align:center; line-height:22px;margin-left:5px;  float:left;margin-top:3px;}
.bt_enrol { color:#ff9900;}
.cipher{ margin-left:5px; color:#666; text-decoration:underline; float:left; line-height:33px;}
.user_info{ height:30px; line-height:30px; margin-left:10px; color:#666; margin-right:10px;}
.user_info strong { font-weight:bold; color:#ff9900;}
.user_info a{ color:#666666;}
.ad_1 {  margin:4px;}
.ad_2 { width:1000px; height:auto; clear:both; margin:2px 0;background:#fff;}




/*=============== left ===========*/
.left{ width:168px; float:left; height:auto; margin-right:8px; *display:inline}
.left_li li {width:130px; height:22px; overflow:hidden;}

.top01{ background:url(../imgs/left_bg.gif) repeat-x; border:1px #e1e1e1 solid; height:26px;}
.top01 h3 {line-height:26px; color:#000000; padding-left:8px; float:left; font-size:14px;}
.border01{ border:1px #e1e1e1 solid;  border-top:none;} 


.top02{ background:#e2e2e2; height:26px;}
.top02 h3{line-height:26px; color:#000000; padding-left:8px; float:left; font-size:14px;}
.border02{ border:1px #e1e1e1 solid;  border-top:none; border-bottom:6px #e1e1e1 solid;} 

.column{ padding:10px;}
.column a { clear:both; height:28px; line-height:28px; display:block; color:#333333; font-weight:bold;font-size:14px;}

.letters {padding:10px;line-height:22px;}
.letters li { background:url(../imgs/icos.gif) left -12px no-repeat; padding-left:8px; height:22px;  }
.letters li a { color:#333333;}
.li_none li { background:url(../imgs/icos.gif) left -30px no-repeat;padding-left:8px; width:225px; overflow:hidden; height:23px; font-size:14px;}

.cover{ background:#efefef; border:1px #e1e1e1 solid; text-align:center; padding:10px;}
.cover h2 { font-size:14px; color:#8e2627; height:24px; line-height:24px;}
.cover .img { display:block; overflow:hidden; margin:0 auto;}

.hot_li li{ background:none; padding:0px; width:146px; overflow:hidden;}
.hot_li li b { font-size:12px; font-weight:normal; color:#993333; width:14px; text-align:right; float:left; margin-right:4px;}


/*=============== main ===========*/
.main { float:left; width:824px;}
.today{ width:610px; float:left;height:263px; border:1px #e1e1e1 solid;}
.expert{ width:211px;float:left;height:263px; border:1px #e1e1e1 solid; border-left:none;}
*html .expert{ height:268px;}
 

.today .top03{height:28px; width:590px;}
.top03 h3 { color:#333333; float:left; font-size:12px; height:26px;line-height:26px; padding:0 10px;}
.top03 h1{color:#333333; float:left; font-size:16px; height:26px;line-height:26px; padding:1px 10px; font-family:"黑体"; font-weight:200;}
.today_img{ width:320px; height:215px; border:1px #929395 solid; padding:3px; background:#fff; float:left; margin-right:8px; margin-left:10px; *display:inline;}
.cenfla{ width:316px; height:215px;background:#fff; float:left; *display:inline;}
.today_news{ padding-right:16px;}
.today_news p{ line-height:20px;}
.news_title{ color:#163262; font-size:16px; font-weight:bold;  line-height:22px;}
.news_title a{ color:#163262; font-size:16px; font-weight:bold;  line-height:22px;}
.news_first{color:#163262; font-size:18px; font-weight:bold;  line-height:22px;}
.news_first a{ color:#163262; font-size:18px; font-weight:bold;  line-height:22px;}

.expert_li li{width:191px; clear:both; padding:5px 10px 10px 10px; height:65px;}
.expert_li a {color:#333333;line-height:15px;}
.expert_img {float:left;border:1px #e1e1e1 solid; width:56px; height:56px; margin-right:8px; *display:inline}
.expert_img img {font-size:0px;}
.expert_text { line-height:18px;}
.expert_tit{ display:block; color:#000; font-weight:bold; margin-bottom:2px;}
.expert_tit a{ color:#000;}

.new_2{ width:463px; height:340px; float:left;border-left:1px #e1e1e1 solid; margin-right:50px; padding-top:10px;}
.video { width:288px; height:340px; float:left;border-right:1px #e1e1e1 solid; padding-right:21px;_padding-right:20px;padding-top:10px; }

.new_2 .top03 h3 { color:#333333; float:left; font-size:14px; height:26px;line-height:26px; padding:0 10px;}
.news_box { clear:both;width:443px; padding:0 10px;}
.news2_img { float:left; width:122px; text-align:center; margin-right:10px;*display:inline;}
.news2_img img{width:122px; height:92px;border:1px #e1e1e1 solid; font-size:0; margin-bottom:3px; margin-top:2px;}
.news2_img a { color:#333333;}


.new2_r{float:left; width:310px;}
.new_date { padding:5px 0 10px 0;}
.new_date li{width:140px;float:left;font-size:14px; margin-right:3px; height:24px; overflow:hidden;}
*html .new_date li{ height:18px;}
*+html .new_date li{ height:18px;}
.new_date  li a { float:left;overflow:hidden;width:145px;*display:inline;font-size:14px;line-height:18px;}
.new_date  li div { float:right; width:50px; color:#999999; text-align:left;}
.line { border-bottom:1px #CCCCCC dotted;}


.video h3 {font-size:14px; padding-left:0px;}
.video h5 {font-size:12px; color:#000; font-weight:bold; clear:both;float:left;overflow:hidden; height:22px; line-height:22px;}
.video_img{ width:282px; height:251px; overflow:hidden;}
.ad_center{ width:822px; margin:0 auto; text-align:center; border:1px #e1e1e1 solid; border-bottom:none; overflow:hidden;}
.ad_center img{ margin:10px 0;}

.commend{ clear:both;width:824px;}
.top04{ background:url(../imgs/top_2.gif) no-repeat; width:824px; height:28px;}
.top04 h3 {line-height:28px; color:#993333; padding-left:51px; float:left; font-size:14px;}
.commend_box { float:left; width:400px; height:219px; margin-left:6px; margin-top:10px; position:relative; }
.commend_box img { float:left; font-size:0; width:188px; height:190px;}
.commend p { padding-left:10px; line-height:22px; width:194px; float:left; height:194px; overflow:hidden;}
.commend p a {font-size:14px; color:#333333;}


.character {border-top:4px solid #e1e1e1; padding-top:5px;}
.character h3 { font-size:14px; clear:both;}

.superior{clear:both; padding:5px 20px 10px 6px;}
.superior li { width:135px; float:left; text-align:center; margin-left:21px; display:inline;}
.superior_img { border:1px #969696 solid; width:128px; height:127px; background:#efefef; padding:4px;}
.superior a.h04 { font-size:14px; color:#993333; font-weight:bold;height:22px; line-height:22px; width:135px; overflow:hidden;}
.superior p{ height:14px; line-height:14px; width:135px; overflow:hidden; margin-bottom:15px; }


.gazetteer {border-top:4px solid #999999; padding-top:5px;}
.gazetteer h3 { font-size:14px; clear:both;}

.gazetteers{ clear:both; padding-left:3px; padding-top:5px;}
.gazetteers li {float:left; text-align:center;margin-left:11px; display:inline; width:102px; border:1px #a0a0a0 solid;height:135px; overflow:hidden; margin-bottom:20px; margin-top:3px;}
.gazetteers li  .gazetteer_img{ width:102px; height:116px; overflow:hidden;} 
.gazetteers li a {width:102px; height:19px; line-height:19px; display:block; background:#b1afaf; color:#FFFFFF;}

.friends {width:978px; clear:both; background:#efefef; padding:6px 10px; border:1px #e2e2e2 solid; line-height:20px; margin-bottom:10px;}
.friends span { color:#b80000; font-size:14px; font-weight:bold;}
.friends  a{ margin-left:15px; color:#666}

/*==================================================== foot ==================================================*/
.foot { line-height:22px; height:90px; width:1000px; margin:0 auto; color:#666; text-align:center; border-top:1px #000000 solid; margin-top:10px; padding:8px 0; }
.foot a { font-size:14px; color:#000000; font-weight:bold; margin-left:4px;}
.font_blue{ color:#003399}
.footext{ float:left; width:500px; padding-left:200px;}
.footpic{ float:left; width:200px; text-align:left;margin-bottom:8px;}
.footpic img{ margin-right:4px;}



/*==================================================== 404.html ==================================================*/
.error_img { float:left; margin-top:30px; margin-left:50px}
.error_box { float:left; margin:30px 0 50px 100px; display:inline;}
.error_box h2 { font-size:14px; background:url(../imgs/bottom_ico.gif) left -156px no-repeat; padding-left:20px; margin-bottom:10px;}
.error_box p { margin-top:20px; color:#666; padding-bottom:3px; border-bottom: dotted 1px #CCC;}
.error_box ul { margin-top:5px;}
.error_box ul li a { color:#3366FF;}
.error_box ul li .size14_orange{ font-size:14px; padding:0 5px; color:#FF6600; font-weight:bold; text-decoration:underline;}


/*==================================================== list.html ==================================================*/
.content{width:735px; float:left; border:1px #e1e1e1 solid; margin-right:12px; *display:inline; margin-top:20px;}
.sidebar{ float:left; width:251px;margin-top:20px;}

.top_bg { background:url(../imgs/top_bg.gif) repeat-x; height:33px;border-bottom:1px #e1e1e1 solid;}
.top_bg  h2 { background:#fff; padding:0 13px; height:33px; float:left; line-height:33px; margin-left:40px; font-size:14px;}
.new_list {width:695px; padding-left:20px; padding-top:20px;}
.new_list li { margin-bottom:10px;}
.new_list li p a{ line-height:22px; font-size:14px; color:#666666;}
.caption { height:20px; line-height:20px;width:695px;}
.caption h4 {color:#163262; font-size:14px; font-weight:bold;float:left; width:610px;}
.caption .date { float:right; width:80px;color:#999999; text-align:left;}


/*================== page_box ================*/
.page_box { margin:10px 0; display:inline-block; *display:inline; zoom:1;}
.page_box a { float:left; margin:0 2px; height:14px; padding:2px 7px; border:solid 1px #e5e5e5; background-color:#f8f8f8; color:#000000;}
.page_box a:hover { color:#000099; background-color:#f2f2f2; border-color:#ddd;}
.page_box a.current,.page_box a.current:hover { font-weight:bold; color:#0000CC;border:solid 1px #e5e5e5; background-color:#f8f8f8; cursor:default; text-decoration:none;}
.page_box .unable,.page_box .unable:hover { color:#999;border:solid 1px #e5e5e5; background-color:#f8f8f8; cursor:default; text-decoration:none;}

/*====================== sidebar =================================*/
.ad_5{ width:251px; height:auto;}
.sidebar_li li{ width:220px; height:22px;overflow:hidden; }

.news_detail { padding:20px 10px;}
.news_info{ text-align:center; color:#999; height:14px; line-height:14px; margin-top:10px;}
.new_text {  font-size:14px; color:#666; line-height:24px; width:695px; padding-left:20px; padding-top:0px; height:auto; overflow:hidden; clear:both;}
.new_text p { text-indent:24px; height:auto; clear:both; margin-bottom:10px;}

.print{ clear:both; margin-bottom:20px;height:14px; line-height:14px; margin-top:50px;}
a.print_a { float:right; background:url(../imgs/point.gif) left top no-repeat;height:14px; padding-left:14px; margin-right:24px;}
a.print_a:hover {background:url(../imgs/point.gif) left bottom no-repeat;height:14px; padding-left:14px;margin-right:24px;}



/*========================================= product_group.html =============================================*/
.discount_list { padding:0 0 10px 10px;}
.discount_list li { float:left; width:350px; margin:10px 10px 0 0; display:inline;}
.sub { float:left; width:200px; overflow:hidden;}
.sub li { border-bottom: dotted 1px #CCC; margin:0; padding:5px 0 4px 0;}
.sub a { color:#333;}
.goods_img { float:left; width:120px; height:160px; margin-right:15px; border:solid 1px #eee;}
.goods_img:hover { border-color:#666;}
a.read { background:url(../imgs/read.gif) top right no-repeat;height:14px;line-height:14px; padding-right:16px;color:#0066FF;  float:left;}
a.read:hover { background:url(../imgs/read.gif) right -20px no-repeat;height:14px;line-height:14px; padding-right:16px;color:#FF6600;  float:left; text-decoration:none;}

/*========================================= detail.html =============================================*/
.goods_img_big,.img{ width:130px; height:170px;border:solid 1px #eee;}
.goods_img_big:hover,.img:hover{border-color:#666;}
.goods_img_big{ float:left; margin-right:15px;}
.journal_box{ clear:both; margin:10px 0 30px 40px; height:auto; overflow:hidden;}
.journal_detail { clear:both;width:735px;}
.journal_detail h2{ background:url(../imgs/icos.gif)  left -51px no-repeat; text-indent:16px; font-size:14px; color:#000000; border-bottom:4px #e1e1e1 solid; padding-left:3px;}

.leadin{ margin:20px 40px;}
.leadin li { background:url(../imgs/go_li.gif) 2px no-repeat; border-bottom:1px #e1e1e1 dotted; height:28px; line-height:28px; padding-left:20px;}
.leadin li a { color:#000000; font-size:14px; font-weight:bold; float:left;}
.leadin li a:hover { color:#0033FF; font-size:14px; font-weight:bold;}

.pc_name{float:left; position:absolute; top:195px; left:0px; width:188px; text-align:center;height:14px; line-height:14px; overflow:hidden;}
.num{ float:left; width:59px; height:22px; overflow:hidden; margin-top:3px;}
.num img{width:59px; height:22px;}
/*==================================================== reg.html ==================================================*/

.res_list { padding:40px 0 40px 220px;}
.res_list li { padding-bottom:10px; color:#333;}
.res_list li .second { margin-left:48px;}
.res_list li .first { margin-left:60px;}
.res_list li input { margin-right:10px;}
.narrow { width:100px; margin-right:10px;}
.note { color:#999;}
.note span { color:#F00; padding-right:5px;}
.note_error { color:#F00; background:url(../imgs/bottom_ico.gif) left -98px no-repeat; padding-left:20px;}
.note_right { color:#339900; background:url(../imgs/bottom_ico.gif) left -221px no-repeat; padding-left:20px;}
.more_narrow { width:80px;}
.res_list img { vertical-align:middle; vertical-align:bottom;}
.res_r { float:left; width:998px; margin-top:20px; border:1px #CCCCCC solid;}


/*================== buttons ================*/
.first,.second,.third { display:inline-block; background:url(../imgs/buttons.gif) left top no-repeat; height:24px; line-height: 24px; padding-left:15px; color:#FFF; font-weight:bold;}
.first span,.second span,.third span { display:inline-block;background:url(../imgs/buttons.gif) right top no-repeat; padding-right:15px; cursor:pointer;}
.first:hover,.second:hover,.third:hover { color:#FFF; text-decoration:none;}
.second { background-position:left -24px;}
.second span { background-position:right -24px;}
.third { background-position:left -48px; color:#333;}
.third span { background-position:right -48px; color:#333;}
.ad_left{ width:100%; margin-bottom:5px;}