/* all*/
* { margin: 0px; padding: 0px; }
body { font-family:"Arial"; margin:0; padding:0; background:url("images/bg01.jpg") 0 0 repeat-x; font-size:14px; color:#005685;}
img { border:0 }
a { text-decoration: none; color:#005685; }
/*top*/
#header{width:900px; height:121px; margin:0 auto;}
#logo{width:256px; height:78px; overflow:hidden;}
#nav{height:43px; line-height:43px;}
#nav li{list-style:none; float:left; display:inline; text-align:center; width:150px; height:43px; background:url(images/nav_bg.gif) 0 0 no-repeat;}
#nav li a{ color:#ffffff; display:block; font-size:16px; font-weight:bold;}
#nav li a:hover{background:url(images/nav_hover.gif) 0 0 no-repeat;  text-decoration: underline;}
#ifocus{width:900px; height:200px; overflow:hidden; margin:15px auto;}
/*container*/
#container{ width:900px; height:auto; overflow:hidden; margin:15px auto; }
#left{float:left; width:630px; margin-right:15px; height:auto; overflow:hidden;}
#left h2{ width:598px; height:35px; line-height:35px; background:url(images/title_bg.gif) 0 0 no-repeat; font-size:16px; padding-left:32px;}
/*产品*/
.pro{ padding:0 5px 5px 5px; width:620px; height:197px; border-bottom:1px dashed #005685; margin-bottom:15px;}
.pro h4 a{ height:37px; color:#008aff; line-height:37px;}
.pro h4 a:hover{ text-decoration:underline;}
.pro_pic{float:left; width:130px; height:160px;}
.pro_right{float:right; width:480px; height:160px;}
.pro_pic1{float:right; width:130px; height:160px;}
.pro_right1{float:left; width:480px; height:160px;}
.pro_con{line-height:1.6em; height:130px; overflow:hidden;}
.pro_con_bottom{ width:480px; height:30px; line-height:30px;}
.price{float:left;}
.buy{float:right; padding-left:20px; background:url(images/buy.gif) 0 50% no-repeat; margin:0 10px;}
.buy a:hover{text-decoration:underline;}
.download{float:right; padding-left:20px; background:url(images/download.gif) 0 50% no-repeat; margin:0 10px;}
.download a:hover{text-decoration:underline;}
#page{text-align:right; margin-top:30px; }
#page a:hover{ text-decoration:underline;}

#right{float:left; width:255px; height:auto; overflow:hidden;}
.right_pic{width:255px; height:255px; overflow:hidden; margin-bottom:15px;}
.pro_list{ width:255px; overflow:hidden;}
.pro_list_top{width:255px; height:3px; overflow:hidden; float:left;}
.pro_list_top1{ width:3px; height:3px; overflow:hidden; float:left; background:url(images/yj01.gif) 0 0 no-repeat;}
.pro_list_top2{ width:249px; height:1px; overflow:hidden; float:left; border-top:2px solid #007eff;}
.pro_list_top3{ width:3px; height:3px; overflow:hidden; float:left; background:url(images/yj01.gif) -3px 0 no-repeat;}
.pro_list_middle{width:245px; overflow:hidden; float:left; border-left:2px solid #007eff; border-right:2px solid #007eff; padding:0 3px;}
.pro_list_middle h3{ height:30px; margin:0 2px; border-bottom:2px solid #007eff; line-height:30px; font-size:16px; color:#053172;}
.title{ float:left; padding-left:20px; background:url(images/tag02.gif) 5px 50% no-repeat;}
.more{float:right; padding:15px 10px 0 0;}
.pro_list_middle ul{list-style:none; line-height:1.8em; margin:8px 0 0 0;}
.pro_list_middle ul li{padding-left:20px; background:url(images/tag03.gif) 5px 50% no-repeat; font-size:12px;}
.pro_list_middle ul li a:hover{color:#007eff; text-decoration:underline;}
.pro_list_bottom{width:255px; height:3px; overflow:hidden; float:left; margin-bottom:15px;}
.pro_list_bottom1{ width:3px; height:3px; overflow:hidden; float:left; background:url(images/yj01.gif) 0 -3px no-repeat;}
.pro_list_bottom2{ width:249px; height:1px; overflow:hidden; float:left; border-bottom:2px solid #007eff; }
.pro_list_bottom3{ width:3px; height:3px; overflow:hidden; float:left; background:url(images/yj01.gif) -3px -3px no-repeat;}

/*footer*/
#footerbg{background:url(images/footer_bg.jpg) 0 0 repeat-x; height:73px; overflow:hidden;}
#footer{ width:900px; height:73px; margin:0 auto; text-align:center;}
#footer p{ margin:15px; color:#ffffff;}
#footer p a{color:#ffffff; margin:0 5px;}
#footer p a:hover{text-decoration:underline;}