/* CSS Document */

body{ font-family:"宋体"; font-size:14px; color:#6c6c6c; background-color:#fff;}
a{ font-family:"宋体"; font-size:14px; color:#6c6c6c; text-decoration:none;}
a:hover{ color:#ff7d00; text-decoration:none;}
.color,#news_list ul li h2 a:hover,#producti .position ul li p a:hover,#producti .position h3 a:hover,#about .time a:hover{ color:#ff7d00;}
.clear{ clear:both;}.top10{ margin-top:10px;}.bot10{ margin-bottom:10px;}.left10{ margin-left:10px;}.right10{ margin-right:10px;}.h10{ height:10px;}
.fleft{ float:left;}.fright{ float:right;}.cen{ text-align:center;}

/*Container开始*/  
#container{ width:100%; height:auto; display:table; overflow-x:hidden}

/*Header开始*/
#header{ position:relative; z-index:1000; width:100%; height:168px; border-bottom:1px solid #fff; background:url(../images/headerbg.jpg) repeat-x left bottom;}
#header .top{ width:100%; height:30px;}
#header .top ul{ width:1000px; height:30px; line-height:30px; margin:0 auto;}
#header .logo{ width:1000px; height:100px; margin:0 auto; overflow:hidden;}
#header .logo h1 label{ display:none;}
#header .menu{ width:100%; height:38px; background:url(../images/menubg.jpg) repeat-x left top; border-bottom:1px solid #d8d8d8;}
#header .menu ul{ width:1000px; height:38px; margin:0 auto; text-align:center; position:relative;}
#header .menu ul li{ float:left; height:38px; display:inline;}
#header .menu ul li a{ font-size:14px; height:49px; line-height:40px; padding:0 20px; display:inline-block; font-weight:bold;}
#header .menu ul li a.on,#header .menu ul li a:hover{ background:url(../images/on.png) no-repeat center top; color:#fff;}

#header .top .bar{ color:#cccccc; float:right;}
#header .top .bar a{ background:url(../images/topbar.jpg) no-repeat -5px top; color:#9c9c9c; height:30px; line-height:30px; padding:0 4px 0 22px; display:inline-block;}
#header .top .bar a.txwb{ background-position:-3px top;}
#header .top .bar a.xlwb{ background-position:-3px -30px;}
#header .top .bar a.xlbk{ background-position:-5px -120px;}
#header .top .bar a.scbz{ background-position:-3px -60px;}
#header .top .bar a.wzdt{ background-position:-5px -90px;}
#header .top .bar a.ywlj{ background:url(../images/engurl.png) no-repeat left center;}

#main{}
#waper{ background-color:#f1f1f1;}
#banner_i{ height:450px; overflow:hidden;}
#banner{ height:450px; overflow:hidden;}

#box,#abouti{ width:100%; margin:0 auto; background:url(../images/productibg.jpg) repeat-x left top #ff8301;}
#producti{ width:1000px; min-height:470px; margin:0px auto; padding:30px 0; display:table;}
#producti .l{ width:220px; height:470px;}
#producti .la{ height:auto;}
#producti .l h3{ height:50px; padding:10px 0; font-size:24px; font-family:"微软雅黑"; background-color:#ffcc00; color:#fff; text-align:center;}
#producti .la h3{ padding:15px 0;}
#producti .l h3 label{ font-size:16px; font-family:Arial, Helvetica, sans-serif;}
#producti .l ul{ background-color:#333;}
#producti .l ul.lxwm{ padding:15px 8px; line-height:24px; color:#999;}
#producti .l ul.lxwm a{ color:#999;}
#producti .l ul li{ height:38px; line-height:38px; overflow:hidden;}
#producti .l ul li a{ color:#fff; display:block; text-indent:40px;}
#producti .l ul li:hover,#producti .l ul li.on{ background-color:#000; cursor:pointer;}
#producti .r,#producti .position,#producti .right{ width:740px; min-height:470px; margin-left:40px;}
#producti .r h3,#producti .position h3,#abouti ul li.abouti h3,#producti .right h3{ height:40px; line-height:40px; color:#fff; font-size:28px; font-family:"微软雅黑";text-transform : uppercase;}
#producti .position h3{ font-size:14px; color:#6c6c6c; font-size:12px; font-family:"宋体"; border-bottom:1px solid #d8d8d8;}
#producti .position h3 a{ color:#6c6c6c; font-family:"宋体";}
#producti .r h3 .more,#abouti ul li.abouti h3 .more{ float:right; padding:2px; color:#fff;}
#abouti ul li.abouti h3 .more{ color:#333;}
#producti .r ul{ }
#producti .r ul li{ float:left; width:160px; margin:15px 17px 15px 16px;}
#procucti .r ul li div{ width:160px; height:160px; overflow:hidden; text-align:center; background-color:#fff;}
#producti .r ul li p{ height:30px; line-height:30px; text-align:center;}
#producti .r ul li p a{ color:#fff;}
#producti .position ul li p a{ color:#333;}

#abouti{ background:none;}
#abouti ul{ padding:30px 0; width:1000px; height:410px; margin:0 auto;}
#abouti ul li.abouti{ width:740px; height:410px;}
#abouti ul li.abouti h3{ color:#ff8301;}
#abouti ul li.abouti h3 label{ color:#000;}
#abouti ul li.abouti dl{ line-height:30px; color:#000;}
#abouti ul li.abouti dl img{ margin:1px auto;}

#abouti ul li.horron{ width:230px; height:410px; overflow:hidden; margin-left:30px; background:url(../images/horronbg.jpg) no-repeat center top;}
#abouti ul li.horron h3{ height:60px; text-align:center; line-height:60px; font-size:16px; font-family:"微软雅黑"; color:#fff;}
#abouti ul li.horron dl{ width:230px;/* height:350px;*/ overflow:hidden;}
#abouti ul li.horron dl dd{ width:100%; height:140px; text-align:center; margin:0px auto;}

#newsi{ width:100%; height:auto; padding:30px 0; background-color:#f1f1f1;}
#newsi ul{ margin:0 auto; width:1000px; height:390px;}
#newsi ul .newsi{ float:left; width:360px; height:390px; background:url(../images/newsbg.jpg) no-repeat left top; margin-right:25px;}
#newsi ul .newsi h3{ height:45px; line-height:45px; font-size:14px; font-weight:bold; color:#fff; text-indent:25px;}
#newsi ul .newsi h3 a.more{ float:right; color:#fff; margin-right:20px;}
#newsi ul .newsi dl{ height:280px; padding:15px 20px 0 20px;}
#newsi ul .newsi dl dd{ height:32px; line-height:32px; overflow:hidden;}
#newsi ul .newsi dl dd label{ float:right; color:#999;}

#newsi ul .casesi{ width:230px; height:390px; background:url(../images/casesbg.jpg) no-repeat left top;}
#newsi ul .casesi h3 a{ display:block; height:90px; line-height:30px;}
#newsi ul .casesi dl{ height:300px; padding:0 10px;}
#newsi ul .casesi dl dd{ float:left; width:85px; height:85px; overflow:hidden; margin:5px 10px 5px 10px; background-color:#fff;}

/*产品滚动*/
.rollBox{width:230px; height:350px;overflow:hidden;} 
.rollBox .LeftBotton{height:35px; width:100%;background:url(../images/arc_1.jpg) no-repeat left bottom; overflow:hidden;float:left;display:inline;margin:0px 0 0 0;cursor:pointer;} 
.rollBox .RightBotton{height:25px; width:100%;background:url(../images/arc_2.jpg) no-repeat left top; overflow:hidden;float:left;display:inline;margin:0px 0 0 0;cursor:pointer;} 
.rollBox .Cont{height:280px; overflow:hidden;float:left;} 
.rollBox .ScrCont{height:10000000px;} 
.rollBox #List1,.rollBox #List2{float:left;} 
 
#links{ width:100%; height:100px; background:url(../images/linksbg.jpg) repeat-x left top;}
#links ul{ width:840px; height:50px; margin:0 auto; padding:25px 0 25px 160px; background:url(../images/links.jpg) no-repeat left top;}
#links ul a{ line-height:25px; margin:0 10px 0 0;}

#footer{ width:100%; border-top:3px solid #ff8301;}
#footer .nav{ width:100%; height:40px; background-color:#333;}
#footer .nav ul{ margin:0 auto; width:1000px; height:40px; line-height:40px; text-align:center;}
#footer .nav ul a{ line-height:40px; font-size:12px; color:#fcf1e2; margin:0 20px;}
#footer .bot{ padding:20px; width:960px; margin:0 auto; line-height:24px;}
#footer .bot .copyright{ font-size:12px; font-family:Arial,"宋体";}

#about,#news_list,#product,.content{ line-height:26px; padding:15px; }
#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 .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 p{ line-height:20px; color:#666;}
/*--/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/titbg.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%;
}
.di { border: 1px solid #d8d8d8; height: 160px; overflow: hidden; width: 160px; background-color:#fff;  text-align:center;}
.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 {
	background-color:#fff;
    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: 30px;
	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: 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 {
    background: url("../images/arrow.gif") no-repeat scroll 2px center transparent;
    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; }

.lanrenzhijia{ width:710px; margin:10px auto; background:#f0f0f0; font-family:'微软雅黑';}
.lanrenzhijia .tab{ overflow:hidden; background:#ccc;}
.lanrenzhijia .tab a{ display:block; padding:10px 20px; float:left; text-decoration:none; color:#333;}
.lanrenzhijia .tab a:hover{ background:#FF9900; color:#fff; text-decoration:none;}
.lanrenzhijia .tab a.on{ background:#FF9900; color:#fff; text-decoration:none;}
.lanrenzhijia .content{ overflow:hidden; padding:10px;}
.lanrenzhijia .content li{ display:none;}