@charset "utf-8";
/*---common---*/
body,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,img,div{margin:0;padding:0;border:0;}
body{text-align:center; background:#FFF;padding:0px;font-family:Tahoma, Geneva, sans-serif;
font-size:12px; color:#27364d;
}
h3,h2,h4{font-size:14px;}
a{hide-focus: expression( this.hideFocus=true );color:#27364d;text-decoration:none;outline:none;}
a img{border:none;}
ul{list-style:none;margin:0;padding:0;}
#wrap{
text-align:left;
margin:0 auto;
width:980px;
}
.clear{clear:both; height:0; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.fontw{font-weight:bold;}
.textleft{text-align:left;}
.textright{text-align:right;}
.textcen{text-align:center;}
.font11{font-size:11px;}
.font14{font-size:14px;}
.width100{width:100%;}
.black,a.black,.black a{color:#000;}
.white,a.white,.white a{color:#fff;}
.gray,a.gray,.gray a{color:#787878;}
.blue,a.blue,.blue a{color:#008dc9;}
.red,a.red,.red a{color:#bc0001;}
.mar10{margin-left:10px;margin-right:10px;}
.mar5{margin-left:5px;margin-right:5px;}
.marbot10{margin-bottom:10px;}
.marbot5{margin-bottom:5px;}
.line2m{line-height:2em;}
.lineh{line-height:1.5em;}
.pad10{padding-top:10px;padding-bottom:10px;}
.pad5{padding-top:5px;padding-bottom:5px;}
.apad a{padding:0 10px;}
.apad5 a,.apad5 b,.apad5 span{padding:0 5px;}
/*---layout---*/
#header,#left,#foot{
	float:left;
	width:100%;
}
#foot{text-align:center; padding:5px 0; font-size:11px;}
#left{width:200px; background:url(left_bg.gif) repeat-x left top #0096cd;}
#main{width:100%; float:left; padding-bottom:5px; border-bottom:2px solid #ecf0f3;}
#right{ float:right; width:780px; border-top:1px solid #004497;}
/*---index---*/
.top_r{width:215px; margin-top:60px; padding-right:35px;}
.border_none{background:none; margin:0px; padding:0px; line-height:18px; height:18px; background:none; width:140px; border:none;} 
.seat_box{background:url(s_box.gif) no-repeat left top; width:140px; padding:0 0 0 18px; border:1px solid #e0e0e0; height:18px;}
.nav_bg01{background:url(nav_bg02.gif) repeat-x left top; margin-bottom:1px;}
.nav_bg02{background:url(nav_bg01.gif) no-repeat left top;}
.nav_bg03{background:url(nav_bg03.gif) no-repeat right top; line-height:29px; height:29px; padding:0 10px;}
ul.nav_list li{float:left; background:url(nav_li.gif) no-repeat right center; padding:0 27px 0 22px;}
ul.nav_list li a{padding:0 5px; display:block; color:#253648;}
ul.nav_list li a:hover,ul.nav_list li a.navon{ background:url(nav_on.gif) repeat-x left 25px; color:#01408f;}
.news_bar{width:210px; padding:20px 15px; height:200px; background:url(news.gif) repeat-x left top;}
.news_list li,.tech_list li{background:url(news_i.gif) no-repeat left 8px; padding:0 0 0 15px; line-height:2.3em;}
.home_banner{width:740px; height:240px; overflow:hidden;}
.title01{ background:url(title_02.gif) repeat-x left top;}
.title02{ background:url(title_01.gif) no-repeat left top;}
.title03{ background:url(title_03.gif) no-repeat right top; line-height:30px; height:30px;}
.new_pro{width:220px; padding:10px; height:180px; overflow:hidden;}

.jfocus{width:220px;height:180px;background-color:#FFF;} 
#jfocuspic{FILTER: progid:DXImageTransform.Microsoft.Fade (duration=0.5,overlap=1.0 );width:220px;height:180px;overflow:hidden;} 
#jfocuspic a{display:none; font-size:2em; text-align:center; line-height:200px; font-weight:bold; background-color:#CCC; height:200px; cursor:pointer;} 
#jfocusnum li{cursor:pointer;height:50px; width:50px; line-height:50px;display:inline-block; color:#000; border:#999 1px solid; text-align:center; background-color:#CCC; float:left; margin:0 5px;} 
#jfocusnum li.on{color:#f00; font-weight:bold; border:#900 1px solid; font-size:14px;} 
.tech_box{width:230px;}
.tech_list{padding:15px 0;}
.tech_list li{background:url(dot.gif) no-repeat left 7px; line-height:2em;}
.profile{padding:15px 10px; width:470px;}
.bottom_01{background:url(bottom_03.gif) repeat-x left top;}
.bottom_02{background:url(bottom_02.gif) no-repeat left top;}
.bottom_03{background:url(bottom_01.gif) no-repeat right top; padding:0 15px; height:100px;}
.link_box{width:210px; background:url(link.gif) no-repeat left 15px; padding:55px 15px 0 0; height:45px;}
.recom_box{width:710px; padding:0 0 0 10px; background:url(bottom_r.gif) no-repeat left center; height:100px;}


#demo {
width:710px;
overflow:hidden;
height:65px;
}
 
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
.r_pro{ height:65px; padding:0 5px; float:left;}
.list{width:180px; padding:0 10px; padding-bottom:130px;}
.list li,.list li ul li{float:left; width:100%;}
a.class_01{background:url(news_i.gif) no-repeat 10px 7px; line-height:2em; padding:0 0 0 25px; display:block; font-weight:bold;}
a.class_02{ display:block; padding:0 0 0 28px; line-height:1.5em;}
.left_link{padding:55px 10px 15px 10px; background:url(friend.gif) no-repeat 10px 20px #ecf0f3;}
.bar_title01{background:url(title_bg.gif) repeat-x left top;}
.bar_title02{background:url(i.gif) no-repeat 5px 5px; padding:12px 20px 0 20px; height:37px; line-height:37px;}
.bar_title02 h2{font-size:16px; color:#024190; font-weight:bold;}
.pro_box{width:140px; padding:5px 25px; line-height:30px; float:left; text-align:center;}
.pro_img{width:130px; height:100px; padding:3px; border:2px solid #f5f5f5; background:url(picbg.gif) no-repeat 3px 3px;}
.page_box{width:502px; line-height:20px; height:20px; background:#eff0f2; border:1px solid #ecf0f3; padding:4px 28px 4px 228px;}
.big{padding:3px; border:2px solid #f5f5f5; width:280px; height:250px;margin:0 auto; margin-top:30px;}
.big table{ background:url(big_bg.gif) repeat-x left top;}
.zoom{background:url(zoom.gif) no-repeat left center; text-indent:25px; width:190px; margin:10px auto; margin-bottom:20px;}
.bar_title{ border:1px solid #ecf0f3; padding:0 15px; line-height:28px; height:28px; background:#f6f7f9; width:730px;}
.pageIn{width:760px; margin:auto;}

.div_content{min-height:300px; _height:300px;}
.navpages{padding:0px; margin-top:0px;}
.navpages ul{text-align:right;margin:0;padding:0}
.navpages li{list-style:none;display:inline; width:14px;margin-right:2px;}
.navpages li.thepage{margin-right:5px;color: #1C1C03;padding:1px 4px; width:auto}
.navpages a{text-decoration:none;color:#1C1C03;padding:1px 4px;border:0px solid #fff;}
.navpages a:hover{border:0px solid #888;color:#fff;background:#888; text-decoration:none}
.navpages li.curr_linkpage{border:0px solid #08AA83;color:#fff;padding:1px 4px;background:#002971}
.font_gray {color:#666666;}
.font_red {color:#ff0000;}


.small_box{height:46px; padding:12px 15px;}
.small{ border:1px solid #eeeeee; width:44px; height:44px; margin:0 3px; float:left;}