@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font-family: "微软雅黑"; font-size:14px; line-height:30px; color:#5b2f0c; background:#5b2f0c;}
ul,li,input,div,font,br { margin:0; padding:0; list-style:none;}
img { border:0;}
a { color:#c30d23; text-decoration:none;}
a:hover { text-decoration:underline;}

.blank { clear:both; height:0px;}
.blank10 { clear:both; height:10px; background:url(../images/line.png) no-repeat center;}
.blank25 { clear:both; height:25px;}

.w1000 { width:970px; padding:15px; background:#f79512; margin:0 auto; overflow:hidden;}
.w300 { width:270px; padding:15px; background:#f79512; margin:0 auto; overflow:hidden;}
.w450 { width:420px; padding:15px; background:#f79512; margin:0 auto; overflow:hidden;}
.w530 { width:500px; padding:15px; background:#f79512; margin:0 auto; overflow:hidden;}
.w680 { width:650px; padding:15px; background:#f79512; margin:0 auto; overflow:hidden;}
.m1000 { width:1000px; margin:0 auto; overflow:hidden;}
.w230 { width:230px;}
.w380 { width:380px;}
.w550 { width:550px;}

.w1000 .w450 .w530, .title { padding-left:105px; height:28px; line-height:26px; color:#fff; background:url(../images/logo.png) left center no-repeat; font-size:24px; font-weight:bold; overflow:hidden; margin-bottom:15px;}
.w1000 .w450 .w530, .title2 { padding-left:0px; height:28px; line-height:26px; color:#fff; font-size:24px; font-weight:bold; overflow:hidden; margin-bottom:15px;}
.w1000 .w450 .w530, .border { border:1px solid #5b2f0c; padding:9px; background:#fff; overflow:hidden;}
.mrl { float:left;}
.mrr { float:right;}

.mt20 { margin-top:20px;}

.fb { font-weight:bold;}
.f19 { font-size:19px;}
.h33 { line-height:33px;}
.h36 { line-height:36px;}
.h42 { line-height:42px;}

.t1 { text-indent:1em;}
.t2 { text-indent:2em;}

.pt10 { padding-top:10px;}
.pb5 { padding-bottom:5px;}



#header { width:100%; height:376px; background:url(../images/header.jpg) no-repeat center;}

#nav { width:100%; height:63px; background:#f79512;}
#nav .nav1 { width:1000px; margin:0 auto;}
#nav .nav1 a { float:left; display:block; color:#393939; font-size:18px; font-weight:bold; line-height:63px; margin:0 37px;}
#nav .nav1 a:hover { text-decoration:none; color:#fff;}

.DaoyuBG { width:380px; height:120px; background:url(../images/DaoyuBG.gif) no-repeat;}

.sound { width:380px; height:12px; padding:9px 0; background:url(../images/sound.gif) no-repeat;}

#Product {}
#Product li { float:left; width:310px;}

#Sonic { font-size:12px;}
#Sonic li { float:left; width:170px; height:418px; padding:9px; border:1px solid #bbb;}
#Sonic li .pic { margin-bottom:10px;}
#Sonic li .text01 { background:url(../images/nbg.png) no-repeat; color:#fff; font-weight:bold; height:21px; line-height:16px; padding-left:7px;}
#Sonic li .text02 { line-height:24px; margin-bottom:10px;}

#Video {}
#Video a { display:block; width:400px; height:312px; background:url(../images/Video.jpg) no-repeat;}
#Video a:hover { background:url(../images/VideoOn.jpg) no-repeat;}

#News {}
#News li { font-size:14px; border-bottom:1px dashed #ececec; padding:7px 0; line-height:24px;}
#News li a { color:#5b2f0c; background:url(../images/arrowoff.png) no-repeat 10px center; padding-left:30px;}
#News li a:hover { color:#c30d23; background:url(../images/arrow.png) no-repeat 10px center; text-decoration:none;}
#News li span { float:right; color:#999; font-size:12px;}

#footer { width:100%; background:#f79512; text-align:center; padding:10px 0;}
#footer a { color:#5b2f0c;}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper { width:950px; display:none;}
#wrapper * {margin:0; padding:0}
#fullsize { position:relative; width:942px; height:500px; padding:3px; border:1px solid #bbb; background:#fff}

#information { position:absolute; bottom:3px; width:942px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 { margin:0; padding:0; font-size:18px; color:#fff; height:36px; line-height:36px; padding-left:30px;}
#information p { height:0px; clear:both; visibility:hidden;}
#image { width:942px;}
#image img { position:absolute; z-index:25; width:auto;}
.imgnav { position:absolute; width:25%; height:500px; cursor:pointer; z-index:150}
#imgprev { left:3px; background:url(../images/left.gif) left center no-repeat;}
#imgnext { right:3px; background:url(../images/right.gif) right center no-repeat;}
#imglink {position:absolute; height:500px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}

#thumbnails {margin-top:15px;}
#slideleft {float:left; width:20px; height:75px; background:#222 url(../images/scroll-left.gif) center center no-repeat;}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:21px; height:75px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:899px; margin-left:5px; margin-right:5px; height:75px; overflow:hidden}
#slider {position:absolute; left:0; height:75px}
#slider img {cursor:pointer; width:102px; height:69px; border:1px solid #666; padding:2px}