@charset "utf-8";
/*************************************
* 文件名称：style.css
* 设计公司：深圳易网
* 开发人员：涂丽华
* 创建日期：2011-10-14
* 最后修改：2011-12-07
* 内容概要: 页面主体样式
*************************************/

body{ background:#000 url(../images/body_bg.gif) repeat-x left 24px; color:#999999; }
a{ color:#999999;}
a:hover{ color:#da251d;}



/*导航栏选中状态*/
#nav_sel{ background: url(../images/navover.gif) repeat-x left top; cursor:pointer}
/* 左边一级类别选中状态 */
#sel01{ background:url(../images/classbg_over.gif) no-repeat left center;  color:#da251d;}
/* 左边二级类别选中状态 */
#sel02{ background: url(../images/dot4.gif) no-repeat 6px center; color:#da251d;}
/* 左边三级类别选中状态 */
#sel03{ background:#999999}


/*** layout ***/
#top,#main,#left,#right,#foot{ height:auto; overflow:hidden}

#top{ width:984px; height:97px; margin:0 auto;}
#banner{ width:984px; height:364px; background:url(../images/bannerbg.jpg) no-repeat center center; margin:24px auto; text-align:center}
#main{ width:984px; margin:0 auto}
#left{ width:232px; text-align:left;}
#right{ width:734px;text-align:left}
#foot{ width:100%; margin:25px auto 0;text-align:center; background:url(../images/footbg.gif) repeat-x left top; color:#4d4d4d; padding-top:20px}


/*** 分页样式 ***/
.page{ width:100%; text-align:center; clear:both; height:32px; padding:16px 0; overflow:hidden}
.page a{  padding:6px 12px; border:1px solid #202020; color:#999999; margin:0 1px; font-size:13px; text-align:center}
.page .more{ border:0}
.page a:hover{ background:#181818; color:#990000}

.page .more:hover{ background:none; color:#505050;}
.page .current{ border:0; color:#990000; font-weight:700;}
.page .current:hover{ background:none; color:#990000}
.page .no_pre{ color:#4e4e4e}
.page .no_pre:hover{ color:#4e4e4e;background:none;  }
.page .no_next{color:#4e4e4e}
.page .no_next:hover{ color:#4e4e4e;background:none;}

/* top */
#top .right{ text-align:right}
.lan{ height:24px; overflow:hidden}
.lan a{ padding:0 5px; text-align:right}
.lan a img{ margin-top:6px}
*+html .lan a img{ margin-top:2px}
.nav{ display:block; height:auto; overflow:hidden}
*html .nav{ width:741px;}
.nav li{ float:left; height:72px; overflow:hidden; text-align:center; line-height:6px; color:#333333; font-size:6px; font-family:04b_08, Arial, Helvetica, sans-serif}
.nav li.split{ width:2px;background:url(../images/navsplit.gif) no-repeat}
.nav li a{ display:block; padding:0 24px; font-family:'微软雅黑','黑体'; font-size:14px; color:#cccccc; line-height:28px; margin-top:15px}
.nav li a:hover{ color:#CCC}
.nav li:hover{ background: url(../images/navover.gif) repeat-x left top; cursor:pointer; zoom:1;}

/* banner */
#banner object{ margin-top:7px}

/* 首页主体 */
.newpro{ height:auto; overflow:hidden; width:984px; margin:0 auto}
.newpro .left, .newpro .right{ width:11px; height:329px}
.newpro .left{ background:url(../images/pleft01.gif) no-repeat}
.newpro .right{ background:url(../images/pright01.gif) no-repeat}
.newpro .center{ float:left; width:962px; height:329px; background:url(../images/pbg01.gif) repeat-x left top}

.caption h1{ font-size:16px; line-height:20px; color:#cccccc; font-family:'微软雅黑','黑体';font-weight:300; float:left; padding-left:4px; margin-top:22px}
.caption h1 span{ font-size:12px; padding-left:12px; line-height:12px;  color:#999999; font-family:Arial, Helvetica, sans-serif; font-weight:300 ; vertical-align:bottom}
.caption p{ float:right}
.caption{ height:54px; overflow:hidden}
.caption p a{ display:block; width:88px; height:26px; background:url(../images/more.gif) no-repeat center center; line-height:26px; text-align:left; padding-left:20px; color:#666666; margin-top:16px; margin-right:5px}
.caption p a:hover{ color:#da251d}

.newpro ul{ padding-left:1px}
*html .newpro ul{ padding-left:0}
.newpro ul li{ float:left; background:url(../images/probg.gif) no-repeat center top; display:block; width:310px; height:225px;}
.newpro ul li{ margin:20px 5px 0}
*html .newpro ul li{ margin:20px 4px 0}
.pic{ display:block; width:294px; height:159px; margin:8px auto; text-align:center; overflow:hidden}
.pname{ display:block; height:50px; text-align:left; line-height:50px; padding-left:15px; color:#999999; font-size:14px}

.about_news{ width:984px; height:auto; overflow:hidden; margin:0 auto }
.about_news .left{ width:14px; height:287px; background:url(../images/pleft02.gif) no-repeat}
.about_news .center{ float:left; width:47px; height:287px; background:url(../images/pcenter02.gif) no-repeat;}
.about_news .right{ width:14px; height:287px; background:url(../images/pright02.gif) no-repeat }
.about{ width:590px; height:287px; background:url(../images/pbg02.gif) repeat-x left top; float:left; overflow:hidden}
.news{ width:319px; height:287px; float:left; overflow:hidden; background:url(../images/pbg02.gif) repeat-x left top}

.about_news .caption{ height:66px;}
.about_news .caption h1{ clear:both; display:block; margin-top:12px;  line-height:25px; font-size:16px; text-align:left; padding:0; color:#CCC }
.about_news .caption span{ display:block; line-height:20px; font-size:12px; text-align:left; clear:both; color:#999999}
.about_news .caption div{ float:left}
.about_news .caption p a{ margin-top:26px}
.about  .caption{ background:url(../images/icon01.gif) no-repeat 8px center; padding-left:64px}
.news  .caption{ background:url(../images/icon02.gif) no-repeat 5px center; padding-left:64px}
.about .txt{ padding-top:20px; text-align:left}
.about .txt img{ float:left; padding-right:10px }

.news ul{ margin-top:16px}
.news ul li{ line-height:28px; text-align:right; background:url(../images/dot.gif) no-repeat  4px center; padding-left:18px; padding-right:8px}
.news ul li a{ float:left}

/* foot */
#foot a{ color:#4d4d4d}

/* 内页 */
#subbanner{ width:984px; height:221px; background:url(../images/bannerbg2.jpg) no-repeat center center; margin:24px auto; text-align:center}
#subbanner img{ margin-top:8px}

/* left */
/* 左边类别导航 */
#left h1{ height:53px; background:url(../images/left_title.jpg) no-repeat; overflow:hidden; line-height:53px; font-size:16px; font-family:'微软雅黑','黑体'; color:#cccccc; font-weight:300; padding-left:26px}
.leftclass{ height:auto; overflow:hidden; border:1px solid #171717; border-top:0; margin-bottom:18px}
.leftclass li a{ display:block; height:33px; line-height:33px; background:url(../images/classbg.gif) no-repeat left center; padding-left:28px}
.leftclass li a:hover{ background:url(../images/classbg_over.gif) no-repeat left center}
.leftclass li ul{ padding:0 10px; margin:6px auto 12px}
.leftclass li ul li a{ background: url(../images/dot4.gif) no-repeat 6px 8px; height:auto; line-height:23px; border-bottom:1px dotted #2f2f2f; padding-left:18px;}
.leftclass li ul li a:hover{background: url(../images/dot4.gif) no-repeat 6px 8px; }

/* 左边联系方式 */
.leftcon{ height:auto; overflow:hidden; border:1px solid #202020}
.leftcon h2{ text-align:center; margin-top:4px}
.leftcon p{ padding:15px 18px; text-align:left; padding-bottom:25px; }

/* right */
.right_top{ height:7px; font-size:5px; line-height:5px; background:url(../images/right_top.gif) no-repeat}
.right_foot{height:7px; font-size:5px; line-height:5px; background:url(../images/right_foot.gif) no-repeat}
.subcaption{ height:47px; overflow:hidden; background:url(../images/right_bg.gif) repeat-y center top; padding:0 16px}
.subcaption div{ height:47px; background:url(../images/dot2.gif) repeat-x left bottom }
.subcaption h1{ float:left; background:url(../images/dot3.gif) no-repeat 8px center; line-height:16px; margin-top:18px; font-size:14px;font-family:'微软雅黑','黑体'; font-weight:300; color:#CCC; padding-left:25px  }
.subcaption p{ float:right; line-height:16px; margin-top:16px; padding-right:8px}

.content{ padding:0 30px 20px; text-align:left; height:auto; min-height:476px; overflow:hidden;text-align:left; background: url(../images/right_bg.gif) repeat-y center top;_border-top:1px solid #141414 ;}

.content p{ margin:15px 0; line-height:24px;}

/*在线留言*/
#feedback h4{ width:655px; height:26px; line-height:26px; border-bottom:1px solid #202020; margin:20px auto  0; text-align:left; font-size:12px; font-weight:700}
#feedback  ol{ overflow:hidden; width:665px; margin:0 auto 10px}
#feedback ol li{ overflow:hidden; width:100%; height:auto; border-bottom:1px dashed #202020; padding:5px 0}
#feedback ol li dl{ display:block; clear:both}
#feedback ol li dl dt{ float:left; font-weight:300; width:100px; text-align:right}
#feedback ol li dl dd{ float:left}

#msg_page{ width:665px; margin:0 auto; text-align:center;  padding:15px 0}
#msg_page a{ padding:4px 11px; background:url(../images/msg_page.gif) no-repeat center center;}
#msgform { padding:20px 0}
#feedback td.ftitle{ text-align:right; padding:0}

/* 新闻列表 */
.newslist{ height:auto; overflow:hidden; margin:20px auto}
.newslist li{ height:26px; line-height:26px; text-align:right; background:url(../images/dot.gif) no-repeat 8px center; border-bottom:1px dotted #202020; padding-right:9px }
.newslist li a{ float:left; padding-left:22px}

/* 新闻详情 */
.news_title{ font-size:14px; font-weight:600; text-align:center; margin:20px auto 0; line-height:28px}
.time{ text-align:center; margin-bottom:15px}
.news_txt{ height:auto; overflow:hidden; text-align:left}
.back{ text-align:right; margin:15px auto;} 

/* 产品列表 */
#prolist{ margin:0; padding:0; padding-bottom:20px}
#prolist ul{ height:auto; overflow:hidden; padding-left:19px; margin-top:15px; margin-bottom:15px}
#prolist ul li{ float:left; background:url(../images/probg.gif) no-repeat center top; display:block; width:310px; height:225px;}
#prolist ul li{ margin:12px 19px 0}
*html #prolist ul li{ margin:12px 15px 0}

/* 产品详情 */
.des_title{ width:700px; height:45px; margin:0 auto; line-height:45px; overflow:hidden; text-align:center; font-size:14px; font-weight:700; padding-top:15px; border-bottom:1px solid #1a1a1a}
.parame{ width:700px; height:190px;  margin:18px auto 0; height:auto; overflow:hidden}
.parame .left{ width:400px; height:216px; padding:2px;  border:1px solid #1d1d1d; background:#000 }
.parame .left a{ display:block; text-align:center;width:400px; height:216px; background:#1d1d1d}
.parame .right{ width:284px; height:auto; overflow:hidden; text-align:left; margin-top:1px}
.parame .right img{ border:2px solid #000; cursor:pointer; margin:0 10px 15px;}
*html .parame .right img{margin:0 10px 18px;}
*+html .parame .right img{margin:0 10px 18px;}

/* 选项卡 */
.tabid{ height:auto;  overflow:hidden; display:none; clear:both; }
.tab_nav{ height:30px; width:100%; background:url(../images/dot_line.gif) repeat-x left bottom}
.tab_nav a{ display:block; float:left; width:100px; height:29px;text-align:center; background:url(../images/detail_tab_link.gif) no-repeat center top; color:#cccccc; margin-right:1px; font-size:12px; line-height:30px; cursor:pointer}
.tab_nav a.over{background:url(../images/detail_tab_over.gif) no-repeat center top; cursor:pointer; color:#ffffff; }
.des .tabid{ text-align:left; padding:15px 6px; display:none; line-height:22px}
.des{ margin-top:5px; padding:0 16px}
#prolist .back{ padding-right:30px}