@charset "utf-8";
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *	[style]
 *	date: 2011-05-25
 *	company: http://www.creatbest.com
 *	author: mittya
 *	url: http://mittya.com
 *	version: 1.0.0
**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*
 *~~~~~~~~~~~~~~~~~~~~	reset ~~~~~~~~~~~~~~~~~~~~*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { margin:0; padding:0; border:none; font-size:100%; }
html, body { height:100%; }
b, strong { font-weight:bold; }
img { font-size:0; border:none; }
table { border-collapse:collapse; border-spacing:0; }
/*
 *~~~~~~~~~~~~~~~~~~~~	theme ~~~~~~~~~~~~~~~~~~~~*/
body { background-color:#F7F8F8; font-size:12px; color:#5C5C5C; font-family: "Microsoft YaHei","宋体", Arial, Helvetica, sans-serif; _font-family:"宋体", Arial, Helvetica, sans-serif; }
/*	[a]	*/
a { text-decoration:none; color:#5C5C5C; font-size:12px; }
a:hover { text-decoration:underline; }
/*	[ul]	*/
ul { list-style:none; }
/*	[h1~h6]	*/
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }


/*
 *~~~~~~~~~~~~~~~~~~~~	global ~~~~~~~~~~~~~~~~~~~~*/
.center { margin:0 auto; }
.width { width:968px; }
.hidden { line-height:0; color:#FFF; font-size:0; overflow:hidden; text-indent:-9999px; }
/* float */
.left { float:left; }
.right { float:right; }
/* color & font */
.f_11p_arial { font-size:11px; font-family:Arial; }
/* clear */
div.clear { clear:both; }
.clearhi { clear:both; height:0; visibility:hidden; }
span.clear { display:block; clear:both; }
/*
 *~~~~~~~~~~~~~~~~~~~~	style [header] ~~~~~~~~~~~~~~~~~~~~*/
/* bar */
#header .bar_top { height:33px; background:url(../images/bg_topbar.jpg) center top repeat-x; min-width:968px !important; }
#header .bar_link ul { width:180px; float:right; }
#header .bar_link li { float:left; padding-left:5px; height:30px; line-height:30px; }
#header .bar_link li a.en { font-weight:bold; font-family:Arial; }

#header .logo { width:431px; height:74px; background:url(../images/logo.png) left top no-repeat; }
#header .logo a { display:block; width:431px; height:74px; }
#header .logo_box .phone400 { width:285px; height:14px; margin-top:40px; background:url(../images/400.jpg) left top no-repeat; }



/*
 *~~~~~~~~~~~~~~~~~~~~	style [show] ~~~~~~~~~~~~~~~~~~~~*/
#show_box { background-color:#DEDDDE; _margin-left:-11px; }
/* bar */
#content .bar_content { height:17px; background:url(../images/bg_conbar.jpg) center top repeat-x; margin-bottom:6px; }
/* inside show img */
.show_pic_inside { height:194px; margin-top:1px; }

/*
 *~~~~~~~~~~~~~~~~~~~~	style [navgation a click] ~~~~~~~~~~~~~~~~~~~~*/
.navgation a { outline:none; }
.navgation a:active { star:expression(this.onFocus=this.blur()); }
.navgation a:focus { outline:0; }

/*
 *~~~~~~~~~~~~~~~~~~~~	style [navgation] ~~~~~~~~~~~~~~~~~~~~*/
.navgation { height:30px; background:url(../images/nav_bg.jpg) center top repeat-x; }
.navgation li { float:left; height:30px; line-height:30px; }
.navgation li.nav_line { width:1px; background:url(../images/nav_line.jpg) left top no-repeat; }
.navgation li a { display:block; float:left; width:137px; text-align:center; font-family: "Microsoft YaHei"; height:30px; line-height:30px; font-size:14px; color:#FFF;}
.navgation li a:hover { text-decoration:none; background:url(../images/navho_bg.png) left bottom repeat-x; _background:#be5557; }
.navgation li.navli { position:relative; z-index:999; }
.navgation li ul.nav_group { display:none; width:137px; position:absolute; left:0; top:30px; padding-bottom:6px; _padding-bottom:0px; background-color:#F7F8F8; border-bottom:2px #9C0A0D solid; z-index:999; }
.navgation li ul.nav_group li { float:none;  height:24px; line-height:24px; }
.navgation li ul.nav_group li a { float:none; padding:0; font-weight:normal; font-size:12px; color:#333; }
.navgation li ul.nav_group li a:hover { font-weight:bold; color:#FFF; text-decoration:none; background:#be5557; }


/* banner */
#content .banner_1 a, .banner_2 a { display:block; height:56px; }
#content .banner_1 { height:56px; background:url(../images/banner_1.jpg) center top no-repeat; margin-bottom:15px; }
#content .banner_2 { height:56px; background:url(../images/banner_2.jpg) center top no-repeat; }

/*
 *~~~~~~~~~~~~~~~~~~~~	style [footer] ~~~~~~~~~~~~~~~~~~~~*/
#footer { background-color:#DBDBDB; border-top:1px #7D7D7D solid; margin-top:37px; padding-top:2px; padding-bottom:15px; min-width:968px !important; }
#footer #foot_nav { height:28px; background-color:#AA1F22; padding-left:7px;margin:0 auto; margin-bottom:18px; text-align:center; line-height:28px; color:#fff;}
#footer #foot_nav a { color:#FFF; margin:0 10px 0 10px; }
#footer .cr73 { color:#737373; }
#footer .cr73 img { float:left; }
#footer .cr73 span { display:block; width:520px; float:left; padding-top:5px; padding-left:18px; }
#footer .cr73 a { color:#AA1F22; text-decoration:underline; }
#footer .cr73 a:hover { text-decoration:none; }
#footer .cr9 { color:#999; }
#footer .cr9 a { color:#999; }
#footer .copyright { color:#666; padding-top:5px; line-height:18px; }
#footer p a { text-decoration:underline; color:#AA1F22; }
#footer p a:hover { text-decoration:none; }