﻿@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; background:#e4e5e5; font-size:12px; font-family: "宋体",Verdana, Arial, Helvetica, sans-serif;  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:#666666; 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;}
.left {float:left}
.right {float:right}
.clear{clear:both}

#header {}

#daoyu { background:url(../images/daoyu.jpg) no-repeat; text-indent:2em;font-size:14px;color:#fff;height:92px}
#daoyu div{width:800px;margin-left:170px;margin-right:25px;line-height:28px;padding-top:18px;}
#main {background:#fff;padding: 0 10px}
#main .top_news{background:url(../images/pic_1.jpg) no-repeat;width:480px;height:320px}
#main .top_news .title{font-size:14px;color:#005bac;font-weight:bolder;width:480px;text-align:center;height:73px;line-height:73px}
#main .top_news .contents{width:435px;margin:0 auto;margin-top:24px;line-height:28px}
#main .top_news .contents span a{color:#005bac;}
#djf{width:980px;border:#e1e1e1 1px solid}
.nav{background:url(../images/nav.jpg) no-repeat;width:980px;font-family: "微软雅黑",Verdana, Arial, Helvetica, sans-serif;font-size:20px;color:#fff;padding-left:30px;height:40px;line-height:40px}
.nav2{background:url(../images/nav2.jpg) no-repeat;width:980px;font-family: "微软雅黑",Verdana, Arial, Helvetica, sans-serif;font-size:20px;color:#fff;padding-left:30px;height:40px;line-height:40px}
.nav3{background:url(../images/nav3.jpg) no-repeat;width:450px;font-family: "微软雅黑",Verdana, Arial, Helvetica, sans-serif;font-size:20px;color:#fff;padding-left:30px;height:40px;line-height:40px}
#djf .title{color:#005bac;font-family: "微软雅黑",Verdana, Arial, Helvetica, sans-serif;width:929px;font-size:18px;margin:0 auto;margin-top:15px;}
#djf .kk{background:url(../images/kk.jpg) no-repeat;width:929px;height:160px;margin:0 auto;}
#djf .kk .kk_contents{width:878px;margin:0 auto;line-height:26px;padding-top:20px;color:#666666}

#product { width:980px;border:#e1e1e1 1px solid;padding:40px}
#product li { float:left; width:200px; height:231px; padding:10px 14px;text-align:center}
#product li img { margin-bottom:20px;border:1px solid #e1e1e1}
#product li span { color:#666666}

#gb { width:917px;border:#e1e1e1 1px solid;padding:30px}
#gb .top_news{background:#f6f6f6;width:450px;height:300px}
#gb .top_news .title{font-size:14px;color:#005bac;font-weight:bolder;width:480px;text-align:center;height:73px;line-height:93px}
#gb .top_news .contents{width:405px;margin:0 auto;margin-top:24px;line-height:28px}
#gb .top_news .contents span a{color:#005bac;}

#ry {border:#e1e1e1 1px solid;}
#cc .cc_left{border:#e1e1e1 1px solid;}
#cc .cc_right{border:#e1e1e1 1px solid;}
#cc .cc_right ul{margin-left:55px;margin-top:20px;margin-bottom:20px}
#cc .cc_right li{line-height:40px;list-style-type:disc;color:#005bac}
#cc .cc_right span{color:#666666}

#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:#666666; font-size:14px;line-height:24px}
.footer a { color:#666666;}

.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;}