/* basic */
* {margin:0px; padding:0px;}
body {font-family:Verdana,Arial,sans-serif;background:#01141a url(../image/bg.gif) center fixed;}
h1 {font-size:16px;}
h2 {font-size:14px;}
h3 {font-size:12px;}
div {font-size: 12px; padding:0px; text-align:center; margin:0 auto;}
li {list-style-type: none;}
img {border: 0px;}
input {font-size: 12px;color: black;}
a:link,a:visited {text-decoration:none;}
a:hover{text-decoration:none;}

/* link style */
.gray a {color:#666;}
.gray a:hover {color:#fff;}

.grayblack a {color:#666;}
.grayblack a:hover {color:#000;}

.blue a {color:#069;}
.blue a:hover {color:#000;}

.green a {color:#690;}
.green a:hover {color:#fff;}

.greenblack a {color:#690;}
.greenblack a:hover {color:#000;}

.bluegreen a {color:#0b756f;}
.bluegreen a:hover {color:#000;}

.zheshi a {color:#930;}
.zheshi a:hover {color:#000;}

.tuhuang a {color:#630;}
.tuhuang a:hover {color:#000;}

.white a {color:#fff;}
.white a:hover {color:#000;}



.clear {clear:both;}

/* toolbar */
.toolbar_box {width:auto;height:30px; background:url(../image/bg_toolbar.gif);}
.toolbar {width:990px;height:30px;}
.toolbar_links {width:600px;height:30px;text-align:left;float:left;}
.toolbar_links li {padding-left:10px;padding-right:5px;height:30px;line-height:30px;color:#666;float:left;}
.toolbar_flag {width:auto;height:30px;float:right;}
.toolbar_flag li {padding:7px 10px 0 10px;height:23px;font-size:0;float:left;}
.toolbar_flag_img {display:inline-block;vertical-align:middle;}
.blockspace {width:0;height:100%;display:inline-block;vertical-align:middle;}
.toolbar_shadow {width:auto;height:10px;line-height:10px;font-size:0; background:url(../image/bg_toolbar_shadow.png);}

/* top */
.top {width:990px;height:81px;}
.logo {width:126px;height:53px;margin-left:20px!important;margin-left:10px;margin-top:31px;background:url(../image/bg_logo.png) no-repeat;float:left;}
.slogan {width:auto;padding-left:20px;margin-top:60px;color:#690;float:left;}
.flash_line {width:550px;height:80px;float:right;}

/* navigation */
.navigation {width:1010px;height:40px;padding-top:10px;background:url(../image/bg_navi.png);}
.navigation ul {height:40px;margin-left:30px;}
.navigation ul li {padding:0 16px;float:left;height:40px;line-height:40px;font-size:14px;}

/* navigation */
.banner_middle {width:1010px;height:270px;background:url(../image/bg_banner.png); position:relative;z-index:2;}
.banner {width:542px;height:240px;margin-top:10px;margin-left:20px!important;margin-left:10px;float:left; background:url(../image/bg_line.png) no-repeat right;text-align:left;}
.banner_flash {left:562px;top:10px;float:left; position:absolute;}

/* content */
.content {width:990px;padding-left:20px;background:url(../image/bg_content.png);position:relative; z-index:1;}
.product_navi {width:650px;height:70px;padding-left:20px;background:url(../image/bg_product_navi.gif);float:left;}
.navi_mouse {width:260px;height:60px;padding-left:60px; background:url(../image/icon_mouse.png) no-repeat 0 5px;float:left;}
.navi_mouse ul {padding-top:14px;text-align:left;}
.navi_keyboard {width:230px;height:60px;padding-left:90px;margin-left:10px; background:url(../image/icon_keyboard.png) no-repeat 0 10px;float:left;}
.navi_keyboard ul {padding-top:14px;text-align:left;}
.navi_mouse_name {width:100px;height:22px;line-height:22px;font-size:16px; font-family:Arial;text-align:left;}
.navi_mouse_arrow {width:100px;height:18px;line-height:18px;font-size:14px; font-family:Arial;color:#6c0;text-align:left;}

.content_view {width:970px; position:relative;float:left;}
.picmouse {width:500px;height:440px;float:left; background:url(../image/pic_index.gif) no-repeat 20px 35px;}
.girl { width:463px;height:488px; background:url(../image/girl.png);left:42px;top:-38px; position:absolute;}
.news {width:470px;margin-top:30px;float:left;}
.news_top {width:470px;height:34px; background:url(../image/bg_news.gif) no-repeat;}
.news_top_title {width:185px;height:34px;padding-left:10px;line-height:34px;font-size:14px;color:#600;float:left;text-align:left;}
.news_top_more {width:275px;height:34px;line-height:40px;font-size:12px;float:left;text-align:left;}
.news_list {width:460px;margin-left:10px;}
.news_list li {padding:10px 0;line-height:16px;font-size:12px;font-family:Arial;text-align:left;}
.news_ad {width:470px;height:80px;margin-top:20px;}

.content_shadow {width:1010px;height:20px;background:url(../image/bg_content_bottom.png);}

/* bottom */
.bottom {width:990px;height:60px;line-height:20px;color:#666;}

/* web about us */
.web_name {width:950px;height:20px;line-height:20px;margin-top:30px;margin-bottom:20px;font-size:16px;font-family:Arial;color:#0b756f;text-align:left;}
.web_content {width:950px;line-height:20px;margin-bottom:20px;font-family:Arial;color:#666;text-align:left;}
.web_content img {float:right; border:6px solid #DDD;}

/* web products */
.products_box {width:950px;}
.products_frame {width:320px;float:left;}
.products_list {width:320px;margin-bottom:20px;}
.list_image {width:152px;height:152px;background:#CCC;float:left;}
.list_image img {margin:1px;}
.list_type {width:320px;height:22px;line-height:22px;font-size:14px;font-family:Arial;text-align:left;}
.list_name {width:320px;height:22px;line-height:22px;font-size:14px;font-family:Arial;text-align:left;}

.product_list_line {width:20px;height:2160px;float:left;background:url(../image/bg_dotline_shu.gif) repeat-y}

/* web products view */
.viewproduct_title {width:776px;height:32px;line-height:24px;text-align:left;padding-top:8px;padding-left:10px;}
.viewproduct_content {width:776px;height:400px;}
.bigphoto {width:310px; float:left;}
.bigphoto ul {width:310px;line-height:24px; text-align:left;}
.bigphoto ul li {width:48px;height:58px;margin-left:12px!important;margin-left:9px; text-align:left;float:left;}
.adefault {width:48px;height:58px;background:url(../image/bg_smallpic_none.gif); display:block;}
.ahover {width:48px;height:58px;background:url(../image/bg_smallpic_arrow.gif); display:block;cursor:pointer}
.bigphoto ul li img {margin-top:13px;margin-left:3px;border:solid 1px #ccc;}

.bigphoto a {color:#693;}
.bigphoto a:hover {color:#f60;}

.ui-dialog-content { background:#ccc;}
.productinfo {width:444px;height:468px; float:left;margin-left:20px;overflow:auto;}
.productinfo li {width:414px;line-height:22px;font-size:12px;text-align:left; padding-left:12px; text-indent:-12px;float:left;}
.productinfo a {color:#09c; font-weight:bold;}
.productinfo a:hover {color:#f60; font-weight:bold; text-decoration:none;}

/* web download */
.download_frame {width:340px;float:left;padding-left:10px;}
.download_list {width:340px;}
.download_list_classes {width:340px;height:30px;line-height:30px;font-size:14px;color:#09c;text-align:left;}
.download {width:340px;height:30px;}
.download li {padding:0 5px 0 0;height:30px;line-height:30px;float:left;text-align:left;color:#666;}

/* web video */
.flash {width:600px;float:left;}
.flash_title{width:600px;height:30px;line-height:30px;}
.flash_video {width:600px;}
.flash_video a {margin:0 auto;}

/* web certificates */
.zhengshu_frame {width:340px;float:left;padding-left:10px;}
.zhengshu_list {width:340px;}
.zhengshu_list_classes {width:340px;height:30px;line-height:30px;font-size:14px;color:#09c;text-align:left;}
.zhengshu {width:340px;height:30px;}
.zhengshu li {padding:0 5px 0 0;height:30px;line-height:30px;float:left;text-align:left;color:#666;}

/* web contact us */
.contactus {width:600px;padding-left:10px;margin-bottom:20px;float:left;}
.contactus ul {width:600px;text-align:left;}
.contactus ul li {line-height:24px;text-align:left;color:#333;}
.contactus ul li img {margin-left:10px;}
.contactus ul li input {height:19px;line-height:19px;}

.contact_type {width:700px;padding-left:10px;margin-bottom:20px;float:left;}
.contact_type ul {text-align:left;line-height:20px;color:#930;font-family:Arial;}

.map {width:460px;padding-left:10px;float:left;}
