@charset "utf-8";
.body_skin{ width:862px; margin:0 auto; background:url(img/bodyBg.gif) left top repeat-y;}
/*--head--*/
#head{ width:840px; margin:0 auto;}
.head_top{ height:88px; background:url(img/head_top.jpg) no-repeat; text-align:right;}
.head_top ul{ padding:16px 20px 0 0;}
.head_top li{ display:inline; font-size:12px;}
.head_top li.icon{ padding:0 16px 0 18px;}
.head_top li.index{ background:url(img/icon01.gif) left center no-repeat;}
.head_top li.collect{ background:url(img/icon02.gif) left center no-repeat;}
.head_top li.contact{ background:url(img/icon03.gif) left center no-repeat;}

.navBox{}

/*--content--*/
#content{ width:840px; margin:0 auto; text-align:left;}
.menuBox{ width:200px; background:url(img/menuBg.gif) left 34px repeat-x;  margin:5px 0 0 0;}
.menuBox h6{ padding:0 0 10px 0;}
.menuBox h2,.menuBox ul.menu_list li{ height:27px; line-height:27px; border-bottom:1px solid #d8d8d8;}
.menuBox h2{ margin:0 10px; font-size:12px;}
.menuBox h2 a{ color:#0347a2; background:url(img/icon04.gif) 10px 0 no-repeat; padding:0 0 0 30px;}
.menuBox h2 a:hover{ background:url(img/icon04.gif) 10px 2px no-repeat;}
.menuBox ul.menu_list{ margin:0 10px;}
.menuBox ul.menu_list li{}
.menuBox ul.menu_list li a{ color:#656565; background:url(img/icon05.gif) 25px center no-repeat; padding:0 0 0 40px;}
.menuBox ul.menu_list li a:hover{ color:#f60; text-decoration:underline; background:url(img/icon06.gif) 25px center no-repeat;}

.content_r{ width:617px; padding:5px 10px 150px 12px; border-left:1px solid #dbdbdd;}
.bannerBox{ width:617px; height:152px; background:url(img/banner.jpg) no-repeat;}
h2.intro_tit{ padding:15px 0 0 0;}
.introBox{ padding:15px 20px 0 20px;}
.introBox p{ line-height:24px; color:#333; text-indent:2em;}
.introBox p strong{ color:#039;}
.introBox p span{ color:#f00;}
.map{ background:url(img/map.gif) center 20px no-repeat;}
.contactBox{ padding:25px 20px 0 20px; font-weight:bold; color:#039; font-size:16px; text-align:center; line-height:35px;}
.contactBox span{ color:#f00;}

.proBox{}
.proBox h3{ font-size:14px; color:#f60; text-align:center; padding:20px 0 10px 0;}
.proBox h3 a{ color:#039; font-size:12px;}
.proBox h3 a:hover{ text-decoration:underline;}
.pro_list li{ float:left; padding:5px 9px;}
.pro_list li img{ width:182px; height:139px; padding:2px; background:#f90;}
.pro_intro{ clear:both; padding:0 30px;}
.pro_intro h6{ font-size:12px; color:#039; padding:15px 0 5px 0;}
.pro_intro p{ line-height:30px; color:#333; text-indent:2em; padding:0;}

.pro_01{}
.pro_01 td{ padding:5px 0; text-align:center;}
.pro_01 td img{ padding:2px; background:#f90;}
.pro_01 img.small{ width:260px; height:160px;}
.pro_01 img.ff{ width:200px; height:175px; padding:0; background:none;}

table.table_list{ background:#ccc;}
table.table_list td{ background:#fff; height:20px;}


/*--foot--*/
#foot{ width:840px; margin:0 auto; line-height:20px; color:#333; border-top:2px solid #06c; padding:20px 0;}