/* CSS Document */
body{ background-color:#fff; font-size:12px; font-family:"宋体",Arial, Helvetica, sans-serif; color:#434343; }
a{ font-size:12px; font-family:"宋体",Arial, Helvetica, sans-serif; color:#434343; text-decoration:none;}
a:hover,#news_i ul li dl dd a:hover{ color:#ff8301; text-decoration:underline}
.color{ color:#005AA7;}.cor{ color:#fff;}

.clear{ clear:both;}.linebg{ background:url(../images/linebg.jpg) repeat-x left top;} 
.top10{ margin-top:10px;}.bot10{ margin-bottom:10px;}.left10{ margin-left:10px;}.right10{ margin-right:10px;}
.right15{ margin-right:15px;}
.right20{ margin-right:20px;}
.h05{ height:5px;}.h10{ height:10px;}.h15{ height:15px;}.h20{ height:20px;}
.fleft{ float:left;}.fright{ float:right;}.cen{ text-align:center;}

#header{ display:inline-table; width:100%; background:url(../images/headerbg.jpg) repeat-x left 24px;}
#header .top{ height:24px; background-color:#000000; color:#ffffff;}
#header .top a{ color:#ffffff;}
#header .top li{ margin:0 auto; width:1000px; height:24px; line-height:24px;}
#header .logo{ margin:0 auto; width:1000px; height:80px; overflow:hidden;}
#header .logo label{ display:none;}
#header .menu{ margin:0 auto; width:1020px; height:42px; background:url(../images/menubg.png) no-repeat left top;}
#header .menu li{ float:left; height:42px; line-height:42px;}
#header .menu li a{ display:block; font-size:14px; line-height:42px; color:#ffffff; padding:0px 13px;font-weight:bold; text-align:center;}
#header .menu li a.on,#header .menu li a:hover{ color:#ffe400; text-decoration:none;}

#banner_i{ width:100%; height:435px; background:url(../images/bannerbg.jpg) no-repeat center top #010203;}
/*#banner_i ul{ width:975px; height:385px; padding:25px 0 0 0; overflow:hidden; margin:0 auto; overflow:hidden;}*/

#youshi{ width:100%; height:auto; background:url(../images/youshibg.jpg) repeat left top #fff;}
#youshi ul{ width:1000px; height:auto; margin:0 auto;}

#product_i{ width:100%; padding:30px 0;}
#product_i h3,#left h3,#right h3{ width:1000px; margin:0 auto; height:41px; line-height:41px; padding-left:15px; background:url(../images/titbg.jpg) no-repeat left top; font-size:15px; font-family:"微软雅黑"; color:#fff;}
#right h3{ text-indent:10px;}
#product_i h3 span{ margin-left:100px;}
#product_i ul{ width:1000px; margin:0 auto; }
#product_i ul li.l{ width:230px; height:459px; overflow:hidden;}
#product_i ul li.l dl,#left ul{ padding:5px 0;}
#product_i ul li.l dl dd,#left ul li{ height:35px; line-height:35px; margin:10px 0px 0; overflow:hidden; background:url(../images/libg.png) no-repeat left bottom;}
#product_i ul li.l dl dd a,#left ul li a{ line-height:35px; display:block; text-indent:15px;}
#product_i ul li.l dl dd:hover,#left ul li:hover,#left ul li.on{ cursor:pointer; background:url(../images/libg.png) no-repeat left top;}
#left ul li.on a{ color:#fff;}
#product_i ul li.l dl dd:hover a,#left ul li:hover a{ color:#fff; text-decoration:none;}
#product_i ul li.r{ width:740px; height:459px; overflow:hidden;}
#product_i ul li.r dl{}


#product_i ul li.r dl dd,#product_list ul li{ float:left; width:160px; padding:1px; border:1px solid #dcdcdc; margin:20px 10px 10px 10px; background-color:#fff;}
#product_i ul li.r dl dd .di,#product_list ul li .di{ width:160px; height:160px; overflow:hidden; text-align:center; background-color:#fff;}
#product_i ul li.r dl dd p,#product_list ul li p{ height:35px; line-height:35px; text-align:center; background:url(../images/pbg.jpg) repeat-x left top;}


#product_i ul li dl dd{ float:left; width:160px; margin:20px 10px 0px 20px; background-color:#fff;}
#product_i ul li dl dd .di{ width:170px; height:130px; overflow:hidden; text-align:center; background-color:#fff;}
#product_i ul li dl dd p{ height:35px; line-height:35px; text-align:center;}


#about_i{ width:100%; display:table; background-color:#fff; padding:30px 0;font-size:14px;}
#about_i ul{ width:1000px; margin:0 auto;}
#about_i ul li.l{ width:610px; height:360px; overflow:hidden; line-height:30px;}
#about_i ul li.l h3{ font-size:30px; padding:10px 0 10px; font-family:"微软雅黑"; line-height:40px;}
#about_i ul li.l h3 label{ color:#ff8301;}
#about_i ul li.r{ width:360px; height:360px; overflow:hidden; padding:0 15px;}
#about_i ul li.r dl dd{ float:left; width:100px; height:100px; overflow:hidden; text-align:center; margin:10px 9px; border:1px solid #e8e8e8;}
#about_i ul li.r dl dd.tit{ cursor:pointer; margin:130px 0 0 130px; background-color:#ff8301; position:absolute; z-index:100; height:40px; padding:30px 0; line-height:20px;}
#about_i ul li.r dl dd.tit a{ color:#fff; font-family:"微软雅黑";}
#about_i ul li.r dl dd.tit a label{ font-size:18px; font-family:"微软雅黑";}
#about_i ul li.r dl dd.tit a:hover{ text-decoration:none;}
#about_i ul li.r dl dd img{}

#news_i{ width:100%; background-color:#f9f9f9;}
#news_i ul{ width:1000px; height: 330px; margin:0 auto; display:table; padding:20px 0 10px; background:url(../images/newsbg.jpg) no-repeat left 20px;}
#news_i ul li{ float:left; width:440px; height:310px; padding:0 30px;}
#news_i ul li h3{ height:50px; line-height:50px; font-size:18px; font-family:"微软雅黑"; padding-top:10px;}
#news_i ul li label{ color:#ff8301;}
#news_i ul li dl dd{ height:30px; line-height:30px; overflow:hidden; background:url(../images/arc.png) no-repeat left center; padding-left:10px;}
#news_i ul li dl dd label{ float:right; color:#999;}

#cases{ width:100%;}
#cases ul{ width:1000px; height:80px; margin:0 auto; overflow:hidden; background:#eee;border:1px solid #ddd;}
#cases ul li{ float:left; display:inline; height:60px; margin:10px 10px 10px;}

#links{ width:100%;  margin:20px auto;}
#links ul{ width:1000px;  overflow:hidden; margin:0 auto;}
#links ul a{ float:left; height:30px; line-height:30px; margin:0 5px 0 10px; color:#929292;}

#footer{ width:100%; border-top:3px solid #ff8301;text-align: center;}
#footer ul.nav{ height:40px; background-color:#005AA7; text-align:center; width:100%;}
#footer .nav li{ display:inline; color:#ffffff;}
#footer .nav li a{ color:#fff; line-height:40px; margin:0 15px;}
#footer .bot{ width:960px; margin:0 auto; padding:20px; line-height:20px;}

#main{ width:1000px; margin:20px auto; display:table;}
#left{ width:230px; height:auto;}
#left h3{ width:230px;}
#left h3 .rbg{ width:10px; float:right; height:41px; background:url(../images/titbg.jpg) no-repeat right top;}
#left .lxwm{ padding:10px; line-height:20px;}

#right{ width:740px;}
#right h3{ width:740px; background-position:right top; font-size:12px; font-family:"宋体";}
#right h3 a{ color:#fff;}
#right h3 .lbg{ width:10px; float:left; height:41px; background:url(../images/titbg.jpg) no-repeat left top;}

#about,#news_list,#product,.content{ line-height:26px; padding:15px; min-height:500px;}
#about .cont{ min-height:300px;}
#about{ font-size:14px;}
#about h1 {color: #000;font-family: "微软雅黑";font-size: 18px;line-height: 35px;text-align: center;}
#about .time{ color:#999;border-bottom: 1px dashed #d8d8d8; font-size: 12px; line-height: 30px; margin: 10px 0 15px 0; text-align:center;}
#about .time a{ color:#999;}
#about .time a:hover{ color:#ff8301;}
#about .imgshow img{ max-width:600px; margin:10px auto;}
.bds_more{ background:none;}

#news_list ul li{ background:url(../images/arc.gif) no-repeat 0px 5px; display:block; border-bottom:1px dashed #d8d8d8; margin-bottom:10px; padding:0 0 10px 25px;}
#news_list ul li h2{ font-size:14px; height:30px; overflow:hidden; line-height:30px; margin-bottom:2px;}
#news_list ul li h2 label{color:#aeaeae; display:inline; float:right; font-size:12px; font-weight:100; width:180px; text-align:right;}
#news_list ul li h2 label a{ float:right; margin-top:2px;}
#news_list ul li h2 label a img{ margin-top:3px;}
#news_list ul li h2 a{ font-size:14px; color:#333;}
#news_list ul li h2 a:hover{ color:#ff8301;}
#news_list ul li p{ line-height:20px; color:#666; font-size:12px;}
/*--/news_list--*/

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

/*--/pagelist--*/

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

/*--/next_prew--*/

#xg_pic h2, #xg_news h2, #plun h2,.content h2{
background: url(../images/titbga.jpg) no-repeat left top;
color: #fff;
font-size: 14px;
height: 37px;
line-height: 37px;
text-indent: 20px;
}
#xg_news ul li {
    background: url("../images/leftbar_arc.jpg") no-repeat scroll 10px center;
    border-bottom: 1px dashed #d8d8d8;
    float: left;
	height:30px;
    line-height: 30px;
	overflow:hidden;
    padding: 0 1% 0 3%;
    width: 46%;
}
#left .zxzx li{ width:100%; overflow:hidden; border-bottom:1px dashed #d7d7d7; background:url(../images/leftbar_arc.jpg) no-repeat 10px center; line-height:30px; height:30px; overflow:hidden; margin-top:0px;}
#left .zxzx li:hover{ background:url(../images/leftbar_arc.jpg) no-repeat 10px center;}
#left .zxzx li a{ line-height:30px; text-indent:20px;}
#left .zxzx li:hover a{ color:#ff8301;}
.di { border: 1px solid #d8d8d8; height: 160px; overflow: hidden; width: 160px; background-color:#fff;}
.di:hover {border: 1px solid #ff8300;}
#marquee { margin-top:15px; overflow:hidden; width:100%;}
#marquee img {}
#marquee dl, #marquee dt, #marquee dd, #marquee a { float: left; padding: 0; text-align:center; font-size:12px;}
#marquee a{ margin:0 5px 0 5px; width:162px; overflow:hidden;}
#marquee dl dt a { display:inline; float:left; line-height: 20px;}
#marquee dl dt a:hover .di{ border:1px solid #ff8300;}
#marquee dl { width:1000%; }

.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 #d8d8d8;}
.tagContent_ { border: 1px solid #d8d8d8; height: 400px; overflow: hidden; text-align: center; width: 400px;}
#thumb { float: left; overflow: hidden; width: 402px;}
#thumb li { border: 1px solid #d8d8d8; display: inline; float: left; height: 70px; margin: 10px 4px; overflow: hidden; text-align: center; width: 70px;}
#thumb li:hover { border: 1px solid #d8d8d8;}
#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 {}

.big{ background:url(../images/big.png) no-repeat 150px center; float:left; width:100%; text-align:center; height:18px; line-height:18px; padding-left:20px;}

#show{ width:400px; height:400px; overflow:hidden; position:relative; left:0; border:1px solid #d8d8d8; text-align:center; background-color:#fff;}
#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;}

.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 { color:#ff8300; font-size: 12px; line-height: 30px; text-align: left;}
.inp, .textarea { border: 1px solid #d8d8d8;color: #686868; font-size: 12px; font-family: "宋体"; height: 24px; line-height: 24px; margin: 5px 0 0; overflow: hidden; padding: 0 5px 0 7px; width: 247px; background:none;}
.inp { height: 24px;}
.textarea { height: 90px;}
.code{ float:left; border:1px solid #d8d8d8; height:18px; margin-right:8px; width:60px; padding:1px; text-align:center; background:none;}
.sub { background: url("../images/zixun.gif") no-repeat scroll left center; border: 0 none; cursor: pointer; float: left; height: 23px; width: 61px;}

/*--/probar--*/

#plun {
    border: 1px solid #d8d8d8;
    margin: 20px 0 0 5px;
    padding: 10px;
    width: 686px;
}
#plun h5 {
    display: block;
    padding: 0 10px 10px;
}
#plun h5 span {
    color: #6B6B6B;
    float: right;
}
#plun h5 label {
    background: url("../images/plun.gif") no-repeat scroll left center;
    color: #267CC8;
    padding-left: 15px;
}
#plun .pl {
    margin: 10px 0 0;
}
#plun .pl .text {
    border: 1px solid #d8d8d8;
    color: #666666;
    display: block;
    font-family: "宋体",Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 80px;
    line-height: 18px;
    width: 682px;
}
#plun .pl li {
    float: left;
    margin: 10px 0 0;
    text-align: left;
    width: 100%;
}
.plun_inp {
    background: url("../images/plun1.gif") no-repeat scroll left top;
    border: 0 none;
    height: 22px;
    margin-right: 10px;
    padding: 0;
    width: 66px;
	float:right;
}
.emiall {
    border: 1px solid #d8d8d8;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    padding: 0 10px 0 0;
}
.em1 {
    color: #666666;
    margin:0 7px;
}
#plun .pl li em {
    float: left;
    height: 22px;
    margin: 0 10px;
    width: 60px;
}
#plun .ly {
    padding: 5px 0;
}
#plun .ly li {
    border-bottom: 1px dashed #d8d8d8;
    clear: both;
    margin: 10px 0 0;
    padding: 0 5px 5px;
}
#plun .ly li label {
    background: url("../images/arrow.gif") no-repeat scroll 2px center;
    color: #267CC8;
    padding: 0 0 0 15px;
}


