@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
body { text-align:center; background:url(body_bg.jpg) repeat-x #eee; font-family:Verdana, sans-serif; font-size:12px;}
a { color:#666; text-decoration:none;}
a:hover { color:#333; text-decoration:underline;}
img { border:none;}
ul { list-style:none;}
.clear { width:100%; height:0px; clear:both; overflow:hidden;}

.box { width:920px; margin:0 auto; background:#fff; overflow:hidden;}
.header { height:108px; position:relative; background:url(topjpg.jpg) no-repeat;}
 .lan { position:absolute; top:6px; right:20px;}
  .lan a { color:#fff; margin:0 5px;}
  .lan a:hover { color:#fff;}
 #logo { position:absolute; top:40px; left:30px;}
 .nav { position:absolute; top:56px; left:280px; width:600px; height:32px;}
  .nav li { height:32px; float:left; background:url(allgif.gif) no-repeat; padding:0 13px; line-height:32px;}
  .nav li a { font-size:14px; font-weight:700; display:inline-block; border-bottom:3px solid #f6f6f6; font-family:Verdana;}
  .nav li a:hover { border-bottom:3px solid #f06; text-decoration:none;}
 .nav .nav_font{ color:#CCC;font-size:14px; font-weight:700;}
.flash { padding:10px 0;}

.middle_ad{ padding-bottom:10px;}
 .box_title { width:857px; height:35px; margin:0 auto; background:url(topjpg.jpg) no-repeat 0 -120px; text-align:left; line-height:35px; position:relative;}
  .box_title h2 { font-size:14px; color:#007491; padding-left:30px;}
  .box_title ul { position:absolute; top:6px; left:526px;}
    .box_title ul li { float:left; width:24px;}
	 .box_title ul li a { display:block; width:20px; height:20px;}
     .box_title ul li #raw_01 { background:url(allgif.gif) no-repeat 2px -78px;}
     .box_title ul li #raw_01:hover { background:url(allgif.gif) no-repeat 2px -48px;}
     .box_title ul li #raw_02 { background:url(allgif.gif) no-repeat -28px -78px;}
     .box_title ul li #raw_02:hover { background:url(allgif.gif) no-repeat -28px -48px;}
     .box_title ul li #raw_03 { background:url(allgif.gif) no-repeat -58px -78px;}
     .box_title ul li #raw_03:hover { background:url(allgif.gif) no-repeat -58px -48px;}
     .box_title ul li #raw_04 { background:url(allgif.gif) no-repeat -88px -78px;}
     .box_title ul li #raw_04:hover { background:url(allgif.gif) no-repeat -88px -48px;}
     .box_title ul li #raw_05 { background:url(allgif.gif) no-repeat -118px -78px;}
     .box_title ul li #raw_05:hover { background:url(allgif.gif) no-repeat -118px -48px;}
     .box_title ul li #raw_06 { background:url(allgif.gif) no-repeat -148px -78px;}
     .box_title ul li #raw_06:hover { background:url(allgif.gif) no-repeat -148px -48px;}
  .box_title span { position:absolute; top:0; right:10px; color:#5d99a8; font-family:Arial;}
.feature { width:857px; height:123px; margin:0 auto; background:url(topjpg.jpg) no-repeat 0 -160px;}
.feature li { float:left; width:214px; height:52px; padding-top:58px; color:#FFF; font-weight:700}
.feature li span { color:#ff0;}
.feature #ft_01{ padding-top:64px;}
   
.main { width:856px; margin:0 auto; padding:0 30px 0 34px; text-align:left;}
.main-left { float:left; width:254px;}
.map { width:254px; height:27px; padding-top:208px; background:url(downjpg.jpg) no-repeat 0 -10px;}
.map a { display:block; height:24px; line-height:24px; color:#ccc; padding-left:90px;}
.map a:hover { color:#eee;}
.email { display:block; width:200px; height:33px; margin-top:10px; padding-top:19px; padding-left:54px; background:url(downjpg.jpg) no-repeat 0 -250px; color:#fff; font-size:14px; font-weight:700;}
.email:hover { color:#fff;}
.main-con { float:left; width:370px; height:auto; margin-left:16px; background:url(downjpg_bg.jpg) repeat-y; text-align:center;}
.main-con h4 { padding-left:26px; font-size:11px; font-weight:400; background:url(allgif.gif) no-repeat 0 -114px; height:16px; padding-top:10px;}
	.main-con .main_top{ height:25px;background:url(downjpg.jpg) no-repeat -298px 0; width:370px;}
	.main-con .main_bot{ clear:both; height:15px;background:url(downjpg.jpg) no-repeat -298px -370px; width:370px;}
	.main-con .download, .main-con .news{ padding-bottom:10px;}
	.main-con .download h4 { clear:both; background:url(allgif.gif) no-repeat 0 -140px;}
	.main-con div { width:320px; margin:0 auto; text-align:left; position:relative;}
	.main-con ul{ padding-top:5px;}
	.main-con ul li { width:190px; height:20px; padding-left:20px; background:url(allgif.gif) no-repeat -307px -29px; line-height:20px;white-space:nowrap; overflow:hidden; color:#666;text-overflow:ellipsis;}
	.main-con ul li a{  text-overflow:ellipsis; -o-text-overflow:ellipsis;} 
	.main-con .download ul li { background:url(allgif.gif) no-repeat -307px -60px;}
	.main-con h4 a { float:right;}
	.main-con .con-pic { position:absolute; left:220px; top:50px; border:1px solid #d2bd86; padding:2px;}
	.main-con .con-pic:hover { border:1px solid #f90;}
.main-right { float:right; width:200px;}
	.reviews { display:block; height:31px; padding:11px 0 0 30px; background:url(downjpg.jpg) no-repeat -720px 0; color:#007a8f; font-weight:700; font-size:14px; }
	.main-right h4 { height:18px; margin-top:10px; padding:8px 6px 0 20px; background:url(downjpg.jpg) no-repeat -720px -60px; color:#007a8f; font-size:11px; font-family:Arial, Helvetica, sans-serif}
	.main-right h4 a { float:right; display:block; width:39px; height:11px; background:url(allgif.gif) no-repeat -282px 3px;}
	.main-right h4 a:hover { text-decoration:none;}
	.main-right ul li a{ display:block; width:178px; height:20px; padding-left:12px; line-height:20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;} 
	.main-right .links ul { width:195px; padding-left:3px;}
	.main-right .links ul li { float:left; width:65px; text-align:center; height:26px; border-bottom:1px solid #eee;}
	.main-right .links ul li a { width:65px; height:26px; padding:0; font-family:Arial, sans-serif; font-size:11px; color:#717171; line-height:26px;}

.down { height:25px; padding-top:10px; background:url(downjpg.jpg) no-repeat 30px -386px #fff; line-height:25px; color:#ccc; clear:both;}
.down a { padding:0 8px; font-size:11px;}

.footer { height:56px; padding-top:24px;background:url(downjpg.jpg) no-repeat 0 bottom; color:#999; text-align:center}
.footer p { padding-left:100px;}

.banner { margin:0 auto;}
.content { width:856px; padding:16px 32px 10px; font-size:11px; color:#666; line-height:150%; text-align:left;}

.cont .faqq{ color:#666; font-weight:700; margin-top:20px; margin-bottom:5px;}

.left { float:left; width:560px; padding:20px 28px; border:12px solid #a3d9e9; overflow:hidden}
.left h2 { height:36px; margin-bottom:10px; background:url(con_h2bg.jpg) no-repeat center bottom; font-size:16px; text-align:center;}
.right { float:right; width:200px; margin-top:-12px;}
.right h4 { height:20px; margin-top:10px; padding:6px 6px 0 20px; background:url(downjpg.jpg) no-repeat -720px -60px; color:#007a8f; font-family:Arial, sans-serif; font-size:12px; font-weight:400;}
.right ul li { height:auto; border-bottom:1px solid #fff; background:#ecffff;}
.right ul li.ul_li2 { background:#eee;}
.right ul li a { display:block; padding:4px 6px; height:auto;color:#999;}
.right ul li a:hover { background:#51B6D5; color:#fff; text-decoration:none}
.right ul li a img { float:left; margin-right:4px;}
.right ul li a strong { color:#1d839c;}

/* feedback */
.feedback{float:left; width:580px; padding:20px 18px; border:12px solid #a3d9e9; overflow:hidden}
.feedback h2 { height:36px; margin-bottom:10px; background:url(con_h2bg.jpg) no-repeat center bottom; font-size:16px; text-align:center;}
.user_table{ border:1px solid #DCDCDC; border-collapse:collapse; width:100%}
.user_table td{ padding:5px; border:1px solid #DCDCDC;}
.user_table .td_l{ width:25%; text-align:right; padding-right:5px; color:#23C6E2}
.user_table .td_m{ width:75%; vertical-align:middle}
.user_table .td_m span{ padding-left:10px;color:#F00; font-size:12px;}
.user_table textarea{ padding:2px; color:#666; font-size:11px;}


/*wiki pic*/
.wiki_pic{ text-align:center; padding-top:10px;}
.wiki_pic img{border:1px solid #DCDCDC; padding:1px; }


/*download*/
.download .title{ color:#999999;font-weight:700}
.down_con{ border-bottom:1px solid #E9E9E9; margin-bottom:10px; color:#666; line-height:26px;}
.down_con a{ color:#51B6D5;}
.down_con a:hover{ color:#F00}

/*dealer*/
.dealer{ width:816px; padding:20px 10px; border:10px solid #a3d9e9; overflow:hidden;margin:0 auto; background:#fff;}
.dealer h2 { height:36px; margin-bottom:10px; background:url(con_h2bg.jpg) no-repeat center bottom; font-size:16px; text-align:center;}
.dealer a{ color:#000}
.dealer table{ border-collapse:collapse; border:1px solid #218B99; width:100%}
.dealer td{ border:1px solid #218B99; font-size:12px; background:#F8FBFB}
.dealer .eng td{ padding:5px;}
.dealer .eng a{ position:relative; bottom:7px; padding-left:5px;}
.dealer .eng a:hover{ color:#F00; text-decoration:underline}
.dealer .chn .black{ color:#040F12;background:#F2FCFD; padding-left:15px; font-size:16px; font-weight:700}
.dealer .red{ background:#800000}