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

body { margin:0; padding:0; background:#16274d; font-size:14px; font-family: "微软雅黑",Verdana, Arial, Helvetica, sans-serif; line-height:30px; color:#000;}
ul,li { margin:0; padding:0; list-style:none;}
h2 { margin:0; padding:0; font-size:18px; font-weight:normal; color:#000;}
h3 { margin:0; padding:0; font-size:18px; color:#FF6600;}
a { color:#FF6600; text-decoration:none;}
a:hover { text-decoration:underline;}
img { border:none;}

/*topMenu*/
#topmenu {
    background: url("../images/topmenu_bg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 34px;
    line-height: 34px;
}
.topdiv {
    margin: 0 auto;
    width: 980px; font-size:12px;
}
.topdiv a { color: #434242;}
.topdiv a:hover { color: #CC0000;}
.webname {
    color: #666666;
    float: left;
    width: 200px;
}
.menulist {
    color: #434242;
    float: left;
    text-align: right;
    width: 780px;
}

.box { margin:0 auto; width:1000px;}

.blank { height:20px; clear:both; visibility:hidden;}

.bar { float:left; width:935px; padding-left:65px; background: url(../images/bar.gif); color:#fff; font-size:18px; font-weight:bold; height:50px; line-height:50px;}
.bar span { float:right; font-size:14px;}
.bar2 { float:left; width:427px; padding-left:65px; background: url(../images/bar.gif); color:#fff; font-size:18px; font-weight:bold; height:50px; line-height:50px;}

.block { float:left; width:968px; padding:16px; background:#fff;}
.block2 { float:left; width:460px; padding:16px; background:#fff;}
.b_l { float:left;}
.b_r { float:right;}
.w450 { width:450px;}
.w492 { width:492px;}
.w500 { width:500px;}
.w160 { width:160px;}
.w780 { width:780px;}
.mr16 { margin-right:16px;}


#header {}

#daoyu { background:url(../images/daoyu.gif) no-repeat; padding:82px 16px 0; height:100px; text-indent:2em;}

#main {}
#main .video { width:300px;}
#main .headline { width:366px; height:280px; border:1px solid #bbb; padding:9px;}
#main .headline .title { text-align:center; padding-bottom:5px; margin-bottom:5px; border-bottom:1px dashed #bbb; font-size:16px; color:#FF6600; font-weight:bold;}
#main .headline .content { text-indent:2em; font-size:12px; line-height:29px;}
#main .about { width:250px;}
#main .about .title { font-weight:bold; display:block; height:60px; line-height:60px; background: url(../images/logo.jpg) no-repeat; color:#fff; font-size:16px; padding-left:70px;}
#main .about .text { text-indent:2em; font-size:12px; border:1px solid #bbb; padding:9px; height:220px; line-height:24px;}

#leader {}
#leader li { float:left; width:300px; border-right:1px dashed #bbb; padding-right:16px; margin-right:17px;}
#leader li .pic {}
#leader li .title { font-weight:bold; color:#f60; text-align:center; padding:6px 0 12px;}
#leader li .content { text-indent:2em;}

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

#news {}
#news li { background:url(../images/arrow.png) no-repeat 10px center; padding:3px 0px 4px 25px; border-bottom:1px dashed #bbb; height:34px; overflow:hidden;}
#news li a { color:#000;}
#news li a:hover { color:#FF6600;}

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

#information { position:absolute; bottom:3px; width:960px; 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:960px;}
#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:21px; height:75px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:22px; height:75px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:920px; margin-left:5px; height:75px; overflow:hidden}
#slider {position:absolute; left:0; height:75px}
#slider img {cursor:pointer; width:104px; height:69px; border:1px solid #666; padding:2px}

.footer { margin:0 auto; width:960px; padding:20px; text-align:center; color:#fff; font-size:14px;}
.footer a { color:#fff;}

.dialog {overflow:hidden; position:relative;}
.dialog .picanddesc {}
.dialog .picanddesc .pic {}
.dialog .picanddesc .desc { text-indent:2em; font-size:14px; padding:10px 0;}
.dialog ul { overflow:hidden; border-top:3px #f60 solid; float:left; margin-top:16px;}
.dialog li { overflow:hidden; padding:10px 0; background:url(../images/dotline.gif) repeat-x 0 100%; cursor:pointer;}
.dialog li.cur { background:none; padding-bottom:0px;}
.dialog li.cur .ask {color:#000; background-image:url(../images/ask.gif); padding-left:22px;}
.dialog li.cur .ask strong {color:#f60;}
.dialog li .ask { display:block; background:url(../images/ask_dis.gif) no-repeat left 8px; font-weight:bold; color:#333; padding-left:22px;}
.dialog li .ask:hover {color:#000; background-image:url(../images/ask.gif);}
.dialog li .ask strong {color:#f60;}
.dialog li .ask span {color:#666; font-weight:normal;}

.dialog li .answer {display:none; height:100%; margin-top:5px;}
.dialog li .answer .t {clear:both; height:15px; overflow:hidden; background:url(../images/answer_box.png) no-repeat 50% 0;}
.dialog li .answer .c {padding:5px 13px 5px 36px; height:100%; line-height:30px; border-left:1px #ddd solid; border-right:1px #ddd solid; overflow:hidden; background:#fcfcfc url(../images/icon_quote_m_s.gif) no-repeat 10px 8px; color:#333;}
.dialog li .answer .c img {vertical-align:middle;}
.dialog li .answer .b {clear:both; height:10px; line-height:10px; font-size:0; overflow:hidden; background:url(../images/answer_box.png) no-repeat 50% 100%;}
.dialog li .answer strong {color:#f60;}
.dialog li .answer p {margin:5px 0; text-indent:2em;}
.dialog li.cur .answer {display:block;}