/*--/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--*/

#plun {
    border: 1px solid #eee;
    margin: 20px 0 0 5px;
    padding: 10px;
    width: 686px;
}
#plun h5 {
    display: block;
    padding: 0 10px 10px;
}
#plun h5 span {
    color: #6B6B6B;
    float: right;
}
#plun h5 label {
    background: url("../images/plun.gif") no-repeat scroll left center transparent;
    color: #267CC8;
    padding-left: 15px;
}
#plun .pl {
    margin: 10px 0 0;
}
#plun .pl .text {
    border: 1px solid #eee;
    color: #666666;
    display: block;
    font-family: "宋体",Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 80px;
    line-height: 18px;
    width: 682px;
}
#plun .pl li {
    float: left;
    margin: 10px 0 0;
    text-align: left;
    width: 100%;
}
.plun_inp {
    background: url("../images/plun1.gif") no-repeat scroll left top transparent;
    border: 0 none;
    height: 22px;
    margin-right: 10px;
    padding: 0;
    width: 66px;
}
.emiall {
    border: 1px solid #eee;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    padding: 0 10px 0 0;
}
.em1 {
    color: #666666;
    margin:0 7px;
}
#plun .pl li em {
    float: left;
    height: 22px;
    margin: 0 10px;
    width: 60px;
}
#plun .ly {
    padding: 5px 0;
}
#plun .ly li {
    border-bottom: 1px dashed #CFD3D6;
    clear: both;
    margin: 10px 0 0;
    padding: 0 5px 5px;
}
#plun .ly li label { 
    color: #267CC8;
    padding: 0 0 0 15px;
}
/*--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; }