@charset "gbk";
/* CSS Document */
body { margin:0; padding:0; font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif; line-height:18px; background:url(../images/headbg.jpg) top repeat-x;}
img { margin:0; padding:0; border:none;}
a { text-decoration:none; color:#333;}
a:hover { color:#ccc; text-decoration:underline;}
div { margin:0; padding:0;}
label{ margin:0; padding:0; width:350px; padding-bottom:10px; display:block; float:left;}
label span { width:100px; display:block; height:22px; line-height:22px; float:left; text-align:right;}
table { background:#CCC;}
td { background:#fff; height:26px;}
input { display:block; float:left; height:20px; width:150px; line-height:20px; color:#333; border:1px solid #9c9c9c; background:url(../images/inputbg.jpg) repeat-x}
textarea {color:#333; border:1px solid #9c9c9c;}
select { display:block; float:left; margin:0; padding:0; width:150px; height:22px; line-height:22px; border:1px solid #9c9c9c; background:url(../images/inputbg.jpg) repeat-x}
option { width:150px; height:22px; line-height:22px; color:#333; border:1px solid #9c9c9c;}
.submit { width:63px; height:26px; line-height:26px; border:none; margin:0 5px; color:#FF0; text-align:center; background:url(../images/button.jpg) center no-repeat; cursor:pointer;}
.radio label { width:auto; height:auto; margin:0 4px; float:left; }
.radio label input { width:auto; height:auto; background:none; display:inline; }
.radio label span { width:auto; display:inline;}

#welcome { background:url(../images/welcomebg.jpg) center top no-repeat; width:auto; height:618px; text-align:center;}
#welcome div {padding-top:436px; padding-bottom:10px; margin:0 auto; width:186px; overflow:auto; zoom:1; }
#welcome div a { display:block; float:left; width:73px; height:33px; line-height:33px; font-size:14px; color:#F00; padding:0 10px; background:url(../images/enter.jpg) center no-repeat;}
#welcome div a:hover { background:url(../images/enter-hover.jpg) center no-repeat; color:#fff;}
#welcome span { display:block; clear:both; height:24px; line-height:24px; color:#666666; }

.head { height:211px; min-width:980px; background:url(../images/head.jpg) center no-repeat;}
.logo { height:108px; width:960px; background:url(../images/logo.jpg) left no-repeat; margin:0 auto;}
.nav { display:block; width:960px; margin:0 auto; padding:0; list-style-type:none; height:54px; line-height:54px; color:#fff200; font-size:14px; font-weight:bold; overflow:auto; zoom:1; text-align:center;}
.nav li { float:left; width:85px; height:54px; margin:0; padding:0 5px;}
.nav li a { display:block; height:54px; line-height:54px; width:85px; color:#fff200;}
.nav li a:hover { color:#fff; text-decoration:none;}
.nav li .navseled {color:#fff; background:url(../images/nav-hover.gif) center no-repeat;}
.news { width:960px; margin:0 auto; padding:18px 10px 0 10px; overflow:hidden; height:31px; line-height:31px; color:#999999; position:relative;}
.news span { color:#F00;}
.news a { color:#999;}
.news .newmore { position:absolute; right:0; top:0; padding-top:18px; padding-right:10px; height:31px; line-height:31px;}
.news .newmore a { color:#f00; font-size:12px; height:31px;}
.news .newmore a:hover { color:#ccc;}

#contentwarp { margin:0 auto; width:960px; padding:10px 10px 40px 10px; background:#e9e9e9; overflow:auto; zoom:1;}

.banner { width:954px; height:256px; border:1px solid #999999; padding:2px; background:#fff; overflow:hidden;}
.banner img { height:256px; width:954px;}

.product { margin-top:10px; width:860px; height:108px; padding-top:20px; padding-left:102px; background:url(../images/show.jpg) left no-repeat; overflow:auto; zoom:1;}
.product .div1 { float:left; width:270px; height:90px; padding-left:15px;}
.product .div1 div { float:left; width:84px; height:84px; border:1px solid #333; padding:2px; background:#fff;}
.product .div1 div img { width:84px; height:84px;}
.product .div1 p { float:left; display:block; width:170px; padding:0 0 0 7px; margin:0; height:90px; overflow:hidden; color:#666;}
.product .div1 p span { display:block; margin:0; padding:0; padding-bottom:3px; color:#F00; font-weight:bold;}
.product .div1 p span a { color:#f00;}

.leftbar { float:left; width:212px; margin-right:28px;}
.leftbar-top { width:192px; padding-left:20px; color:#fff; font-size:14px; font-weight:bold; height:37px; line-height:32px; background:url(../images/leftbar-top.jpg) top center no-repeat;}
.leftbar-content { width:212px; min-height:200px; background:url(../images/leftbar-bg.jpg) center repeat-y;}
.leftbar-content div { display:block; width:188px; font-size:12px; padding-bottom:2px; background:url(../images/leftbar-line.jpg) bottom no-repeat; margin:0 auto; line-height:24px; }
.leftbar-content div a { padding-left:15px;}
.leftbar-content div a:hover { color:#f00; text-decoration:none;}
.leftbar-content .seled { color:#f00; display:block; width:173px; font-size:12px; padding-bottom:2px; background:url(../images/leftbar-ico.jpg) left no-repeat; margin:0 auto; line-height:22px;}
.leftbar-bottom { width:212px; height:20px; background:url(../images/leftbar-bottom.jpg) bottom center no-repeat;}

.rightcontent { float:left; width:720px; padding-bottom:10px; background:url(../images/r-bottom.jpg) center bottom no-repeat;}
.r-top { height:10px; background:url(../images/r-top.jpg) center top no-repeat; font-size:0;}
.r-content { position:relative; width:700px; min-height:250px; padding:0 10px 20px 10px; overflow:auto; zoom:1; background:url(../images/r-bg.jpg) center repeat-y; }
.r-title { height:24px; margin-bottom:20px; color:#f00; font-weight:bold; font-size:14px;background:url(../images/r-line.jpg) bottom no-repeat;}
.r-title span { padding-left:15px; background:url(../images/rtitle-ico.jpg) left no-repeat;}
.picwarp { float:left; width:130px; height:150px; margin:20px 18px 0 19px;}
.pic { width:120px; height:116px; padding:5px; background:url(../images/img-bg.jpg) center no-repeat;}
.pic img { width:120px; height:116px;}
.picwarp a { display:block; height:24px; width:126px; overflow:hidden; line-height:24px; text-align:center; color:#333;}
.picwarp a:hover { color:#f00;}

.list { margin:3px 0; padding:0; width:700px; height:29px; line-height:29px; list-style-type:none;}
.list a { display:block; height:29px; overflow:hidden; width:685px; padding-left:15px; background:url(../images/list-ico.jpg) top left no-repeat;} 
.list a:hover { color:#f00; overflow:hidden; text-decoration:none; background:url(../images/list-hover.jpg) top left no-repeat;}

.listshow { width:700px; min-height:250px; }
.listshowtitle { width:698px; margin-bottom:15px; color:#f00; font-weight:bold; line-height:24px; text-align:center; border:1px solid #CCC;}
.listshow p { text-indent:2em;}
.productshow { clear:both; width:960px; padding-bottom:10px; line-height:20px; background:url(../images/p-bottom.jpg) center bottom no-repeat;}
.p-top { height:10px; background:url(../images/p-top.jpg) center top no-repeat; font-size:0;}
.p-content { width:940px; padding:0 10px 20px 10px; background:url(../images/p-bg.jpg) center repeat-y; }
.p-content h1 { margin:0; padding:0 0 10px 0; color:#F00; line-height:24px; font-size:12px; font-weight:bold;}
.picshow { width:394px; height:300px; padding:5px; border:1px solid #bcbcbc; padding:2px; background:#fff;}
.picshow img { width:394px; height:300px;}

.onlinetip { clear:both; color:#F00; font-weight:bold; line-height:24px; padding-bottom:10px;}

.sbpic { float:left; margin:0 7px 15px 7px; width:210px; height:197px; background:#CCC; padding:2px;}
.sbpic img { width:210px; height:197px;}

.zzpic1 { display:block; width:700px;}
.zzpic1 img { float:left; margin:0 25px 15px 25px;}
.zzpic { display:block; width:700px; clear:both;}
.zzpic img { float:left; margin:0 5px 15px 5px;}

.casebanner { width:700px; height:200px; margin-bottom:10px;}

.casetable { background:#ccc; margin-top:5px;}
.casetable td{ background:#efefef; padding-left:3px;}

.fwtable { background:#ccc;}
.fwtable td { background:#f5f5f5;}

#bottom { clear:both; width:960px; height:26px; line-height:26px; margin:0 auto; padding:0 10px; background:#333; color:#999; position:relative;}
#bottom span { position:absolute; right:10px; top:0; line-height:26px;}
#bottom span a { padding:0 0 0 5px;}
#bottom a { color:#ccc;}
#bottom a:hover { color:#F00;}