﻿*{ margin:0 auto}
body { font-size:12px; font-family: Arial, Helvetica, sans-serif; height:100%;}
li{ list-style:none;}
.none{ display:none;}
ul{ margin:0px;padding:0px;}
#main-all{ width:980px; height:100%; background:url(../img/main-bg.jpg) repeat-y; padding-bottom:20px;}
#header,#topic,#toptitle,#main,#product{ width:960px;}


#header{background:url(../img/header-bg.jpg) repeat-x; height:100px;}
.header-nav { height:30px;}
.header-nav li{ float:left; height:46px;}
.header-nav li.logo{ width:180px;text-align:left; padding-top:30px; padding-left:20px;}/*网站LOGO图片模块*/

/*头部-中间部分3栏菜单部分*/
.header-nav li.nav{ width:330px;}

.header-nav li.nav dt{ padding-top:26px; float:left; display:block;width:110px; text-align:center; cursor:pointer}
.header-nav li.nav dt img{ border:0px;}
.header-nav li.nav dt a{font-size:16px; text-decoration:none; color:#363636; font-weight:bold;}
.header-nav li.nav dt a:hover{ color:#8DC63F}
.header-nav li.nav dt.v1 {display:block;width:110px;}
/*头部-中间部分3栏菜单部分*/

/*头部-右部分4栏菜单部分*/
.header-nav li.navc{ float:right; width:380px; margin-left:45px;padding-top:10px;}
.header-nav li.navc dt{ float:left; text-align:center;}
.header-nav li.navc dl.index{ padding-bottom:10px; color:#999;}
.header-nav li.navc dl.index a{ padding:0px 8px 0px 8px; color:#999; text-decoration:none;}
.header-nav li.navc dl.index input.sou{ border:1px solid #333; background:#f2f2f2; font-size:12px; padding-top:2px; height:13px; width:148px;}
.header-nav li.navc dl.index input.s1{ border:0px;height:18px; float:right; margin-right:22px;}

.header-nav li.navc dl.o{ padding-left:23px;}
.header-nav li.navc dl.o dt{background:url(../img/line.gif) right no-repeat ; padding:0px 13px 0px 10px;}
.header-nav li.navc dl.o dt.oo{ background:none}
.header-nav li.navc dl.o img{ border:0px}
/*头部-右部分4栏菜单部分*/

.header-nav li.nav dt a.g1{ display:block;float:left; width:109px;height:46px; background: url(../img/t1.gif) no-repeat}
.header-nav li.nav dt a.g2{ display:block;float:left; width:109px;height:46px; background:url(../img/navb1.gif) no-repeat}


.header-nav li.nav dt a.h1{ display:block;float:left; width:109px;height:46px; background: url(../img/t2.gif) no-repeat}
.header-nav li.nav dt a.h2{ display:block;float:left; width:109px;height:46px; background: url(../img/navb2.gif) no-repeat}



/*头部滑动门效果下的子菜单*/

#snav ul{ padding-left:210px; padding-top:8px;}
#nv_Content1{ padding-left:100px}
/*头部滑动门效果下的子菜单*/

#about-content{ width:920px; padding-top:10px;}
#a-left{ width:160px; float:left;height:300px;}

.menu-list a{ background:#efefef;color:#333;text-decoration:none; padding-left:8px;float:left; line-height:26px; width:150px; margin-top:1px;}
.menu-list  a:hover{color:#fff;text-decoration:none; background:#a0c84b;}

.menu-list a.thisclass{background:#a0c84b;color:#fff;}

.menu-list a.thiso{ background:#ccc;}
.menu-list a.thisclassa{ background:#ccc;}

#nav{padding:10px 0px 4px 0px;margin:0px 0px 10px 0px}
#nav a{color:#777;text-decoration:none;}
#nav a:hover{color:#777;text-decoration:underline;}

#a-right{ width:740px; float:right; text-align:left}
#top{ line-height:150%;color:#777;}
#top img.m1{ float:right; margin:0px 0px 8px 8px;}
h5{ background:#ccc; width:590px;padding:5px 0px 4px 10px; margin-bottom:18px;}

#topb{ width:740px;}
#topb  li{ float:left; margin-bottom:3px; width:365px;}

#topb  li a{ display:block; border:1px solid #ccc;width:363px; margin-left:3px; margin-top:3px; padding:4px 0px 3px 0px; text-align:center; background:#EBEBC8; text-decoration:none; color:#000;}
#topb  li a:hover{ background:#a0c84b}
#topb  li.bc{ width:740px;}
#topb  li.bc img{ margin:0px 2px 0px 3px;}
#topb img{ margin-left:3px;}



#casebox{ width:738px;}
.left{ float:right; width:630px;}
.left li{ line-height:150%;color:#888; width:610px; height:800px; padding-bottom:20px;}
.left li dt{ float:left; width:200px;}
.left li dt span{ color: #06C}
.right-menu{ float:left; width:80px;}
.right-menu li{color:#888; display:block;padding:6px 0px 5px 0px;margin:1px 0px 1px 0px; text-align:center; cursor:pointer}
.right-menu li.active{ background:#390;color:#fff;}
.right-menu li.normal{ background:#f1f1f1;}

.menu-pic li{ padding:8px 0px 8px 0px;}


/*销售网络CSS样式*/
#a-right-sales{ width:740px; float:right; text-align:left}
#sales{ width:700px;}
#sales ul.top img{ float:right;}
#sales ul.top p{ padding:5px 0px 8px 0px; line-height:150%;color:#888;}
#sales ul.contact{ width:631px; border-top:1px solid #ccc;}
#sales ul.contact li{ width:315px;float:left;}
#sales ul.contact li dt.title{ background:#eee;padding:5px 0px 4px 8px; font-weight:bold;}
#sales ul.contact li dt.co{ line-height:150%; padding:10px 0px 10px 15px;color:#888;}
.left-list{ border-right:1px solid #ccc;}
/*销售网络CSS样式*/



#brand ul{ padding:0px 0px 10px 20px;}
#brand ul.btop{ padding:0px 0px 10px 20px;}
#brand ul.btop li.b{ line-height:180%; padding-left:30px;color:#888; padding-top:15px;}
#brand ul.btop li.c{ padding-left:50px;color:#888; line-height:150%;}
#brand ul.topa li.list{ border:1px solid #ddd;padding:10px; margin-top:15px; margin-right:15px;}
#brand ul.topa li.list a{ color:#777; text-decoration:none; background:url(../img/cc1.gif) 1px 2px no-repeat; padding-left:10px; padding-right:40px;}
#brand ul.topa li.list a:hover{color:#008361}

#brand ul.btop li.o1{padding:10px 0px 10px 0px;color:#888;}
#brand ul.btop li.o2{ line-height:150%; padding-left:25px;color:#888;}
#brand ul.btop li.spic{float:left;width:340px;}

#lianxi{width:740px;}
#lianxi ul{float:left;}
#lianxi ul.add{line-height:180%;padding:0px 15px 0px 30px;color:#888;}
#lianxi ul.add a{color:#ff5700;text-decoration:none; }
#lianxi ul.add a:hover{color:#ff5700;text-decoration:underline; }


#cqc ul{ float:left;width:300px;text-align:center;}

/*底部版权CSS样式*/
.copyright{ padding:30px 15px 0px 15px;}
.copyright li{ line-height:30px;color:#777; }
.copyright li a{color:#777; text-decoration:none }
.copyright span.bottomnav{ color:#999;}
.copyright span.bottomnav a{ padding:0px 10px 0px 10px;color:#777; text-decoration:none}
.copyright span.bottomnav a:hover{ padding:0px 10px 0px 10px;color:#777; text-decoration:underline}
.copyright img{ float:right;}
/*底部版权CSS样式*/


#banquan{ padding:0px 15px 0px 25px; line-height:180%;color:#888;}
#banquan h3{ padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:10px;}



#pinpaineirong h3{font-size:14px; font-weight:bold; background:#f1f1f1; padding:5px 0px 3px 8px;color:#2a9766;}
#pinpaineirong ul{ padding:10px 0px 10px 0px; }
#pinpaineirong ul li{ padding:10px 0px 10px 10px; list-style:none;color:#777}
#pinpaineirong ul li dt{ line-height:200%;}