@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-size:12px; color:#686868; font-family:"宋体",Arial, Helvetica, sans-serif; background-color:#ffffff;}
a{ color:#686868; text-decoration:none;font-family:"宋体",Arial, Helvetica, sans-serif; font-size:12px;}
a:hover{ color:#8e5400; text-decoration:underline;}
.cl{ clear:both; height:0; overflow:hidden;}.fl{ float:left;}.fr{ float:right;}.co{ color:#f05a28;}.mi{ margin:0 auto;}.f12{ font-size:12px;}.more{ margin-right:20px; color:#fff;}.more:hover{ color:#fff;}.co{ color:#8e5400; margin-right:0px;}.co:hover{ color:#8e5400;}
.h15{ height:15px;}.l10{ margin-left:10px;}.r10{ margin-right:10px;}.t10{ margin-top:10px;}.t15{ margin-top:15px;}.b10{ margin-bottom:10px;}.ov{ overflow:hidden;}
.cen{ text-align:center; line-height:24px;}
.clearfixs{clear: both;}
#top{ background:url(../images/headerbg.jpg) repeat left top;}
#top .top{ height:30px; background-color:#222222; color:#999;}
#top .top ul{ width:980px; line-height:30px; margin:0 auto;}
.top .bar{ float:right;}
.top .bar a{ color:#999; height:25px; line-height:25px; padding:0 4px 0 4px; display:inline-block;}
.top .bar a:hover{ color:#8e5400;}
.logo{ width:980px; height:80px;}
.menu{ width:980px; height:40px; overflow:hidden; background:url(../images/menubg.png) no-repeat left top;}
.menu ul li{ float:left; display:inline; background:url(../images/menu_li.jpg) no-repeat right top;}
.menu ul li a{ float:left; display:block; padding:0 26px; height:40px; line-height:40px; font-size:14px; color:#4f2f00;}
/*.menu ul li a.on_i{ background:url(../images/menu_on.jpg) no-repeat left top; color:#fff;}
.menu ul li a.on{ background:url(../images/menu_on.jpg) no-repeat right top; color:#fff;}
.menu ul li a:hover{ background:url(../images/menu_on.jpg) no-repeat right top; color:#fff;}*/
.menu ul li:hover{ background:none;}


/*  广告轮播图 */
.index_banner{ width:1920px; margin: 0 auto; position:relative; height:400px;overflow:hidden; left: 50%; margin-left:-960px;}
.index_ban_ul{ width:1920px; height:400px; overflow:hidden; z-index:0;}
.banner_ctr{ height:90px;width:1000px;position:absolute;top:45%;z-index:2;left:50%; margin-left:-500px;}
.banner_ctr a{ display:block;width:60px;height:90px; background: url(../images/ad_ctr.png) no-repeat 0 0; position:absolute; opacity:0.2;filter: alpha(opacity=20);display:block;}
.banner_ctr a.prev{left:0px;}
.banner_ctr a.next{right:0px; background-position: 0 -90px;}
.banner_ctr a:hover{ filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
.index_banner .hd{ width:1000px;position:absolute; bottom:0; text-align: center; z-index:1;left: 50%; margin-left:-500px;font-size: 0; line-height: 0; background:url(../images/ban_numbg.png) no-repeat center bottom; height: 23px;padding-top:10px; }
.index_banner .hd li{background:#fff; z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:21px; height:8px; line-height:0;font-size:0;*display:inline; zoom:1; font-weight: bold; }
.index_banner .hd li:hover,.index_banner .hd .on{background:#c39d25;}


/*  内页广告轮播图 */
.page_banner{ width:1920px; margin: 0 auto; position:relative; height:250px;overflow:hidden; left: 50%; margin-left:-960px;}
.index_ban_ul{ width:1920px; height:250px; overflow:hidden; z-index:0;}
.banner_ctr{ height:90px;width:1000px;position:absolute;top:45%;z-index:2;left:50%; margin-left:-500px;}
.banner_ctr a{ display:block;width:60px;height:90px; background: url(../images/ad_ctr.png) no-repeat 0 0; position:absolute; opacity:0.2;filter: alpha(opacity=20);display:block;}
.banner_ctr a.prev{left:0px;}
.banner_ctr a.next{right:0px; background-position: 0 -90px;}
.banner_ctr a:hover{ filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
.page_banner .st{ width:1000px;position:absolute; bottom:0; text-align: center; z-index:1;left: 50%; margin-left:-500px;font-size: 0; line-height: 0; background:url(../images/ban_numbg.png) no-repeat center bottom; height: 23px;padding-top:10px; }
.page_banner .st li{background:#fff; z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:21px; height:8px; line-height:0;font-size:0;*display:inline; zoom:1; font-weight: bold; }
.page_banner .st li.on{background:#c39d25}
.page_banner .st li:hover,.index_banner .hd .on{background:#c39d25;}




#main{ width:980px; height:auto;}
.chanpinfenlei,.hezuokehu,#left{ width:220px;}.tuijianchanpin,.gongsiyoushi,#right{ width:740px;}
.chanpinfenlei h2,.tuijianchanpin h2,.hezuokehu h2,.shilizhanshi h2,.sidebar h2,#right h2{ height:30px; line-height:30px; background:url(../images/titbg.jpg) no-repeat left top; font-size:14px; text-indent:30px; color:#8e5400;}
.chanpinfenlei ul/*,.tuijianchanpin ul,.shilizhanshi ul*/,.sidebar ul{ border:1px solid #eee; border-top:0; height:195px; padding:14px 10px 15px 10px;}
.chanpinfenlei ul li,.sidebar ul li{ height:30px; line-height:30px; border-bottom:1px dashed #eee; background:url(../images/arc.jpg) no-repeat 8px center; text-indent:24px;}
.tuijianchanpin ul li,.shilizhanshi ul li,#products ul li,#picture ul li{ float:left; width:160px; text-align:center; margin:3px 9px 0 8px; cursor:pointer;}
.tuijianchanpin ul li div,.shilizhanshi ul li div,#products ul li div,.img,#picture ul li div{ width:160px; height:160px; border:1px solid #eee; overflow:hidden;}
.tuijianchanpin ul li p,.shilizhanshi ul li p,#products ul li p{ height:22px; line-height:22px; overflow:hidden;}
.tuijianchanpin ul li:hover div,.shilizhanshi ul li:hover div,#products ul li:hover div,.img:hover{ border:1px solid #8e5400;}
.tuijianchanpin ul li:hover p a,.shilizhanshi ul li:hover p a,#products ul li:hover p a{ color:#8e5400;}
#products ul li img{width: 150px;height: 150px;}
#picture ul li div{width: 160px;
height: 160px;
border: 1px solid #eee;
overflow: hidden;
text-align: center;
line-height: 160px}
#picture ul li div img{width: 100%;max-height: 160px;}


#demo,#demo3{overflow:hidden; border:1px solid #eee; border-top:0; height:185px; padding:14px 10px 15px 10px;} 
#demo{ width:718px;}#demo3{ width:958px;}
#demoimg { margin:0 auto;} 
#indemo { float: left; width:600%; overflow:hidden;} 
#demo1,#demo2,#demo4,#demo5 {float: left;overflow:hidden;margin-left:40px;} 

.hezuokehu ul{ height:360px; padding:10px 5px 10px; border:1px solid #eee; overflow:hidden;}
.hezuokehu ul li{ float:left; display:inline; width:90px; height:40px; margin:5px 6px; overflow:hidden; border:1px solid #eee;}

.shilizhanshi{ width:980px; height:auto;}
.shilizhanshi h2{ background:url(../images/shilizhanshibg.jpg) no-repeat left top;}
.shilizhanshi ul{}

.guanyuxinwen{ width:978px; border:1px solid #eee;}
.guanyuxinwen ul{ height:315px; overflow:hidden;}
.guanyuxinwen ul li{ float:left; display:inline; width:319px; height:315px;}
.guanyuxinwen ul li dl{ background:url(../images/line.jpg) no-repeat 10px 35px; background:url(../images/headerbg.jpg) repeat-x 0px -55px;}
.guanyuxinwen ul li dl dt{ padding:10px 10px 10px 5px; height:35px; line-height:30px; text-indent:52px; font-size:14px; font-family:"宋体"; color:#8e5400; background:url(../images/newstitbg.png) no-repeat 20px 5px;}
.guanyuxinwen ul li dl dt label{ color:#989898;}
.guanyuxinwen ul li.news_i dl dd{ height:30px; line-height:30px; overflow:hidden; border-bottom:1px solid #eee;background:url(../images/arc.jpg) no-repeat 10px 10px; padding-left:25px;}
.guanyuxinwen ul li.news_i dl dd a{ display:block;}

.guanyuxinwen ul li.news_i dl dd label{ float:right; color:#989898; text-indent:10px;}

.guanyuxinwen ul li.about_i{ width:379px;}
.guanyuxinwen ul li.contact_i dl{/* margin:10px 10px 10px 0;*/}
.guanyuxinwen ul li.about_i dl dd{ line-height:20px; padding:5px 10px;}
.guanyuxinwen ul li.about_i dl dd img{ float:left; margin:5px 10px 5px 0;}

.guanyuxinwen ul li.contact_i{ width:280px; margin-right:0;}
.guanyuxinwen ul li.contact_i dl{/* margin:10px 10px 10px 0;*/}
.guanyuxinwen ul li.contact_i dl dd{ padding:5px 10px; line-height:18px;}
.guanyuxinwen ul li.contact_i dl dd p,.sidebar ul.lxwm p{ line-height:40px; margin-bottom:10px;}
.guanyuxinwen ul li.contact_i dl dd p img{ float:left; margin-right:15px; width:80px; height:80px;}

#footer{ width:100%; height:auto; background:url(../images/footerbg.jpg) repeat-x left top; padding:0px 0 0 0;}
#footer ul{ width:980px;}
#footer ul li{ line-height:35px; text-align:center; color:#4f2f00;/* background:url(../images/line.png) no-repeat center bottom;*/ background:url(../images/navbg.png) no-repeat center top;}
#footer ul li a{ margin:0 10px; color:#4f2f00;}
#footer ul .bot{ text-align:left; padding-top:10px; line-height:20px;}
#footer ul .bot .l{ display:inline; width:130px; text-align:center; height:70px; }
#footer ul .bot .r{text-align:left; line-height:20px; color:#7d7d7d; font-family:Arial, Helvetica, sans-serif; padding:0 5px;}
#footer ul .bot a{ margin-right:5px;}

.sidebar ul{ height:auto;}
.sidebar ul.lxwm{ line-height:20px;}

#right h2 span{ float:left; margin-left:30px; text-indent:0; padding:0 40px 0 0; background:url(../images/right_t.png) no-repeat right top #8e5400;}
#right h2 label{ font-size:12px; color:#fff; margin-right:15px;}
#right h2 label a{ font-size:12px; color:#fff;}
#right h2 label a:hover{ color:#8e5400;}

#about,#news,#products,#product,#picture{border:1px solid #eee; border-top:0; padding:14px 15px 15px 15px; min-height:500px;}
.cont{ font-size:14px; line-height:26px; padding:0 10px;}
#about h1 {
    font-family: "微软雅黑";
    font-size: 18px;
    line-height: 35px;
    text-align: center;
	color:#454545;
}
#about .time {
    border-bottom: 1px dashed #D9D9D9;
    color: #666666;
    font-size: 12px;
    line-height: 30px;
    margin-bottom: 10px;
}

#xg_news{}
#xg_news h3,.content h3,#xg_pic h3{ height:30px; line-height:30px; color:#fff; text-indent:15px; background:url(../images/titbg.jpg) no-repeat right center;}
#xg_news ul li {
    background: url("../images/arc.jpg") no-repeat scroll 7px center transparent;
    border-bottom: 1px dashed #eee;
    float: left;
    line-height: 30px;
    padding: 0 1% 0 3%;
    width: 46%;
}

#news ul li{ margin:15px 0 5px 0; border-bottom:1px dashed #d7d7d7;}
#news ul li h3{ height:30px; line-height:30px; text-indent:30px; cursor:pointer;background: url(../images/arc.jpg) no-repeat 10px 10px;}
#news ul li h3 a{ display:block;}
#news ul li h3 label{ float:right; margin-right:15px; color:#fff;}
#news ul li p{ line-height:20px; padding:5px 10px;}
#news ul li:hover p a{ color:#8e5400; text-decoration:none;}

.prew, .nextw {
    background: url("../images/ui_pre_info.gif") no-repeat scroll left 6px transparent;
    color: #6B6B6B;
    float: left;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding-left: 15px;
    text-align: left;
    width: 46%;
	 font-size:12px;
}
.nextw {
    background: url("../images/ui_next_info.gif") no-repeat scroll right 6px transparent;
    float: right;
    padding-right: 15px;
    text-align: right;
}
.prew a, .nextw a {
    color: #6B6B6B; font-size:12px;
}
.prew a:hover, .nextw a:hover,.about .time a:hover{ color:#f46e17;}

#pagelist {
    padding: 20px;
    text-align: center;
}
#pagelist a, span.page_index, span.page_prev, #pagelist span.active, span.page_end, span.page_next, #pagelist span {
    cursor: pointer;
    font-family: "宋体";
    font-size: 12px;
    padding: 5px 8px;
}
#pagelist a.on {
    font-family: "宋体";
    font-size: 12px;
}
#pagelist span.active {
	background-color:#ccaf49;
    color: #FFFFFF;
}
#pagelist a:hover, #pagelist span:hover {
    background-color:#ccaf49;
    color: #FFFFFF;
}

#products ul li{ margin:10px 20px 5px 46px; display:inline;}

.probar {
    padding: 10px 0 0;
}
.probar_left {
    width: 402px;
}
.probar_right {
    height: 402px;
    width: 296px;
}
.probar_right li {
    border: 0 none;
}
.probar_right li h1, .probar_right li h3 {
	border-bottom:1px dashed #eee;
}
#tagContent_ {
    border: 1px solid #eee;
    height: 400px;
    overflow: hidden;
    text-align: center;
    width: 400px;
}
#thumb {
    float: left;
    overflow: hidden;
    width: 402px;
}
#thumb li {
    border: 1px solid #eee;
    display: inline;
    float: left;
    height: 70px;
    margin: 10px 4px;
    overflow: hidden;
    text-align: center;
    width: 70px;
}
#thumb li:hover {
    border: 1px solid #eee;
}
#thumb li img {
}
#thumb li A {
    float: left;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 70px;
}
#thumb li.emptyTag {
}
#thumb li.selectTag {
    position: relative;
}
#thumb li.selectTag A {
}
.probar_right ul {
    padding: 0 0 0 15px;
}
.probar_right ul li {
    padding: 0 0 0 10px;
}
.probar_right ul li h1,.probar_right ul li h3{ font-size:12px; text-align:left; font-weight:100; font-family:"宋体"; line-height:30px;}
.inp, .textarea {
    border: 1px solid #eee;
    color: #686868;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0 5px 0 7px;
    width: 247px;
}
.inp {
    height: 24px;
}
.textarea {
    height: 90px;
}
.sub {
    background: url("../images/zixun.gif") no-repeat scroll left center transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 18px;
    width: 61px;
}

#show{ width:400px; height:400px; overflow:hidden; position:relative; left:0; border:1px solid #eee; text-align:center;}
#show_mark{ position:absolute; top:0; left:0; width:400px; height:400px; background-color:#000; opacity:1; filter:alpha(opacity=50); cursor:crosshair; border:1px solid #999; display:none; }
#zoom{ float:left; position:relative; left:412px; margin-top:-402px; z-index:3; width:300px; height:400px; text-align:center; line-height:400px; display:none; overflow:hidden; border:1px solid #eee; background-color:#fff; z-index:1000;}
#zoom img{ position:absolute; margin:0 auto;}

.content .cont{ padding:0 10px; font-size:12px;}
.content .cont img{max-width: 100%;}
#xg_pic dl a{ float:left; width:162px; text-align:center; margin:10px 10px 0 10px;}
#marquee {
    overflow: hidden;
    padding: 10px 0;
    position: relative;
    width: 100%;
}
#marquee img {
    width: 100%;
    max-height: 160px;
    vertical-align: middle;
    margin-top: 47px;
}
#marquee dl, #marquee dt, #marquee dd, #marquee a {
    float: left;
    padding: 0;
    text-align: center;
}
#marquee dl dt a {
    display: inline;
    float: left;
    line-height: 24px;
    width: 156px;
}
#marquee a {
    line-height: 24px;
}
#marquee dl {
    width: 1000%;
}
/*--/guest--*/
#guest {
    color: #545454;
    line-height: 22px;
    width: 680px;
	font-family:"微软雅黑";
}
.input_on {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #999999;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_off {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_move {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #0088CD;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_out {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
	width:260px;
    height: 28px;
	line-height:28px;
    margin: 0;
    padding: 0px 8px 0 3px;
}
.input_out1 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    font-size: 12px;
    height: 100px;
	line-height:20px;
    margin: 0;
    padding: 2px 8px 0 3px;
    resize: none;
    width: 400px;
}
.input_out2 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
    width: 80px;
}
#guest .input_test {
    list-style-type: none;
    margin: 20px 0 0 60px;
    padding-bottom: 10px;
}
#guest ul.input_test .hr {
    display: block;
    float: left;
    line-height: 27px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#guest ul.input_test li {
    background-image: none;
    display: inline;
    float: left;
    margin:20px 0 0px 0;
    width: 610px;
}
#guest .input_test label {
    background-image: none;
    float: left;
    font-size: 12px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-align: right;
	width:60px;
}
#guest .input_test span {
    background-image: none;
    color: #999999;
    float: left;
    font-size: 12px;
    line-height: 30px;
    margin-left: 0;
    padding-left: 10px;
    text-align: left;
}
#guest .input_test span.inp_zd,#guest .input_test span .inp_zd{ width:250px; height:30px; overflow:hidden;}
#guest .input_test .red {
    color: #FF0000;
    float: none;
}
#guest .code_img{ height:28px; margin:1px auto;}
#sub_btn, #sub_reset {
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    width: 50px;
}
#sub_btn:hover {
    height: 24px;
    line-height: 24px;
    width: 50px;
}
.inp_kg {
    overflow: hidden;
    width: 50px;
}
#submit, #sub_reset {
    cursor: pointer;
    height: 24px;
	width:80px;
}
#guest #submit{ width:80px; height:30px;}
/*--Guest--*/

