﻿@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:"microsoft yahei", Arial, Helvetica, sans-serif, '宋体'; color:#4D4D4D; background:url(bodybg.gif)}
.alldiv {width:980px; margin:0px auto; background:url(bodybg.gif) repeat-y #FFF;}
.maindiv {width:1020px; margin:0px auto; background:url(maindivbg.png) repeat-y;}
* html .maindiv {background:url(maindivbg.gif) repeat-y;}
.head, .main, .foot {width:970px; padding:0px 5px; margin:0px auto; background:#FFF;}
.head {}
.head .logimg {float:left; height:80px;}
.head .logimg img {}
.head .logtxt {float:right; width:610px;}
.logtxt .t {height:35px; margin-top:20px; color:#666; text-align:right; padding-right:10px;}
.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:280px;}
.headsearch .searchinput {border:none; font-size:12px; height:18px; line-height:18px; width:145px; margin-left:72px; margin-top:4px;}
* html .searchinput {margin-top:3px;}
.headsearch .searchbutton {width:14px; height:18px; line-height:18px; background:url(buttonbg1.gif) no-repeat 0px 2px; margin-left:1px; border:none;}
* html .searchbutton {background:url(buttonbg1.gif) no-repeat 0px 1px}
ul.menulist {height:25px; font-family:"microsoft yahei"; color:#FFF; overflow:hidden;}
ul.menulist li {float:right; text-align:center; height:25px; line-height:25px; width:100px; margin-left:1px; background:#494949; font-size:14px; letter-spacing:3px;}
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; line-height:15px; line-height:25px; display:inline-block; text-decoration:none; outline:none;}
.menulink:hover, .menulink:active {color:#FFF; line-height:15px; line-height:25px; display:inline-block; text-decoration:none; outline:none;}
.head .submenu {height:35px; background:url(submenubg.gif) repeat-x;}
.head .banner {text-align:center; padding-top:4px;}

.homemain {height:510px; background:url(main.jpg) no-repeat;}
.homemain .homeflash {padding-top:294px;}
.homedl {padding-top:10px;}
.homedl dl.d1 {float:left; width:222px;}
.homedl dl.nomargin {margin-right:0px;}
.homedl dl dt {height:22px; line-height:22px; color:#FFF; font-weight:bold; padding-left:33px; background:url(navbg.gif) no-repeat;}
.homedl dl dt .l {float:left;}
.homedl dl dt .r {float:right; padding-top:4px; padding-right:12px;}
.homedl dl dd.d {background:#EAEAEA; padding:8px; border:1px #C7C7C7 solid; height:180px; overflow:hidden;}
.homedl dl.d2 {float:left; width:440px; margin-left:20px;}
#tabNav {}
#tabNav p {float:left; height:22px; 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:22px; line-height:22px; #line-height:24px; outline:none; color:#666; 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;}
.tab a:link, .tab a:visited, .tab a:hover, .tab a:active {padding-left:20px;}
.tab ul li {border-bottom:1px #B9CDE5 dotted; background:url(ico_4.gif) no-repeat 5px 5px;}
.tab span {margin-left:10px;}

.main {padding-bottom:10px; background:url(mainbg.gif) 5px 0px #FFF repeat-y;}
.main .left {float:left; width:222px; display:inline; overflow:hidden;}
.left .leftlist {}
.leftlist .nav {height:37px; color:#F8F8F8; line-height:37px; font-weight:bold; background:url(navbg.gif) repeat-x;}
.nav p {background:url(ico.gif) no-repeat 25px 15px; padding-left:40px; font-size:14px; letter-spacing:1px;}
ul.submenulist {}
ul.submenulist li {height:37px; background:url(submenubg.gif) repeat-x;}
.submenulistlink:link, .submenulistlink:visited {height:37px; line-height:37px; padding-left:40px; text-decoration:none; display:block; color:#404040; outline:none; background:url(submenubg.gif) repeat-x; outline:none;}
.submenulistlink:hover, .submenulistlink:active {height:37px; line-height:37px; padding-left:40px; text-decoration:none; display:block; color:#404040; outline:none; background:url(submenubg.gif) repeat-x; outline:none;}
ul.submenulist li img.qq {margin-top:6px;}
.leftlist .leftsearch {height:130px; background:url(leftsearchbg.gif) repeat-x;}
.leftsearch p.p1 {padding-top:28px; padding-left:10px;}
.leftsearch p.p1 input.t {height:20px; line-height:20px; text-align:center; border-left:1px #262626 solid; border-top:1px #262626 solid; border-bottom:1px #999 solid; border-right:1px #999 solid; font-size:12px; color:#666; width:200px;}
.leftsearch p.p2 {padding-left:10px; padding-top:10px;}
.leftsearch p.p2 select.s {width:200px; font-size:12px; color:#3F3F3F;}
.leftsearch p.p3 { text-align:center; padding-top:10px;}
.leftsearch p.p3 input.b {width:57px; height:24px; background:url(buttonbg2.gif) no-repeat; text-align:center; color:#484742; font-family:'宋体'; font-size:12px; border:none;}
.left .line {color:#1E292F; padding-top:10px; text-align:center; background:url(line.gif) no-repeat; width:210px; margin:0px auto;}
.left .line p {background:url(ico1.gif) no-repeat center; margin-top:5px;}
.line p a:link, .line p a:visited, .line p a:hover, .line p a:active {color:#FFF; text-decoration:none; line-height:19px;}

#proclasslist dt {height:37px; cursor: pointer; color:#F8F8F8; line-height:37px; font-weight:bold; background:url(navbg.gif) repeat-x;}
#proclasslist dt p {background:url(ico.gif) no-repeat 25px 15px; padding-left:40px; font-size:14px; letter-spacing:1px;}
#proclasslist dt p a:link, #proclasslist dt p a:visited, #proclasslist dt p a:hover, #proclasslist dt p a:active {color:#FFF; outline:none; display:block;}
#proclasslist .leftIco {height:37px; color:#F8F8F8; line-height:37px; font-weight:bold; background:url(navbg.gif) repeat-x;}
#proclasslist .leftIco p {background:url(ico.gif) no-repeat 25px 15px; padding-left:40px; font-size:14px; letter-spacing:1px;}
#proclasslist .bottomIco {height:37px; color:#F8F8F8; line-height:37px; font-weight:bold; background:url(navbg.gif) repeat-x;}
#proclasslist .bottomIco p {background:url(ico.gif) no-repeat 25px 15px; padding-left:40px; font-size:14px; letter-spacing:1px;}
#proclasslist dd {display:none;}


.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;}

.main .right {float:right; padding-top:10px; width:720px; margin-right:12px; display:inline; overflow:hidden;}
.right .path {height:26px; border-bottom:1px #C8C8C8 solid; line-height:26px; padding-left:10px; color:#666;}
.path h1 {font-size:12px; float:left; background:url(pathbg.gif) no-repeat; padding-left:30px; font-weight:normal; padding-right:10px;}
.path p {float:left; width:8px; background:url(pathright.gif) no-repeat; height:26px;}
ul.newslist {}
ul.newslist li {height:25px; line-height:25px; overflow:hidden; background:url(ico2.gif) no-repeat 5px 10px;}
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; 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; color:#666; padding-left:10px;}
.newslink:hover, .newslink:active {height:25px; line-height:25px; color:#86256B;}

ul.prolist {margin-top:10px; margin-bottom:10px;}
ul.prolist li {height:210px; width:175px; float:left; text-align:center; margin-bottom:10px; overflow:hidden;}
ul.prolist li .proimg {}
.proimg img {border:1px #CCC solid; padding:1px; width:140px; height:170px;}
ul.prolist li .proname {padding-top:6px; line-height:14px;}
ul.prolist li .proname a {color:#666;}
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 #DDD solid; background:#FBFBFB; 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 #DDD solid;}
.proshow .prodetail {float:right; width:230px;}
.prodetail p.a {color:#444; 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 {color:#666;}
#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 #DDD solid;}
.maincontent .features {}
.features .t {background:#ECECEC; border-bottom:1px #CCC solid; margin-top:20px; font-size:16px; padding-bottom:4px; padding-top:5px; padding-left:10px; color:#666; 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:60px; 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:5px;}
ul.footmenu {border-top:1px #C5C6BE solid; height:25px; border-right:1px #C5C6BE solid;}
ul.footmenu li {float:left; height:25px; background:url(bg2.gif) repeat-x; line-height:25px; color:#484846; width:100px; text-align:center;}
ul.footmenu li.fen {width:2px; background:url(bg.gif) repeat-y;}
ul.footmenu li.copyright {text-align:right; width:345px; padding-right:10px; font-size:10px;}
ul.footmenu a:link, .footmenu a:visited, .footmenu a:hover, .footmenu a:active {color:#999; height:25px; line-height:25px; text-decoration:none;}
.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;}
a:link, a:visited {color:#000; text-decoration:none;}
a:hover, a:active {color:#991D16; 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;}


/* 分页专业样式表 */
.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;}
