@charset "utf-8";
/* CSS Document */
/* -------------------------全站样式---------------------- */

body{ margin:20px 0 0 0; padding:0; color:#222; font-size:12px; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height:18px; background: #8f8e9c url(../images/page_bg.jpg) repeat-x top;}

p{ margin:0 0 16px 0; padding:0;}

img{ border:0 none;}

a:link,a:hover,a:visited{ color:#004488; text-decoration:none;}
a:hover{ color:#0096ff; text-decoration:underline;}

h1{ font-size:20px; font-weight:bold; color:#004488; margin:0 0 15px 0; padding:0; line-height:26px;}

h2{font-size:18px; font-weight:bold; color:#004488; margin:0 0 15px 0; padding:0; }

h3{font-size:12px; font-weight:bold;  color:#222222; margin:0; padding:0 0 10px 0;}

h4{font-size:16px; font-weight:bold; color:#004488; margin:0 0 15px 0; padding:0;}

h5{font-size:15px; font-weight:bold; color:#333333; margin:30px 0 22px; line-height:20px;}


ul{ margin:0; padding:0;}
ul li{ margin:0; padding:5px 0; }

.clearboth{ clear:both;}
*html .clearboth{ clear:both; display:inline;}
*+html .clearboth{ clear:both; display:inline;}

.f_blue{color:#06C;}

.f_blue2{color:#003366;}


.f_red{ color:#F00;}

.f_gray{ color:#666;}

.f_green{ color:#090;}

.f_black{ color:#000000;}

.f_ogr{ color:#FF8000;}

.f_10{ font-size:10px;}

.f_13{ font-size:13px;}

.f_14{ font-size:14px;}

.f_16{ font-size:16px;}

.f_18{ font-size:18px;}

.f_20{ font-size:20px;}

.f_22{ font-size:22px;}

.f_bold{ font-weight:bold;}

.t_center{ text-align:center; margin:15px 0 20px 0;}



.float_ul{ margin:0 0 10px 0; padding:0;}

.float_ul li{ float:left;  margin:0; padding:0 10px; list-style:none; text-align:center;}

.learn_more{ text-align:right; margin-bottom:0;}

.learn_more a{  }

.img_center{ vertical-align:middle;}

.mar_right5{ margin-right:5px;}

.mar_left5{ margin-left:5px;}

.mar_left15{ margin-left:15px;}

.mar_left20{ margin-left:25px;}

.mar_bm0{ margin-bottom:0px;}

.mar_bm5{ margin-bottom:5px;}

.mar_bm10{ margin-bottom:10px;}

.mar_bm20{ margin-bottom:50px;}

.mar_top5{ margin-top:5px;}

.mar_top10{ margin-top:10px;}

.mar_top15{ margin-top:15px;}

.mar_top20{ margin-top:20px;}

.fleft{ float:left;}

.fright{ float:left; width:160px; padding-left:10px;}

/* -------------------------Layout----------------------- */

/* ----------header----------- */
#header{margin: 0 auto; width:960px;  }

#top{ height:100px; background:url(../images/logo_bg.gif) no-repeat top;}

.top_left a{ float:left; width:320px; height:70px; margin:15px 0 0 0 ;}

.top_right{ float:right; width:480px; height:100px; color:#FFF; text-align:right; padding-right:20px;}

.top_text{ line-height:30px; font-size:22px; font-weight:bold; padding:15px 0 0 0; height:30px; font-style:italic; vertical-align:bottom; margin:10px 0 15px 0;}

.top_faq a,.top_faq a:link,.top_faq a:hover,.top_faq a:visited{ color:#FFF; padding-top:5px; font-weight:bold;}
.top_faq a:hover{ }

/* ----------menu----------- */
#mainNav{ width:960px; height:33px; background: #ccc url(../images/menubar_bg.gif) repeat-x top left;}

#mainNav{ width:960px; height:33px; vertical-align:bottom; }

#mainNav ul{ margin:0; padding:0;}

#mainNav ul li{ margin:0; padding:0; list-style:none; float:left; text-align:center;}

#mainNav ul li a:link,#mainNav ul li a:hover,#mainNav ul li a:visited,#mainNav ul li a.active{  height:33px; line-height:33px; display:block; font-size:16px; color:#000; font-weight:bold; text-align:center; padding:0 62px !important; *padding:0 62px !important; _padding:0px; _width:190px;}

#mainNav ul li a:hover{ background: url(../images/menubar_on.gif) repeat-x left ; color: #06C; }

#mainNav ul li a.active:link,#mainNav ul li a.active:hover,#mainNav ul li a.active:visited{ background: url(../images/menubar_select.gif) repeat-x left ; color: #06C;}

.bar_line{ width:2px; height:33px; background:url(../images/menubar_line.gif) no-repeat; display:block;}

#mainNav_bm{ height:15px; background:#fff  url(../images/menu_bm.gif) repeat-x top;}

#draw_menu{ margin:0 auto; position:relative; height:0;}

#pro_list{ left:171px; _left:190px; top:0; background:#fff; position:absolute;text-align:left; overflow:hidden; display:none; border:#ccc solid 1px; border-top:#CCC  solid 0px;}
#pro_list ul li{ margin:0; padding:0; list-style:none; font-size:12px; font-weight:bold; border-bottom: #EAEAEA solid 1px;}
#pro_list ul li a{ color:#222; text-decoration:none; width:200px; display:block; padding:0 10px; line-height:26px;}
#pro_list ul li a:hover{ color: #0096ff; background:#E0F5FE;}

/* ----------container----------- */

#container{ margin: 0 auto; width:960px; background:#FFF; }

#banner{ margin:0 auto; width:945px; height:220px; margin-bottom:10px;}
#banner_1{ margin:0 auto;  height:76px; background:url(../images/banner_1.jpg) no-repeat;}
#banner_2{ margin:0 autobanner;  height:100px; font-size:36px; font-weight:bold; color:#FFF; padding-left:308px; line-height:45px; background:url(../images/banner_2.jpg) no-repeat;}
#banner_3{ margin:0 auto;  height:44px; background:url(../images/banner_3.jpg) no-repeat;}

#ban_text{ padding:40px 30px; text-align:right; color:#FFF; font-size:30px; line-height:40px; font-weight:bold;}


/* ----------content----------- */
#content{ margin:0 auto; width:930px; padding-top:20px;}

#content_in{ margin:0 auto; width:930px; padding-top:10px;}

/* ----------left----------- */
#left_col{ float:left; width:665px;}

#left_title{ margin-bottom:5px;  border-bottom: #DBE8F7 solid 2px;}

#left_title h1{ font-size:20px; font-weight:bold; border-bottom:#96b9db solid 1px; padding:0px 0 12px 0; margin:0;}

.section{ background:url(../images/tb_bg.jpg) repeat-y; margin:15px 0 10px 0;}

.section_topbg{ background:url(../images/tb_topbg.jpg) no-repeat top; padding:15px 20px 6px 20px; height:auto; clear:both;}

.section_topbg2{ background:url(../images/tb_top.jpg) no-repeat top; padding:15px 20px 6px 20px; height:auto; clear:both;}


.section_topbg .ul_list li{ list-style:none; padding:0 0 5px 0; line-height:18px;}

.section_bm{ background: url(../images/tb_bm.jpg) no-repeat bottom; height:10px;}


#content_howto{margin:20px 0 0 0;}

#content_howto h2{color:#333; font-size:16px;}

#content_about{margin:20px 0 0 0;}

#content_about h2{color:#333; font-size:16px;}

#content_about p{ line-height:25px;}

#content_about a{ color:#0033cc; text-decoration:underline;}

.Awards{margin:0px auto;padding:0px;width:600px;}

.Awards img{margin:15px;}

.img_middle{ vertical-align:middle; margin:0 4px 0 0;}


/* ----------right----------- */
#right_col{ float:right; width:250px; }

.right_se_bg{ margin-bottom:12px; clear:both; background: url(../images/r_se_bg.jpg) repeat-y;}

.right_tel_title{ height:26px; padding:7px 12px 0 12px;background:url(../images/r_tb_ttile.jpg) no-repeat;}

.right_tel_bm{ padding:15px; background: url(../images/tb_blue_tel.jpg) no-repeat bottom; }

.right_se_top{ height:9px; background:url(../images/r_tb_top.jpg) no-repeat top;}

.right_se_bm{ padding:5px 15px 20px 15px;  clear:both; background:url(../images/r_top_bm.jpg) no-repeat bottom;}


/* ----------5----------- */

.blue_bg_top{ margin:0 auto; margin-top:5px; width:930px; background:#d8eef8 url(../images/tb_blue_top.jpg) no-repeat top;}

.blue_bg_bm{ padding:10px 15px; background: url(../images/tb_blue_bm.jpg) no-repeat bottom;}


.review{ float:left; width:270px; margin-right:20px; padding: 0 0 8px 12px;}

.ul_review{ margin:0 ; padding:0;}

.ul_review li{ margin:0; padding:0 15px; list-style:none; float:left; width:270px;}

/*--------------Friend Link----------------*/
#friend_link{ margin:0 auto; width:930px; padding:15px 0; margin:0px 15px 0 15px; }

#friend_link img { margin:0 0 10px 2px;}

.bm_line{border-bottom:#CCC solid 1px; padding:0 0 10px 0;}


/* ----------footer----------- */

#footer_top{margin:0 auto; width:960px; height:40px; background:url(../images/bottom_bar.jpg) no-repeat top;}

#footer{ margin:0 auto; width:960px; text-align:center; background:url(../images/footer_bg.jpg) no-repeat top; padding:35px 0; }

#footer a:link,#footer a:hover,#footer a:visited{ color:#222; text-decoration:none;}

#footer a:hover{ color:#06C; text-decoration:underline;}


/* -------------------------------------------内页排版-------------------------------------------- */

.content_text{ padding:20px 0;}

.pro { padding:0px 10px 0 10px;}

.ul_left,.ul_right{ float:left; width:320px; margin:0; padding:0;}
.pro_left{float:left; width:175px; margin:0 0 15px 0; text-align:left;}
.pro_right{float:left; width:465px;  margin:0 0 15xp 15px;}

.pro_howto{float:left; width:450px;  margin:0 0 15xp 15px;}

.pro_left2{float:left; width:185px; margin-bottom:15px; }
.pro_right2{float:left; width:450px; color:#003388; margin:0 0 15xp 20px;  }

.pro_left2_1{ padding-left:15px; margin-bottom:15px;}
.pro_left2_2{ text-align:left; padding:0 20px 0 0; }

.pro_line {border-top:#999 dotted 1px; padding:30px 0 20px 0; margin:10px 0 0 0;}
.pro_line2{border-top:#999 dotted 1px; padding:25px 0 0px 0; margin:10px 0;}


.ul_22{ float:left; margin:0 15px 10px 0; padding:0;  width:290px; }
.ul_22 li{ margin:0; padding:3px 0 3px 12px; list-style:none; background:url(../images/icon1.gif) no-repeat; background-position:0 10px;}


.ul_2{ float:left; margin:0 15px 10px 0; padding:0;  width:290px;  }
.ul_2 li{  margin:0; padding:3px 0 3px 12px; list-style:none; background:url(../images/arrow.gif) no-repeat; background-position:0px 9px; }
.ul_2 li a,.ul_22 li a:link,.ul_2 li a:visited,.ul_2 li a:hover,.ul_2 li a:active,{ color:#004488; text-decoration:none;}
.ul_2 li a:hover{ color:#0096ff; text-decoration:underline;}
.ul_2 li a:visited{  color:#06c;}


.ul_howto{ float:left; margin:0 0 20px 0; padding:0 0 20px 0; width:100%; border-bottom:#CCC dotted 1px; font-weight:bold;}
.ul_howto li{  margin:0; padding:3px 0 3px 12px; font-size:12px; list-style:none; background:url(../images/arrow.gif) no-repeat; background-position:0px 9px; }
.ul_howto li a,.ul_22 li a:link,.ul_2 li a:visited,.ul_2 li a:hover,.ul_2 li a:active,{ color:#004488; text-decoration:none;}
.ul_howto li a:hover{ color:#0096ff; text-decoration:underline;}
.ul_howto li a:visited{  color:#06c;}


.ul_faq{ margin:0; padding:0;}
.ul_faq li{ margin:0; padding:5px 0 5px 12px; list-style:none; font-size:13px;  font-weight:bold; background:url(../images/icon1.gif) no-repeat; background-position:0px 10px;}

.ul_how{ margin:0; padding:0;}
.ul_how li{ margin:0; padding:5px 0 5px 30px; font-weight:bold; list-style:none; background:url(../images/fit.gif) no-repeat;background-position:0px 3px; }


.faq_bmline{ padding:25px 0; border-bottom:#CCC dotted 1px;}

.faq_bmline p{ padding:0 5px; }

.a_top { text-align:right; margin-bottom:0; }

/*.faq_bmline img{ margin:10px 0 0 0 !important;}
*/
.img_top{ margin:12px 5px;}


.right_ul{ margin:0; padding:0;}
.right_ul li{ margin:0; padding:0px 0 8px 0; list-style:none; }

.ul_site_map{ margin:0 0 0 50px; padding:0; line-height:26px;}

.ul_site_map li a{ font-weight:bold; font-size:15px; padding:0 0 10px 0;}

.ul_site_map li ul { margin:6px 0 0 20px; padding:0;}

.ul_site_map li ul li{line-height:20px;}

.ul_site_map li ul li a{ font-size:12px;}




.text_c{ text-align:center; margin:10px 0 0 0;}


.back{ text-align:right; margin:-3px -20px -10px 0;}