#tbox { width:54px; float:right; position:fixed; right:100px; bottom:10px; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
_margin-bottom:15px; z-index:9998 }
#tbox a { overflow:visible; position:relative }
#gotop, #moblie, #home { display:block; width:50px; height:50px; margin-bottom:2px }
#gotop { background:#d3d3d3 url(../images/top_icon.png) no-repeat 5px 3px; }
#home { background:#d3d3d3 url(../images/home_ico.png) no-repeat 5px 3px; }
#moblie { background:#d3d3d3 url(../images/moblie_icon.png) no-repeat 5px 3px; position:relative; }
#gotop:hover { background:#9B9B9B url(../images/top_icon.png) no-repeat 5px 3px; }
#home:hover { background:#9B9B9B url(../images/home_ico.png) no-repeat 5px 3px; }
#moblie:hover { background:#9B9B9B url(../images/moblie_icon.png) no-repeat 5px 3px; }
#moblie .moblie_Code { position:absolute; right:55px; top:-80px; z-index:999999; background:url(../images/mobibarcodeui_tech.png) no-repeat; width:160px; height:160px; text-align:center; }
#moblie .moblie_Code img { margin:5px 0 0 0px; margin-right:10px; }
#moblie .moblie_Code p { width:110px; color:#333; font-site:14px; margin-left:22px; }