﻿@charset "utf-8";
/* CSS Document */

* {padding:0px; margin:0px;}
img {border:none;}
ul {list-style-type:none;}
ol {list-style-type:none;}
body {line-height:22px; font-size:12px; font-family:'宋体'; color:#5B4810; background:url(bodybg.gif)}
.alldiv {width:980px; margin:0px auto; background:url(bodybg.gif) repeat-y #FFF;}
.head, .main, .foot {width:960px; margin:0px auto; background:#FFF;}
.head {}
.head .logo {padding-left:20px; height:80px;}
.logo .logimg {float:left; height:80px;}
.logo .logimg img {}
.logo .logtxt {float:right; margin-right:10px; width:500px;}
.logtxt .headqq {height:45px; line-height:40px; text-align:right; padding-right:30px;}
.logtxt .headsearch {height:26px; background:url(searchbg.gif) no-repeat; width:245px; overflow:hidden; position:relative; left:230px;}
.headsearch .searchinput {border:none; font-size:12px; height:18px; line-height:18px; width:145px; margin-left:72px; margin-top:4px; #margin-top:3px;}
.headsearch .searchbutton {width:14px; height:18px; line-height:18px; background:url(buttonbg1.gif) no-repeat 0px 2px; #background:url(buttonbg1.gif) no-repeat 0px 1px; margin-left:1px; border:none;}
ul.menulist {height:32px; padding-left:10px; font-family:"microsoft yahei"; color:#FFF; overflow:hidden; background:url(menubg.gif) repeat-x;}
ul.menulist li {float:left; text-align:center; height:32px; width:120px; font-size:14px; letter-spacing:1px;}
ul.menulist li.fen {width:1px; background:url(menulifen.gif) no-repeat;}
ul.menulist li.sel {background:url(menubg1.gif) repeat-x;}
ul.menulist li p.c {font-weight:bold; line-height:16px; margin-top:10px;}
ul.menulist li p.e {font-size:8px; line-height:10px; font-family:Arial, Helvetica, sans-serif; color:#828081;}
.menulink:link, .menulink:visited {color:#FFF; text-decoration:none; display:block; outline:none; line-height:32px; background:none;}
.menulink:hover, .menulink:active {color:#FFF; text-decoration:none; display:block; outline:none; line-height:32px; background:url(menubg1.gif) repeat-x;}
.head .submenu {height:35px; background:url(submenubg.gif) repeat-x;}
.head .banner {text-align:center; padding-bottom:5px; padding-top:8px; background:#F3EAEA;}

.homedl {}
.homedl dl.d1 {float:left; width:220px;}
.homedl dl.nomargin {margin-right:0px;}
.homedl dl dt {height:30px; line-height:30px; color:#FFF; font-weight:bold; padding-left:33px; background:url(navbg.gif) no-repeat;}
.homedl dl dt .l {float:left; line-height:30px;}
.homedl dl dt .r {float:right; padding-top:8px; padding-right:12px;}
.homedl dl dd.d {background:#FDF9ED; padding:8px; border:1px #FFC801 solid; height:180px; overflow:hidden;}
.homedl dl.d2 {float:left; width:472px; margin-left:10px;}
#tabNav {}
#tabNav p {float:left; margin-right:2px; height:30px; line-height:30px; width:81px; overflow:hidden; text-align:center;}
#tabNav p a:link, #tabNav p a:visited, #tabNav p a:hover, #tabNav p a:active {text-decoration:none; display:block; height:30px; line-height:30px; outline:none; background:url(tabbg2.gif) no-repeat; font-weight:normal; overflow:hidden;}
#tabNav p a.selected:link, #tabNav p a.selected:visited, #tabNav p a.selected:hover, #tabNav p a.selected:active {background:url(tabbg.gif) no-repeat; color:#F00; cursor:default; font-weight:bold; overflow:hidden; height:30px; line-height:30px;}
.tab a:link, .tab a:visited {padding-left:20px; color:#5B4810;}
.tab a:hover, .tab a:active {padding-left:20px; color:red;}
.tab ul li {border-bottom:1px #E0CB8D dotted; background:url(ico_4.gif) no-repeat 5px 6px;}
.tab span {margin-left:10px;}

.main {background:url(mainbg.gif) 722px 0px repeat-y #FFF;}
.main .mainbg {background:url(mainbgbg.gif) no-repeat 723px bottom;}
.main .left {float:left; margin-left:10px; width:702px; display:inline; overflow:hidden;}
.main .path {height:40px; margin:0px 10px; background:url(pathbg.gif) no-repeat left bottom; line-height:40px; padding-left:10px;}
.path .l {float:left;}
.path .l span {margin-left:10px; color:#999;}
.path .l h1 {font-size:20px; display:inline;}
.path .rr {float:right; background:url(home.gif) no-repeat 0px 16px; padding-left:12px;}
.path .rr span {margin:0px 5px;}
.main .maincontent {padding:15px 20px;}
ul.homenewslist {}
ul.homenewslist li { background:url(ico2.gif) no-repeat 20px 6px;}
ul.homenewslist li a {padding-left:32px;}
ul.homeprolist {padding-top:6px; padding-left:5px;}
ul.homeprolist li {float:left; margin-right:48px;}
ul.homeprolist li p.p img {border:1px #D0D0D0 solid; padding:1px; width:150px; height:130px;}
ul.homeprolist li p.n {background:url(ico3.gif) 2px 4px no-repeat; padding-left:20px; margin-top:4px;}
.main .homeright {float:right; width:200px;}
.homeright .rightlist {margin-bottom:10px;}
.rightlist .homecontact {padding:4px 20px;}

.homeintro {background:#FDF9ED; padding:8px; border:1px #FFC801 solid; margin:10px 0px;}
.homeintro img {float:left; margin-right:10px;}
ul.homenewpro {margin:10px 0px;}
ul.homenewpro li {height:168px; width:164px; margin-bottom:2px; float:left; text-align:center; margin-right:15px; overflow:hidden;}
ul.homenewpro li.nomargin {margin-right:0px; width:165px;}
ul.homenewpro li .proimg1 {}
ul.homenewpro li .proimg1 img {border:1px #FFC801 solid; padding:1px; width:160px; height:132px;}
ul.homenewpro li .proimg1 img.r {width:161px;}
ul.homenewpro li .proname {padding-top:3px;}
ul.homenewpro li .proname a {}
.homeallpro {}
.homeallpro img {}

.main .right {float:right; width:230px; margin-right:8px; display:inline; overflow:hidden;}
.right .rightlist {width:230px;}
.rightlist .nav {height:30px; line-height:30px; color:#FFF; font-weight:bold; padding-left:20px; background:url(navbg.gif) no-repeat;}
.rightlist .nav p.l {float:left; padding-left:12px;}
.rightlist .nav p.r {float:right; padding-top:8px; padding-right:12px;}
.rightlist ul.c {}
.rightlist ul.d {padding:8px 12px; border-left:1px #FFC801 solid; border-right:1px #FFC801 solid;}
.newcontents {}
ul.newslist {}
ul.newslist li {height:25px; line-height:25px; overflow:hidden; background:url(ico3.gif) no-repeat 0px 7px;}
ul.newslist li p {float:left; height:25px; line-height:25px;}
ul.newslist li p.newstitle {overflow:hidden; font-size:12px; font-weight:normal;}
ul.newslist li p.newsdate {width:80px; color:#666; text-align:right; overflow:hidden;}
ul.newslist li p.clear {clear:both; height:0px; line-height:0px; font-size:0px; float:none;}
.newstitle {text-align:center; border-bottom:1px #DDD solid; margin:0px 8px; font-size:16px; font-weight:bold; padding-bottom:4px;}
.newsother {text-align:center; padding:2px 0px; border-bottom:1px #DDD solid; margin:0px 8px; color:#999;}
.newscontent {padding:8px;}
.newslink:link, .newslink:visited {height:25px; line-height:25px; padding-left:10px;}
.newslink:hover, .newslink:active {height:25px; line-height:25px; padding-left:10px;}

ul.prolist {margin:10px 0px;}
ul.prolist li {height:180px; width:210px; float:left; text-align:center; margin-bottom:10px; overflow:hidden;}
ul.prolist li .proimg {}
.proimg img {border:1px #FFC801 solid; padding:1px; width:170px; height:140px;}
ul.prolist li .proname {padding-top:6px;}
ul.prolist li .proname a {}
ul.prolist li .proname p {margin-bottom:5px;}
ul.prolist li .procode {text-align:center;}
ul.prolist li .productname {color:#B50000;}
ul.productname li h2 {font-size:14px; font-weight:bold;}
ul.productname li span {font-size:12px; font-weight:normal; color:#666; margin-left:6px;}
.proshow {border:1px #FAE4A4 solid; background:#FDF9ED; padding-top:20px; padding-left:30px; padding-right:30px; height:340px;}
.proshow .imglist {float:left; width:322px;}
.imglist .proimgs img {width:320px; height:260px; border:1px #FFC801 solid;}
.proshow .prodetail {float:right; width:230px;}
.prodetail p.a {font-size:14px; border-bottom:1px #D5DCDE solid; font-weight:bold; height:50px; padding-top:21px; line-height:20px; overflow:hidden; margin-bottom:20px;}
.prodetail p.b {padding:3px 0px;}
.prodetail p.c {border-top:1px #D5DCDE solid; margin-top:10px; padding-top:25px; padding-left:10px;}
.prodetail p.c img {}
.prodetail p a:link, .prodetail p a:visited, .prodetail p a:hover, .prodetail p a:active {}
#proimglist {margin-top:5px; width:255px; height:70px; overflow:hidden;}
#proimglist li {width:60px; margin-right:5px; height:60px;}
#proimglist li img {width:60px; height:60px; border:1px #FFC801 solid;}
.maincontent .features {}
.features .t {background:#FEF8E7; border-bottom:1px #FFC801 solid; margin-top:20px; font-size:16px; padding-bottom:4px; padding-top:5px; padding-left:10px; font-weight:bold;}
.features .c {padding:10px 0px;}
.features .c img {}

.maincontent .gb {padding-left:60px;}
.gb p {height:28px; line-height:28px;}
.gb p.content {height:auto;}
.gb p.buttons {padding-left:80px; padding-top:10px; padding-bottom:10px;}
.gb p span {margin-left:4px;}
.maincontent .gb {padding-left:100px;}
.gb p.button {padding-left:50px; padding-top:12px;}
dl.gblist {border-bottom:1px #CCC dotted; padding-bottom:10px; padding-top:10px; margin-bottom:10px;}
dl.gblist dt {margin-bottom:6px;}
dl.gblist dt span {font-weight:bold;}
dl.gblist dd {}
dl.gblist dd.gbinfo {margin-top:6px;}
dl.gblist dd.gbinfo p {float:left; height:22px; overflow:hidden;}
dl.gblist dd.gbinfo p.gbname {width:250px;}
dl.gblist dd.gbinfo p.gbtime {width:200px;}
dl.gblist dd.gbinfo p.gbreplyflag {width:200px; text-align:right; float:right;}
dl.gblist dd.gbinfo p.clear {clear:both; float:none; height:0px; line-height:0px; font-size:0px;}
dl.gblist dd.gbreply {border:1px #FFE5CC solid; background:#FFFAF5; color:#86256B; padding:6px; margin-top:6px;}
/**
 * This <div> element is wrapped by jCarousel around the list
 * Download by http://www.codefans.net
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.jcarousel-list li, .jcarousel-item {float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 146px; height: 179px;}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {z-index: 3; display: none;}
.jcarousel-prev {z-index: 3; display: none;}



.foot {padding-bottom:5px;}
.foot .footmenu {border-bottom:4px #C81221 solid; height:35px; overflow:hidden; background:url(footlogo.gif) no-repeat 20px 4px; text-align:right; padding:8px 0px;}
.foot .footmenu p {padding-top:14px; padding-right:20px;}
.foot .footmenu p span {margin:0px 10px;}
.foot .foottxt {text-align:center; height:28px; line-height:28px; background:url(footbg.gif) repeat-x; color:#999;}


.clear {clear:both; height:0px; line-height:0px; font-size:0px;}
.height5 {height:5px; font-size:0px; line-height:0px;}
.height10 {height:10px; background:#FFF; font-size:0px; line-height:0px;}
a:link, a:visited {color:#5B4810; text-decoration:none;}
a:hover, a:active {color:red; text-decoration:none;}
a.replyedtxt {color:#86256B;}
.redfont {color:#F00;}
.maringb {margin-bottom:15px;}
.inputstyle {border:1px #CCC solid; font-size:12px;}
.mailinput {border-left:1px #808080 solid; border-top:1px #808080 solid; border-right:1px #D3D0C7 solid; border-bottom:1px #D3D0C7 solid; width:100px;}
.buttonstyle {width:66px; height:23px; background:url(buttonbg.gif) no-repeat; text-align:center; border:none; color:#FFF; font-size:12px; line-height:23px;}
.mailbutton {border-left:1px #FFF solid; border-top:1px #FFF solid; border-right:1px #171717 solid; border-bottom:1px #171717 solid; background:#EBF2FA; text-align:center; font-size:12px; margin-right:10px; padding:0px 5px;}
.marginr {margin-right:8px;}
.propages {margin-bottom:8px;}
.alignc {text-align:center;}
.borderstyle1 {border:1px #DDD solid;}
.padding8 {padding:8px;}
.padding10 {padding:10px;}
.pagelist {margin-top:10px; background:url(pagelistbg1.gif) no-repeat 0px 2px; font-family:Arial, Helvetica, sans-serif; padding-left:38px; min-height:22px; _height:22px;}
.pagelist_e {margin-top:10px; margin-left:10px; background:url(pagelistbg1_e.gif) no-repeat 0px 2px; padding-left:38px; min-height:22px; _height:22px;}
.pagelist p {float:left; width:23px; height:15px; text-align:center;margin-right:8px; margin-bottom:4px;}
.pagelist_e p {float:left; width:23px; height:15px; text-align:center;margin-right:8px; margin-bottom:4px;}
.pagelistlink:link, .pagelistlink:visited {color:#FFF; width:23px; line-height:15px; background:url(pagelistbg.gif) no-repeat; display:block;}
.pagelistlink:hover, .pagelistlink:active {color:#FFF; width:23px; line-height:15px; background:url(pagelistbg.gif) no-repeat; display:block;}


/* QQ客服 */

.QQbox{ z-index:99; height:90px; width: 222px; left: 0px; top: 145px; position: absolute;}
.QQbox .press{cursor: pointer;}
.QQbox .Qlist{left: 0; background: url(OKQQ/images/qq_2.gif) no-repeat; padding:5px; cursor:pointer;}
.Qlist .maincon {padding-left:8px;}
.Qlist .maincon .p1 {height:47px; padding-left:34px; line-height:16px; padding-top:4px;}
.Qlist .maincon .p2 {}

/*QQ END*/


/* 分页专业样式表 */
.paginator {padding:10px 20px 10px 0; color:#333; font-weight:normal;}
.paginator a, .pageList .this-page {padding: 1px 5px; border: solid 1px #FCEFE5; background: #E5EEEB; color:#333; text-decoration: none;margin-right:6px; hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */  outline: none;  /* for firefox 1.5 + */}
.paginator a:visited {padding: 1px 5px; border: solid 1px #FCEFE5; background: #E5EEEB; text-decoration: none; color:#333;}
.paginator .cntxt {padding-top:1px; padding-left:6px; padding-right:6px; *padding-top:1px; *padding-bottom:0px;}
.paginator .this-page {padding: 1px 5px;font-weight: bold; font-size: 13px;border:none}
.paginator a:hover {color: #FFF; background:#025DBB; border-color:#025DBB; text-decoration: none;}