@charset "utf-8";
/* CSS Document */
html, body, ul, li,dl,dt,dd{ margin:0; padding:0;}

a{ text-decoration:none;}
.clear { clear:both; height:0px; overflow:hidden; }
.left{ display:inline; float:left}
.right{ display:inline; float:right}
.sleft{ display:inline-block; float:left}
.sright{ display:inline-block; float:right}

body{}
.index{ width:100%; margin:0 auto; height:675px;}
.index .logo{ padding-top:10px; width:976px; padding-left:26px; height:221px; margin:0 auto}
.index .menu{ height:73px; background:url(../image/bg_menu.png) repeat-x left top; text-align:center; overflow:hidden}
.index .content{ width:925px; margin:0 auto 49px; height:321px; background:url(../image/bg_about_content.png) no-repeat center top; overflow:hidden}
.index .content .title{ height:32px; padding-left:23px}
.index .content .title .a{ background:url(../image/bg_span.jpg) no-repeat center top; height:28px; padding-bottom:4px; line-height:28px; color:#FFFFFF; font-weight:600; width:75px; text-align:center; display:inline-block; overflow:hidden}
.index .content .title .a:hover{ background:url(../image/bg_span_hover.gif) no-repeat center top}
.index .content .title .ahover{ background:url(../image/bg_span_hover.gif) no-repeat center top}
.index .content .about{ padding-top:20px;}
.index .content .about .img{ margin:14px 16px 0 22px; width:324px;}
.index .content .about .acont{ width:550px; height:251px; line-height:200%; overflow:hidden; color:#494949}
.index .content .contact{ width:672px; padding:16px 21px 0;}
.index .content .contact .map{ height:250px; width:308px; border:#BFBFBF solid 2px}
.index .content .contact .cont{ width:344px; margin-left:16px; color:#494949; line-height:250%}
.index .content .guestbook{ padding-top:16px;}
.index .content .guestbook .table{width:540px; margin:0 auto}
.index .content .guestbook .table td{ padding:5px 0; color:#3D3D3D}
.index .content .guestbook .table .txt{ background:#fff; border:#E0E0E0 solid 1px; }
.index .content .guestbook .table .font{ color:#FF0000; font-size:12px}
.index .content .guestbook .table .submit{ width:54px; height:24px; background:url(../image/bg_submit.jpg) no-repeat center top; border:0;}
.index .content .guestbook .table .reset{ width:54px; height:24px; background:url(../image/bg_reset.jpg) no-repeat center top; border:0}
.index .content .news{ width:668px; margin:0 auto; padding-top:7px;}
.index .content .news ul li{ width:649px; padding-left:19px; display:inline; float:left; height:29px; line-height:29px; border-bottom:#B7B6B6 dashed 1px; background:url(../image/bg_news_li.gif) no-repeat 7px center;}
.index .content .news ul li .a{ color:#494949}
.index .content .news ul li .dt{ color:#909090}
.index .content .news .newsinfo{ width:678px; height:265px; overflow:hidden; padding-top:5px; line-height:200%; color:#494949}
.index .content .news .newsinfo .info{ border-bottom:dashed 1px #B6B6B6; line-height:22px; padding-bottom:2px; text-align:center; margin-bottom:13px}
.index .content .news .newsinfo .info .theme{ color:#B34BAB; font-size:14px}
.index .content .news .newsinfo .info .dt{ color:#7D7D7D}

.index .products{ height:422px;} 
.index .logo .ptitle{ padding-top:120px; padding-right:108px;}
.index .logo .ptitle .a{ background:url(../image/bg_product_a.jpg) no-repeat center top; line-height:28px; height:28px; padding-bottom:4px; color:#FFFFFF; font-weight:600; width:103px; text-align:center; display:inline-block;}
.index .logo .ptitle .a:hover{ background:url(../image/bg_product_ahover.gif) no-repeat center top; }
.index .logo .ptitle .ahover{ background:url(../image/bg_product_ahover.gif) no-repeat center top; }
.index .products ul{ width:836px; margin:0 auto}
.index .products ul li{ float:left; display:inline; width:133px; height:177px; margin:0 0 11px 29px;}
.index .products ul li .img{ width:127px; height:150px; padding:2px; border:#D9D9D9 solid 1px; background:#fff; overflow:hidden; text-align:center; display:table-cell; vertical-align:middle}
.index .products ul li .a{ color:#4C4C4C; line-height:20px; text-align:center; display:block; width:133px;}
.index .products ul li:hover{ background:#8D4485}
.index .products ul li:hover .img{border:#8D4485 solid 1px }
.index .products ul li:hover .a{ color:#FFFFFF;}

.index .showImage{ height:386px;} 
.index .showtitle{ height:32px; padding-top:120px; padding-right:90px;}
.index .showtitle .a{ background:url(../image/bg_span.jpg) no-repeat center top; height:28px; padding-bottom:4px; line-height:28px; color:#FFFFFF; font-weight:600; width:75px; text-align:center; display:inline-block;}
.index .showtitle .a:hover{ background:url(../image/bg_span_hover.gif) no-repeat center top}
.index .showtitle .ahover{ background:url(../image/bg_span_hover.gif) no-repeat center top}
.index .showImage ul{ height:290px;}
.index .showImage ul li{ float:left; display:inline; width:374px; height:272px; padding:5px; margin:5px 13px 0px 10px; background:#B4B4B4}
.index .showImage ul li .img{ width:372px; height:246px; border:#C7C7C7 solid 1px; overflow:hidden; text-align:center; display:table-cell; vertical-align:middle;}
.index .showImage ul li .a{ color:#FFFFFF; line-height:20px; text-align:center; display:block; margin-top:5px;}
.index .showImage ul li:hover{ background:#8D4485}
.index .showImage ul li:hover .img{border:#9F5F98 solid 1px }


#footer{ width:100%; margin:0 auto; background:#8D4485}
#footer .fbody{ width:1002px; margin:0 auto; text-align:center; line-height:25px; color:#DCBCD9}
#footer .fbody a{ color:#DCBCD9}



.page{ width:90%; margin:0 auto; text-align:center; padding-top:10px;}
.page a{ display:inline-block; padding:5px 15px; color:#494949; vertical-align:middle}
.page .curpage{ display:inline-block; background:url(../image/bg_page_cur.gif) no-repeat center center ; padding:5px 15px; color:#8D4485; vertical-align:middle}
.page .firstpage{ background:url(../image/bg_page_a.gif) no-repeat center center ;color:#8D4485; vertical-align:middle }
.page .prevpage{ background:url(../image/bg_page_prev.gif) no-repeat center center ;color:#8D4485; vertical-align:middle }
.page .nextpage{ background:url(../image/bg_page_next.gif) no-repeat center center ;color:#8D4485; vertical-align:middle }
.page .lastpage{ background:url(../image/bg_page_a.gif) no-repeat center center ;color:#8D4485; vertical-align:middle }
.page .left{ text-align:center; width:480px}
.page .sright{ line-height:25px; text-align:right; width:120px; color:#494949}
.page .red{ color:#D10000; font-size:12px}

.page_prod{ width:83%; margin:0 auto; text-align:left;}
.page_prod a{ display:inline-block;  background:url(../image/bg_page_prod_a.gif) no-repeat center center ; padding:5px 10px 3px; color:#5F5F5F; vertical-align:middle}
.page_prod .curpage{ display:inline-block; background:url(../image/bg_page_prod_cur.gif) no-repeat center center ; padding:5px 10px 3px; color:#fff; vertical-align:middle}
.page_prod .prevpage{background:url(../image/bg_page_prod_prev.gif) no-repeat center 5px ;  padding:5px 10px 3px;}
.page_prod .nextpage{background:url(../image/bg_page_prod_next.gif) no-repeat center 5px ;  padding:5px 10px 3px;}

.mybox{ position:fixed!important; position:absolute; top:0; left:0; width:100%; height:100%;}
#closemybox{ background:url(../image/bg_mybox.png); width:100%; height:100%; position:fixed}
.mybox .box{ width:489px; position:fixed!important; position:absolute; top:0; z-index:999; _top:expression(documentElement.clientHeight - getElementById("mybox").offsetHeight + documentElement.scrollTop + "px"); }
.mybox .login{ width:475px; height:208px; border:solid 7px #828282; margin:180px auto 0; background:url(../image/loginmain.jpg) center top no-repeat;  }
.mybox .login .cont{ width:220px; height:108px; padding-top:30px; padding-left:156px;}
.mybox .login .cont li{ width:210px; height:25px; margin:0 auto 5px;}
.mybox .login .cont .txt{ width:158px; height:20px; line-height:20px; background:#f8f8f8; border:solid 1px #d5d5d5;}
.mybox .login .cont .but{ background:#8D4485; width:76px; height:23px; text-align:center; color:#fff; line-height:23px; border:0; cursor:pointer;}