@charset "utf-8";

/* css reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
a { color:#494949; text-decoration:none; }
a:hover {}
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content:""; }

/* css base */
body { background:#f4f8fb url(../images/topd.jpg) no-repeat center top; font-family: "微软雅黑","宋体"; font-size:12px; color:#494949; text-align:center; line-height:1.8;}
.dswrapper { width:988px; margin:0 auto;background:#FFF; padding:0 8px; overflow:hidden;}
.left{ float:left;}
.right{ float:right;}
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear { +display:none; clear:both;}

/* css main page */
.header{ height:85px; width:988px; float:left;}
.nav{ height:35px; line-height:35px; width:988px; float:left; background:url(../images/nav_bg.jpg) repeat-x 0 0;}
.nav li{ float:left; width:122px; height:35px; border-right:1px solid #3577af;}
.nav li a{ display:block; color:#fff; line-height:35px; width:123px; height:35px;}
.nav li a:hover{ background:url(../images/nav_bg_h.jpg) repeat-x 0 0;}

.banner{ width:988px; height:366px; float:left;}
.slideBox{ width:988px; height:366px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:988px; height:366px; display:block;  }


.main_pro{ float:left; width:740px;}
.main_contact{ float:right; width:235px; text-align:left;}
.main_contact p{ padding:0 10px;}

.picMarquee-left{ width:740px;  overflow:hidden; position:relative; float:left;   }
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1;  float:left; height:280px; }
.picMarquee-left .bd ul li{ margin:8px 15px 8px 16px; width:149px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:143px; height:107px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }

	
/* -- sub page -- */
.sub_banner{ width:988px; height:223px; float:left;}
.slideBoxa{ width:988px; height:223px; overflow:hidden; position:relative;  }
.slideBoxa .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBoxa .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBoxa .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBoxa .hd ul li.on{ background:#f00; color:#fff; }
.slideBoxa .bd{ position:relative; height:100%; z-index:0;   }
.slideBoxa .bd li{ zoom:1; vertical-align:middle; }
.slideBoxa .bd img{ width:988px; height:223px; display:block;  }

.sub_left{ float:left; width:213px;}
.sub_left_title{ width:213px; float:left;} 
.sub_list{ width:213px; float:left; text-align:left;}
.sub_list li{ float:left; width:213px; height:34px;} 
.sub_list li a{ display:block; width:183px; height:34px; line-height:34px; background:url(../images/left01.jpg) no-repeat 0 0; padding-left:30px; color:#494949;}
.sub_list li a:hover,.sub_list li.hover a{ color:#ff6600;}
.sub_left_img{ float:left; width:213px; margin:10px 0;}

.sub_right{width:740px; float:right;}
.sub_right_title{ background: url(../images/about_08.jpg) no-repeat 0 0; width:715px; height:56px; padding-left:25px;text-align:left;color:#ff6600; font-size:14px; line-height:56px;}
.sub_right_con{ float:left; text-align:left; width:720px; padding:10px;}
.sub_right_con img{ max-width:720px;}

.pro_li{ float:left; width:720px; text-align:left;}
.pro_li li{ float:left; width:150px; height:185px; margin-right:30px;}
.pro_li li a{ display:block; width:150px; height:145px; color:#ff6600;}
.pro_li li a font{ color:#666;}
.pro_li li img{ padding:2px; border:1px solid #ccc;}

.pro_li2{ float:left; width:720px; text-align:left;}
.pro_li2 li{ float:left; width:222px; height:186px; margin:0 8px;}
.pro_li2 li a{ display:block; width:222px; height:186px; color:#ff6600;}
.pro_li2 li a font{ color:#666;}
.pro_li2 li img{ padding:2px; border:1px solid #ccc;}


.sub_pro_con_l{ float:left; width:420px;}
.sub_pro_con_r{ float:right; width:290px; padding-top:20px;}

.sub_pro_con_c{ width:720px; float:left; min-height:300px; text-align:left;}
.sub_pro_title{height:38px; line-height:38px; text-align:left; width:720px; font-size:14px; border-bottom:1px solid #06F;}
.sub_pro_title h1{ background-color:#06F;color:#FFF; width:100px; height:38px; float:left; text-align:center;}
.sub_pro_con_con{ padding:10px;}


/* -- page footer -- */
.footerbox{ height:106px; width:100%; background-color:#889ab9;}
.footer{ width:1004px; margin:0 auto; height:43px; text-align:left; color:#fff;}