body{margin:auto;background:#ffffff url(../images/bg.gif) top center no-repeat;color:#666666;}

UL,LI{list-style-type:none;}

IMG{ border:none;}

*{margin:0px;padding:0px;}

a,a:hover{text-decoration:none;}

a,p,li,span,h1,h2,h3,h4,h5,h6{color: #666;text-align:left;  font-size:12px; font-weight:inherit;}

h1,h2,h3,h4,h5,h6{ color:#666;font-weight:inherit;}

.top_bg{height:87px;width:100%;background:#fff;}

.clear{clear:both;}

.logo{width:980px;padding:2px 0 0 0;height:87px;margin:0px auto;background:url(../images/logo_bg.gif) right center no-repeat;}

.logo IMG{padding:0px;margin:0px;}

/*����**/

#header{padding-left:10px;position:absolute;left:0px;top:6px;border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5;width:100%;height:32px;background:url(../images/menu.gif) repeat-x;}

#menu {margin:auto;width:980px;}

#menu li {float:left;  margin:0; position:relative; width:104px; height:32px; z-index:100;}

#menu li dl {position:absolute; top:0; left:0; z-index:100;}

#menu li a, #menu li a:visited {text-decoration:none; font-size:16px; font-weight:bold;}

#menu li dd {display:none;padding:0 0 1px 0 ;height:32px;background:#fff;border:1px solid #dddddd;}

#menu li :hover{cursor:pointer;}

#menu li a:hover {border:0;}

#menu li:hover dd, #menu li a:hover dd {display:block;}

#menu li:hover dl, #menu li a:hover dl {background:url(../images/menu_button.gif) no-repeat;}

#menu table {border-collapse:collapse; padding:0; margin:-1px; }

#menu dl {width: 106px; margin: 0;  }

#menu dt {margin:0;height:32px;line-height:32px;_padding:0;}

#menu dd {margin:0;   font-size: 1em; text-align:left;}

#menu dt a, #menu dt a:visited, #menu dt SPAN {font-family:"microsoft yahei";font-weight:bold;display:block;  color:#000; text-align:center;   padding:0;}

#menu dt a, #menu dt span{font-size:14px;}

#menu li:hover dt a, #menu li:hover dt span {color:#fff; }

#menu li dl dt a{display:block;}

#menu li dl dt a:hover{border:none}

 #menu a:hover dt a{color:#fff; }

#menu dd a, #menu dd a:visited {font-size: 12px;line-height:32px;font-weight:bold; color:#666;  text-decoration:none; display:block; text-align:center;}

#menu dd a:hover { color:#000; }

.menu_line a:hover{background:#ae0b0e}

#menu dt a.frist_menu{color:#fff;position:relative;top:-4px;padding-top:4px;display:block;width:90px;height:44px;background:url(../images/menu_hover.gif) no-repeat}

#menu dt a.frist_menu:hover{text-decoration:underline;}

/*����*/

.top_info{width:240px;height:31px;margin:0px 0px 0 0;padding:2px 24px 0 0;float:right;display:inline;overflow:hidden;}

.top_info LI{color:#000;display:inline;white-space:nowrap;float:right;border-right:1px solid #000;padding:0 10px 0 10px;}

.top_info LI img{margin-right:2px;}

.top_info LI A{color:#000;font-size:12px;}

.top_info LI A:hover{text-decoration:underline;color:#2772a2;}

.top_info LI.no_line{border:none;margin-right:25px;}

/*����ͼ*/

.tuijian_cp{ margin:0px; padding:0px 0 0 10px;}

.tuijian_cp LI{padding-top:10px;float:left;display:inline;margin:12px 10px;width:190px;text-align:center;}

.tuijian_cp li IMG{margin:0px; width:170px; height:135px;padding:2px;}

.tuijian_cp li SPAN{color:#666666; text-align:center;font-size:12px;font-family:'microsoft yahei'; display:block;padding-top:7px; padding-bottom:7px; cursor:pointer;}

.tuijian_cp LI:hover span{color:#2772a2}


/*����*/

#hbc_home_header{padding-top: 30px;width:100%;height:435px;overflow:hidden;background:url(../images/banner_bg.jpg) repeat-x;}

.banner{position:relative;width:980px;overflow:hidden;margin:0 auto;}

#wrapper{width:100%;background:#efefef;}

.content{width:980px;margin:auto;padding:0 0 15px 0;}

.ad_part{border-bottom:3px solid #f3f3f3;width:100%;background:#ededed url(../images/middle_bg2.gif) repeat-x}

.ad_title{width:980px;height:30px;background:#ededed url(../images/middle_bg.gif) no-repeat}

.ad_title h2{text-align:left;text-transform: uppercase;color:#333333;line-height:30px;text-indent:1em;font-size:12px;font-family:'microsoft yahei';}

.title{padding:10px 0;}

.product_list{}

.product_list li img{width:191px;height:90px;}

.product_list li{margin:0 7px;padding-top:10px;text-align:center;float:left;display:inline;width:230px;height:297px;overflow:hidden;background:url(../images/produt_list.gif) no-repeat}

.product_list li h2{color:#2772a2;line-height:26px;text-align:center;}

.product_list li span{font-family:'microsoft yahei';line-height:22px;color:#464141;display:block;width:200px;margin:0 auto;}

a.product_list_button{display:block;margin:10px auto 0 auto;width:107px;height:22px;text-indent:-9999px;background:url(../images/button01.gif) no-repeat}

/*���̰���*/

.ad_part2{border-bottom:1px solid #fff;padding-bottom:30px;width:100%;background:#ececec url(../images/ad02.gif) repeat-x}

.wp {position: relative;width: 980px;height:520px;overflow: hidden;margin: 10px auto;}

.slider {position: absolute;width: 980px;margin:auto;left:0;top: 0;}

.fl {}

.list_cp { overflow:hidden;width:980px;margin:0 auto;}

.list_cp a{float:left;display:inline-block;width:234px;margin:0 5px;padding:5px 0 20px 0;text-align:center;background: url(../images/li_bg.gif) no-repeat;}

.list_cp a img{width:220px;height:180px;text-align:center;}

.list_cp a h2{text-align:center;line-height:24px;color:#000;padding-top:10px;}

.list_cp a span{display:block;width:91px;height:21px;margin:0 auto;background:url(../images/button02.gif) no-repeat}

/*���̰���*/

/**ϵͳ�Դ���ҳ��ǩ ��ʽ **/

.r_c_p_no{float:left;display:inline; margin:0px auto; margin-top:30px; margin-bottom:20px;}
.r_c_p_no .page1 span{display:inline; margin:0 5px;font-family:'microsoft yahei';}
.r_c_p_no .page1 span.page-numbar a{padding:0 5px; }
.r_c_p_no .page1 span.page-numbar a.page-num-current{color: red}
.r_c_p_no li a{color:#660000}

.r_c_p_no li a.current{color:#ff0000;}

.r_c_p_no li a:hover{text-decoration:underline;}

/**ϵͳ�Դ���ҳ��ǩ ��ʽ **/

/*������Ѷ*/

.index_left .news01{width:260px;overflow:hidden;}

.news01{ padding:0px 0 0 20px;padding-left:0px;margin-left:0px;}

.news01 LI{height:22px;overflow:hidden; margin:0px; background:url(../images/circle.gif) left center no-repeat;padding-left:8px; }

.biaoji{ float:left;margin-top:2px;padding-right:5px;color:#050754;font-weight:bold;}

.news01 LI A{ float:left; line-height:22px;color:#7e7979}

.news01 LI A:hover{ color: #2772a2;}

.news01 LI SPAN{float:right; color:#2772a2;padding:0 5px 0 0; font-size:12px;}

.news01_border li{border-bottom:1px dotted #ccc;background:none;height:28px;line-height:28px;}

.news01_border li a{line-height:28px;}

.news01_border .biaoji{position:relative;top:-2px;}

/*������Ѷ*/

.list_tab li{display:inline;float:left;}

#new2{display:none;}

.list_tab{height:30px;}

.list_tab li a{color:#fff;display:block;width:108px;height:24px;background:url(../images/bg03.gif) no-repeat;text-align:center;line-height:24px;font-family:'microsoft yahei';}

.list_tab li a:hover{display:block;width:110px;height:30px;text-align:center;line-height:24px;color:#fff;}

.list_tab li a.jiaodian{width:110px;height:30px;background:url(../images/bg04.gif) no-repeat;color:#fff;}

/**���**/

.index_left, .index_right{width:290px;float:left;display:inline;overflow:hidden;}

.index_right{width:670px;float:right;}

.company_info{width:630px;padding:20px 10px 0 10px;min-height:174px;background:#f7f7f7 url(../images/about_bg.gif) no-repeat;}
.company_info h1{ font-size:18px; text-align:center;}
.company_info img{margin-bottom:10px;}
.company_info .body{line-height:24px;}
.company_info P{line-height:24px;font-family:'microsoft yahei';text-indent:2em;}

.left_part, .right_part{width:670px;float:right;display:inline;overflow:hidden;}

.right_part{width:250px;float:left;    margin-top: 30px;}

.list_title{float:left;display:inline;margin-top:20px;height:65px;width:150px;overflow:hidden;background:url(../images/titlebj.gif) no-repeat;}

.list_title h2{color:#2772a2;font-size:16px;font-family:'microsoft yahei';line-height:22px;padding:5px 0 0 66px;}

.list_title span{text-transform:capitalize;font-size:14px;padding-left:25px;}

.list_line{position:relative;margin-top:50px;border-bottom:1px solid #f7f7f7;border-top:1px solid #ccc;width:520px;float:right;display:inline;}

.index_case_show{position:absolute;right:0px;top:0px;}

.index_case_show h2{color:#666;text-align:right;padding-right:5px;height:32px; line-height:32px;padding-left:0px; margin:0px auto 10px auto;font-size:12px;font-weight:normal;}

.index_case_show h2 span{font-weight:bold;font-size:16px;display:block;width:138px;background:url(../images/bg_.gif) no-repeat;overflow:hidden;height:29px;text-align:left;padding-left:15px;float:left;}



/*����ͼ*/

#demo, #third_demo{padding:7px 0 6px 0;_padding:7px 0 6px 0;}

#demo a span, #my_demo a span{text-align: center;font-size: 12px;color:#000;display: block;padding-top: 7px;padding-bottom: 7px}

#demo a, #my_demo a{float:left;margin:0 5px 0 0;}

#demo img, #my_demo img {padding:2px;border: 1px solid #ccc;width:150px;height:120px;}

#indemo, #my_indemo{float: left;width: 800%;}

#demo1, #my_demo1 {float: left;overflow:hidden;}

#demo2, #my_demo2{float: left;overflow:hidden;}

#demo, #my_demo{overflow:hidden;width: 750px;float:left;}

/*����ͼ*/

/*��ҳ*/

.title_{margin:0 auto 0px auto;height:28px;background:url(../images/bg02.gif) repeat-x;}

.title_ h3{color:#2772a2;padding:4px 0 0 10px;float:left;text-align:center;line-height:24px;width:86px;height:24px;font-size:12px;overflow:hidden;background:url(../images/bg_center.gif) bottom center no-repeat;}

.title_contact{height:29px;background:url(../images/bg103.gif) repeat-x;border:1px solid #ccc;border-top:none;border-bottom:none;}

.title_contact h3{color:#2772a2;text-align:left;margin-left:10px;background:url(../images/bg104.gif) left center no-repeat;}

.title_2{line-height:32px;height:33px;background:url(../images/bg06.gif) repeat-x;border:1px solid #ccc;border-top:none;border-bottom:none;}

.title_2 h3{color:#fff;width:124px;height:28px;background:url(../images/bg07.gif) bottom center no-repeat;}

.list02 { width:191px;padding:0px;margin:0px auto;}

.list02 li img{margin-right:5px;position:relative;top:4px;}

.list02 li{height:auto;padding:3px 0;line-height:28px;overflow:hidden;height:28px;}

.list02 li a{display:block;background:url(../images/list_bg.gif) no-repeat;line-height:28px;padding:0px 0 0 10px;margin:0px;color:#676464;text-align:left;}

.list02 li a:hover{color:#000;text-decoration:none;background:url(../images/list_bg_hover.gif) no-repeat;}

.inside_{width:630px;margin:auto;padding-top:20px;}

.left_cp, .right_list{margin-top:10px;width:750px;float:left;display:inline;}

.right_list{width:229px;margin:auto; line-height:25px;}

.right_list img{padding:3px 0}

.border{background:#fff;border:1px solid #ccc;border-top:none;padding:10px 10px;margin-bottom:10px;overflow:hidden;}

/*��ҳ*/

/*������Ѷ*/

.pre_, .next_{width:300px;float:left;margin:30px 0 10px 150px;}

.pre_ SPAN, .pre_ SPAN A, .next_ span, .next_ span A{color:yellow;font-size:14px;}

.pre_ SPAN A:hover, .next_ span A:hover{color:#ffffff;}

/*������Ѷ*/

/*����Ҳ������ʾ**/

.center_{ width:650px;margin:auto;text-align:center;background:none;}

.center_ div{text-align:left;font-size:12px;line-height:22px;}

.center_ IMG{vertical-align: middle;max-width:680px;margin:10px auto;

*width: expression(this.width > 640 ? "640" : true);

}

.center_  P{text-align:left;text-indent:2em;line-height:24px;}

.center_  table{max-width:640px;}

/*����Ҳ������ʾ**/

  /**��һƪ ����һƪ ��ʽ*/

					.pre_, .next_{width:300px;float:left;margin:10px 0 20px 60px;}

					.pre_ SPAN, .pre_ SPAN A, .next_ span, .next_ span A{color:#f88125;font-size:14px;display:inline;float:left;}

					.pre_ SPAN A:hover, .next_ span A:hover{color:#ffffff;}

					/**��һƪ ����һƪ ��ʽ*/

/**�ұ�**/



#footer{width:100%;background:#e5ebeb;border-top:1px solid #cacaca; }

.footer{width:980px;margin:0 auto;min-height:110px;background:url(../images/footer_logo.png) right center no-repeat;}

.footer P{ text-align:left;line-height:24px;font-family:'microsoft yahei'}

#friend_link{height:24px;width:100%;background:#363636;border-bottom:1px solid #000;border-top:1px solid #000;}

.friend_link{width:980px;margin:auto;color:#050754;}

.friend_link a, .friend_link h2{display:inline;line-height:24px;color:#fff;font-family:'microsoft yahei'}

.footer_link{ height:40px;text-align:center; margin:10px auto;}

.footer_link li{ padding:0px 15px 0 15px;*padding-right:6px;*padding-left:6px; width:60px; height:16px; line-height:40px; display:inline; border-right:1px solid #333; }

.footer_link .last_li {border:none;}

.footer_link li A{color:#333; text-align:center;}

.footer_link  li A:hover{color:#2772a2;}



/**��ͼ������ʽ**/

    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}

    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/**��ͼ������ʽ**/	

a:hover{color:#2772a2;}

IMG{border:none;}




#menu_bar {height:56px;overflow:hidden;background:#2772a2;}

#menu_con {width:980px;margin:0 auto;}


/*hack IE   */

#menu {overflow:hidden;}

#menu, #menu li {display:block;list-style-type:none;margin:0;padding:0;}

#menu li {float:left;width:160px;text-align:center; height:56px;}

#menu a{font-size:14px;color:#fff;display:block;padding:20px 18px;}

#menu a {padding:21px 18px;text-align:center;}

#menu a:hover, #menu a.cur{background:#36B9E9;}


.apre { float:left; padding:30px;font-size:16px;}
.anext{ float:right; padding:30px;font-size:16px;}
.apre a,.anext a{ color:#666666;}.apre a:hover,.anext a:hover{ color:#2772a2;}