@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,blockquote{margin:0; padding:0; list-style-type:none; font-size:9pt;}
body{font-size:9pt; font-family:"宋体", Arial, Helvetica, sans-serif; color:#000; background:url(../images/bg.jpg) repeat left top;}
img{margin:0; padding:0; border:0;}
.clear{clear:both;}
.blank{height:5px; overflow:hidden;}
.red{color:#ff0000;}
.gray{color:#999999;}

a{color:#000; text-decoration:none;}
a:hover{color:#bd0000; text-decoration:underline;}
.padding10{padding:10px;}
.margin5{margin:0 5px;}
.form_remarks{width:240px; height:60px; padding:3px; overflow:hidden;}
.form_input{border:1px solid #ccc; color:#333; background:url(../images/input_bg.gif) #fff repeat-x; height:20px; line-height:20px; padding:2px;}
.form_area{border:1px solid #ccc; overflow:auto; color:#333; background:url(../images/input_bg.gif) #fff repeat-x; line-height:180%; padding:2px;}
.form_button{border:none; background:#505050; color:#fff; height:22px; line-height:22px; padding:0 5px; overflow:auto; width:80px;}
.form_button_130{width:130px;}

#header{width:100%; background:url(../images/header_bg.jpg) repeat-x left top;}
#header .wrap{width:1004px; margin:0 auto; background:url(../images/piano.jpg) no-repeat center top; position:relative;}
#header .piano{position:absolute; left:270px; top:0;}
#header .logo{float:left; padding:26px 0 31px 0;}
#header .header_r{float:right;}
#header .header_r .search{float:right; margin:16px 0 0 0px;}
#header .header_r .search .search_input{float:left; width:180px; height:23px; line-height:23px; color:#999; padding:3px 0 3px 3px; color:#505050; background:url(../images/input_keyword.jpg) repeat-x left top; border:1px solid #cccccc; border-width:1px 0 1px 1px;}
#header .header_r .search p{float:left; padding:0; margin:0;}
#header .header_r .tel{float:right; margin:25px 0 0 0; line-height:180%; font-size:14px;}
#header .header_r .tel *{font-size:14px;}

#header .menu{width:100%; height:51px; line-height:51px; background:url(../images/menu_bg.jpg) repeat-x left top;}
#header .menu ul{width:1004px; margin:0 auto;}
#header .menu ul li{float:left; display:block; background:url(../images/menu_explode.jpg) no-repeat right top; position:relative;}
#header .menu ul li.first{margin-left:40px;}
#header .menu ul li.last{background:none;}
#header .menu ul li .hot{position:absolute; right:23px; top:7px; display:block; width:22px; height:10px; overflow:hidden; background:url(../images/hot.gif) no-repeat left top;}

#header .menu ul li a{display:block; color:#fff; font-size:13px; padding:0 29px;}
#header .menu ul li a.current,
#header .menu ul li a:hover{color:#cba947; text-decoration:none;}


.mod_focus {width:980px; height:280px; overflow:hidden; position:relative;}
.mod_focus .contents{width:980px; height:280px; overflow:hidden;}
.mod_focus .contents li{width:980px; height:280px; overflow:hidden; }
.mod_focus .contents li img{width:980px; height:280px;}
.mod_focus .tags{line-height:25px; text-align:center; position:absolute; right:0px; top:250px;}
.mod_focus .tags li{float:left; margin-right:5px; overflow:hidden;}
.mod_focus .tags img{}
.mod_focus .tags a{outline:none; float:left; width:23px; height:23px; background:#ccc; color:#fff; font-size:12px; font-weight:bold;}
.mod_focus .tags a, .mod_focus .tags a:hover{text-decoration:none;}
.mod_focus .tags .focus a{background:#c00; color:#fff;}

#content{width:980px; margin:0 auto; padding:5px 10px; background:#fff;}
#content .banner{width:980px; height:280px; overflow:hidden;}

#content .left{width:220px; float:left;}
#content .left h5{width:220px; line-height:38px; background:url(../images/short_part.jpg) no-repeat left top; font-weight:normal;}
#content .left h5 span{display:block; padding-left:25px; line-height:38px; font-size:12px; color:#fff;}
#content .left ul{width:218px; border:1px solid #dcdcdc;}
#content .left ul li{width:218px; line-height:200%;}
#content .left ul li a{display:block; line-height:200%; color:#000; background:url(../images/ico.gif) no-repeat 5px center; padding-left:15px;}
#content .left ul li a:hover{background:url(../images/ico_red.gif) no-repeat 5px center; color:#bd0000; text-decoration:underline;}
#content .left ul li a.current{background:url(../images/ico_red.gif) no-repeat 5px center; color:#bd0000; text-decoration:none;}


#content .left .category{width:218px; border:1px solid #dcdcdc;}
#content .left .category li{width:218px; line-height:200%;}
#content .left .category li a{display:block; line-height:200%; color:#000; background:url(../images/ico.gif) no-repeat 5px center; padding-left:15px;}
#content .left .category li a.current,
#content .left .category li a:hover{background:url(../images/ico_red.gif) no-repeat 5px center; text-decoration:none;}
#content .left .category li a h1{font-size:12px; color:#000; cursor:pointer;}
#content .left .category li a.current h1,
#content .left .category li a:hover h1{font-size:12px; color:#bd0000; cursor:pointer;}

#content .left .category ul{width:218px; border:none;}
#content .left .category ul li{width:208px; padding-left:10px; line-height:25px; font-weight:normal; background:none;}
#content .left .category ul li a{display:block; line-height:25px; color:#990000; background:url(../images/sec.gif) no-repeat 5px center; padding-left:15px;}
#content .left .category ul li a h2{font-size:12px; color:#000; cursor:pointer; font-weight:normal; cursor:pointer;}

#content .left .category ul li a.current,
#content .left .category ul li a:hover{background:url(../images/sec_red.gif) no-repeat 5px center; text-decoration:none;}
#content .left .category ul li a.current h2,
#content .left .category ul li a:hover h2{font-size:12px; color:#bd0000; cursor:pointer;}

#content .left .contact{width:208px; padding:5px; border:1px solid #dcdcdc; line-height:200%;}

#content .right{width:750px; float:right;}
#content .right .news{float:left; width:440px;}
#content .right .news h5{width:440px; line-height:38px; font-weight:normal; background:url(../images/long_part.jpg) no-repeat left top; position:relative;}
#content .right .news h5 span{display:block; padding-left:30px; line-height:38px; font-size:12px; color:#000;}
#content .right .news h5 p{position:absolute; padding:0; margin:0; top:0px; right:10px; color:#000; font-size:12px; font-weight:normal;}
#content .right .news h5 p a{margin:0 5px; color:#000; font-size:12px; font-weight:normal;}
#content .right .news h5 a.more{position:absolute; top:15px; right:0px; width:25px; height:5px; background:url(../images/more.gif) no-repeat left top;}
#content .right .news ul{width:440px; min-height:120px; _height:120px;}
#content .right .news li{width:440px; line-height:200%;}
#content .right .news li a{float:left;}
#content .right .news li span{float:right; margin-right:5px;}

#content .right .notice{float:right; width:300px;}
#content .right .notice h5{width:300px; line-height:38px; font-weight:normal; background:url(../images/short_part.jpg) no-repeat left top; position:relative;}
#content .right .notice h5 span{display:block; padding-left:30px; line-height:38px; font-size:12px; color:#fff;}
#content .right .notice h5 p{position:absolute; padding:0; margin:0; top:0px; right:10px; color:#000; font-size:12px; font-weight:normal;}
#content .right .notice h5 p a{margin:0 5px; color:#000; font-size:12px; font-weight:normal;}
#content .right .notice h5 a.more{position:absolute; top:15px; right:0px; width:25px; height:5px; background:url(../images/more_white.gif) no-repeat left top;}
#content .right .notice li{width:300px; line-height:200%;}
#content .right .notice li a{float:left;}
#content .right .notice li span{float:right; margin-right:5px;}

#content .right .rec_products{width:750px;}
#content .right .rec_products h5{width:750px; line-height:38px; font-weight:normal; background:url(../images/long_part.jpg) no-repeat left top; position:relative;}
#content .right .rec_products h5 span{display:block; padding-left:30px; line-height:38px; font-size:12px; color:#000;}
#content .right .rec_products h5 p{position:absolute; padding:0; margin:0; top:0px; right:10px; color:#000; font-size:12px; font-weight:normal;}
#content .right .rec_products h5 p a{margin:0 5px; color:#000; font-size:12px; font-weight:normal;}
#content .right .rec_products h5 a.more{position:absolute; top:15px; right:0px; width:25px; height:5px; background:url(../images/more.gif) no-repeat left top;}

.goods{width:230px; float:left; margin:10px 10px; _margin:10px 8px;}
.goods .pic{width:230px; height:175px;}
.goods .pic a{display:block; width:220px; height:165px; padding:4px; border:1px solid #dcdcdc;}
.goods .pic a:hover{display:block; width:220px; height:165px; padding:4px; border:1px solid #bd0000;}
.goods .name{width:230px; text-align:center; line-height:200%;}

.goods_art_margin{margin:10px 7px; _margin:10px 6px;}

#content .art{width:980px;}
#content .art h5{width:980px; line-height:38px; font-weight:normal; background:url(../images/long_part.jpg) no-repeat left top; position:relative;}
#content .art h5 span{display:block; padding-left:30px; line-height:38px; font-size:12px; color:#000;}
#content .art h5 p{position:absolute; padding:0; margin:0; top:0px; right:10px; color:#000; font-size:12px; font-weight:normal;}
#content .art h5 p a{margin:0 5px; color:#000; font-size:12px; font-weight:normal;}
#content .art h5 a.more{position:absolute; top:15px; right:0px; width:25px; height:5px; background:url(../images/more.gif) no-repeat left top;}

#footer{width:980px; margin:0 auto; padding-top:5px; color:#fff; line-height:200%; text-align:center; position:relative;}
#footer .footer_menu{width:980px; text-align:center; line-height:51px; color:#fff; background:url(../images/footer_bg.jpg) repeat-x left top;}
#footer .footer_menu a{margin:0 5px; color:#fff;}
#footer .copyright{width:980px; margin-top:5px; text-align:center; color:#000; line-height:200%; font-family:Arial, Helvetica, sans-serif;}
#footer .tech{position:absolute; top:90px; right:0px; color:#999; font-size:12px;}
#footer .tech a{color:#999; font-size:12px;}

#content .right .list{width:750px;}
#content .right .list h5{width:750px; line-height:38px; font-weight:normal; background:url(../images/long_part.jpg) no-repeat left top; position:relative;}
#content .right .list h5 span{display:block; padding-left:30px; line-height:38px; font-size:12px; color:#000;}
#content .right .list h5 p{position:absolute; padding:0; margin:0; top:0px; right:10px; color:#000; font-size:12px; font-weight:normal;}
#content .right .list h5 p a{margin:0 5px; color:#000; font-size:12px; font-weight:normal;}

#content .right .container{width:750px; min-height:500px; _height:500px;}
#content .right .container h5{width:750px; line-height:38px; font-weight:normal; background:url(../images/long_part.jpg) no-repeat left top; position:relative;}
#content .right .container h5 span{display:block; padding-left:30px; line-height:38px; font-size:12px; color:#000;}
#content .right .container h5 p{position:absolute; padding:0; margin:0; top:0px; right:10px; color:#000; font-size:12px; font-weight:normal;}
#content .right .container h5 p a{margin:0 5px; color:#000; font-size:12px; font-weight:normal;}

#content .right .container .m_goods{width:750px; text-align:center;}
#content .right .container .m_goods_name{width:750px; text-align:center; font-size:14px; font-weight:bold; line-height:250%;}
#content .right .container h1{width:750px; font-size:14px; line-height:250%;}
#content .right .container .detail{width:750px; color:#222222; line-height:200%;}

#content .right .container .art_detail{width:750px;}
#content .right .container .art_detail h2{width:750px; text-align:center; font-size:16px; line-height:250%;}
#content .right .container .art_detail li{width:750px; padding:5px 0; text-align:center; line-height:250%;}
#content .right .container .art_detail .art_detail_content{width:750px; line-height:200%;}

#content .right .container .info{width:730px; padding:0 10px; line-height:200%;}


#article_list{width:750px;}
#article_list li{height:30px; line-height:30px; overflow:hidden; border-bottom:1px dashed #cccccc; text-indent:5px;}
#article_list li span{float:right; margin-right:5px;}
#article_list li a{float:left; padding-left:15px; line-height:30px; background:url(../images/article_ico.gif) no-repeat 5px center;}


dl.article{width:750px; margin-top:10px;}
dl.article dt{width:750px; border-bottom:1px dashed #cfcdce; text-align:center; font-weight:bold; font-size:14px; padding-bottom:5px;}
dl.article dt div{width:750px; text-align:right; font-weight:normal; color:#666; font-size:12px;}
dl.article dd{width:750px; overflow:hidden; line-height:200%; font-size:13px;}
dl.article dd.aboutus img{display:block; width:100%;}

.art_box{width:230px; float:left; margin:10px 10px; _margin:10px 8px;}
.art_box .pic{width:230px; height:175px;}
.art_box .pic a{display:block; width:220px; height:165px; border:5px solid #cccccc;}
.art_box .pic a:hover{display:block; width:220px; height:165px; border:5px solid #bd0000;}
.art_box .name{width:230px; text-align:center; line-height:200%;}

.hj_box{width:340px; float:left; margin:10px 15px; _margin:10px 12px;}
.hj_box .pic{width:340px; height:255px;}
.hj_box .name{width:340px; text-align:center; line-height:200%;}

.zs_box{width:230px; float:left; margin:10px 10px; _margin:10px 8px;}
.zs_box .pic{width:230px; height:175px;}
.zs_box .pic a{display:block; width:220px; height:165px; border:5px solid #cccccc;}

.zs_box .name{width:230px; text-align:center; line-height:200%;}


.choose{width:750px; margin:15px 0; border:1px solid #d1ccc7;}
.choose th{width:80px; border-right:1px solid #d1ccc7; border-bottom:1px solid #d1ccc7; background:#f7f5f5; padding:5px 10px; line-height:200%; text-align:center;}
.choose td{width:670px; border-right:1px solid #d1ccc7; border-bottom:1px solid #d1ccc7; background:#ffffff; padding:5px 10px; line-height:200%;}
.choose .pic{display:inline-table; margin:10px 5px; text-align:center;}
.choose .border{display:inline-table; margin:10px 5px; text-align:center; background:#fff; color:#000000; border:1px solid #cc0000;}
.choose .txt{display:inline-table; margin:10px 5px; padding:6px 0; width:90px; text-align:center; line-height:150%;}
.choose .current{display:inline-table; margin:10px 5px; padding:6px 0; width:90px; text-align:center; background:#cc0000; color:#ffffff; line-height:150%;}


.pagebar{width:100%; height:25px; padding:0 0 10px 0;}
.pagebar .pagebar_left{float:left; padding-left:10px; color:#333300;}
.pagebar .pagebar_right{float:right; padding-right:10px; color:#333300;}
.pagebar a{display:block; float:left; margin:0 3px; padding:5px 8px; font-size:13px; color:#333; text-decoration:none; border:1px solid #ccc;}
.pagebar a:hover{color:#fff; text-decoration:none; padding:5px 8px; background:#bd0000; border:1px solid #bd0000;}
.pagebar .page_now{display:block; float:left; margin:0 5px; font-weight:bold; padding:5px 8px; font-size:13px; border:1px solid #bd0000; background:#bd0000; color:#fff;}
.pagebar .sel{float:left; margin-left:5px; color:#333;}
.pagebar .sel .goto_input{width:40px; height:23px; padding-top:0; line-height:23px; text-align:center; background:#fff; border:1px solid #e7e7e7; outline:none;}
.pagebar .sel .goto{margin-left:5px; height:23px; padding:0 5px;}

.online_title{background:url(../images/online_title.gif) no-repeat; width:120px; height:27px;}
.online_content{width:110px; border:5px solid #000; border-top:none; background:#f1f3e8; padding:0; margin:0; list-style:none;}
.online_content li{width:110px; line-height:31px; padding:0; margin:0;}