@charset "utf-8";
/* CSS Document */
body{ width:100%; color:#4e4e4e; font-size:12px; font-family:"宋体",Arial, Helvetica, sans-serif; background:url(../images/bodybg.jpg) repeat left top; margin:0; padding:0;}
a{ color:#4e4e4e; text-decoration:none;}
a:hover{ color:#f00; text-decoration:underline;}.cl{ clear:both; height:0; overflow:hidden;}.fl{ float:left;}.fr{ float:right;}
.h15{ height:15px;}.l10{ margin-left:10px;}.r10{ margin-right:10px;}.t10{ margin-top:10px;}.b10{ margin-bottom:10px;}.ov{ overflow:hidden;}
.more{ float:right; margin:16px 15px 0 0; width:35px; height:11px; overflow:hidden;}.more img{ float:left;}

#container{ width:100%; height:auto; background:url(../images/contbg.jpg) repeat-x left 167px #e6e6e6;;}

#header{ width:100%; height:167px; background:url(../images/headerbg.jpg) repeat-x left top;}
#header .top{ width:980px; height:25px; padding:0 10px; margin:0 auto; line-height:25px;}
#header .top_r{ float:right; z-index:100; position:relative; width:268px; height:25px; padding:0 0 0 20px; line-height:25px;/* background:url(../images/header_rbg.jpg) no-repeat center top;*/}
#header .top_r a{ float:right; margin-right:10px;}
#header .top_r a img{ float:left; margin:4px 10px 0 0;}
#header .logo{ width:980px; height:80px; padding:10px 10px 13px; overflow:hidden; margin:0 auto;}
#header .search {background: url(../images/searchbg.png) no-repeat scroll 0 0 transparent; height: 23px; margin-left: 20px; position:absolute; width: 209px; margin:50px 0 0 760px; z-index:100000;}
#header .search .RsearchSrk { background:none; border: 0 none; height: 23px; line-height:23px; padding:0; margin:0 0 0 10px; width: 170px; color:#999;}
#header .search .BtnSearch { background:none;/* background: url(../images/searchbg.png) no-repeat scroll right 0 transparent;*/ border: 0 none; height: 23px; width: 23px; cursor:pointer;}
#header .menu{ width:980px; height:39px; padding:0 10px; margin:0 auto;/* background:url(../images/menubg.jpg) no-repeat left top;*/}
#header .menu ul{}
#header .menu li{ float:left; padding:0 8px 0 9px; display:inline; background:url(../images/menu_li.jpg) no-repeat right top;}
#header .menu li a{ display:block; font-size:14px; color:#bbbbbb; width:80px; height:39px; line-height:39px; text-align:center;}
#header .menu li a.on,#header .menu li a:hover{ background:url(../images/menu_on.jpg) no-repeat left top; color:#fff; text-decoration:none;}

#main{ background-color:#fff; width:980px; height:auto; margin:0 auto; padding:10px; display:table;}
#banner_i .banner_i{ height:330px; overflow:hidden;}
#banner_i .banner_b{ height:30px; background:url(../images/banner_b.jpg) no-repeat left top;}
#banner_i .banner_b li{ float:left; margin-right:20px; padding-left:18px; background:url(../images/ico_b.jpg) no-repeat left center;}
#banner_i .banner_b li a{ line-height:30px;}

.sidebar h3,.product h3,.case h3,.lxwm h3,#right_c h3{ font-size:14px; color:#fff; height:42px; line-height:45px; overflow:hidden; text-indent:40px; background:url(../images/tit_bg.jpg);}
.bbg{ float:left; width:100%; height:10px; padding:0; margin:0; overflow:hidden; background:url(../images/bbg.jpg) no-repeat left top;}
.bbg span{ width:10px; height:10px; float:right; background:url(../images/bbg.jpg) no-repeat right top;}

.sidebar,.case,.lxwm,#left{ width:240px; overflow:hidden;}
.sidebar h3,.case h3,.lxwm h3{ background-position:left top;}
.sidebar ul,.product ul,.case ul,.about ul,.lxwm ul,.news ul,#about,#news,#product_list{ float:left; height:auto; padding:9px 9px 0 9px; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; background:#fff;}
.sidebar ul{ width:220px; overflow:hidden;}
.cpfl ul{ width:220px; height:400px;}
.sidebar ul li{ float:left;text-indent:30px; margin:3px auto 3px;}
.sidebar ul li a{ float:left; width:220px; display:block; color:#4e4e4e; line-height:30px; background:url(../images/sidebar_li.png) no-repeat left -30px; }
.sidebar ul li a:hover{ color:#fff; text-decoration:none; background:url(../images/sidebar_li.png) no-repeat left top; cursor:pointer;}
.sidebar ul li ul{ width:210px; height:auto; padding:0 0 0 10px;}
.sidebar ul li ul li{ height:30px;}

.product,.about,.news,#right,#right_c{ width:730px;}
.product h3,#right_c h3{ background-position:left -42px;}
.product ul{ width:710px; height:400px; overflow:hidden;}
.product ul li,.gsry dl dd,#product_list ul li{ float:left; width:160px; margin:6px 8px 6px 9px; display:inline; text-align:center;}
.product ul li div,.gsry dl dd div,#product_list ul li div,.i_pro_di_{ float:left; width:160px; height:160px; overflow:hidden; background:url(../images/pro_div.jpg) repeat-x left top;}
.product ul li span,.gsry dl dd span,#product_list ul li span{ float:left; width:100%; height:28px; line-height:28px; text-align:center; overflow:hidden;}

#demo{margin: 0 auto;overflow: hidden;}
#demo img{margin: 0 auto;}
#indemo {float: left;overflow: hidden;width: 600%;}
#demo1, #demo2{float: left;overflow: hidden;}
#demo1 a:hover, #demo2 a:hover{}
#demo1 ul li, #demo2 ul li{display: inline;float: left;}

.case ul{ width:220px; height:400px; overflow:hidden;}
.case ul li{ float:left; width:100px; height:40px; text-align:center; overflow:hidden; background:url(../images/casebg.jpg) no-repeat left top; margin:5px 5px 5px 5px; display:inline;}

.aboutt,.newst{ height:10px; overflow:hidden;}
.about ul{ width:710px; height:432px; overflow:hidden;}
.about_t{ width:460px; padding:0 10px 0 10px; line-height:18px;}

.gsry{}
.gsry h3,.news ul li dl dt{ background:url(../images/ico_r.png) no-repeat 10px 2px; height:40px; line-height:38px; border-bottom:1px solid #d0d0d0; text-indent:36px; font-size:14px; color:#656565;}
.gsry dl{ border:0; padding:0; border-top:1px solid #fff;}
.gsry dl dd{ margin:10px 8px 0px 9px;}

.lxwm ul{ width:220px; line-height:18px;}

.news ul{ width:710px; height:247px; padding-top:0; overflow:hidden;}
.news ul li{ float:left; width:355px; overflow:hidden;}
.news ul li dl{ border-top:2e2e2e;}
.news ul li dl dt{ height:32px; line-height:32px; overflow:hidden;}
.news ul li dl dt .more{ margin-top:10px;}
.news ul li dl dd{ line-height:25px; height:25px; overflow:hidden; border-bottom:1px dashed #d0d0d0; padding:0 10px 0 20px; background:url(../images/ico_n.jpg) no-repeat 6px center;}
.news ul li dl dd label{ float:right;}
.line{height:1px; overflow:hidden; background-color:#fff; margin-bottom:5px;}

#footer{ background:url(../images/footerbg.jpg) repeat left top;}
#footer .footer_nav{ width:100%; height:42px; background:url(../images/footer_nav.jpg) repeat-x left top;}
#footer .footer_nav ul{ width:980px; margin:0 auto; height:42px; line-height:36px; text-align:center;}
#footer .footer_nav ul a{ margin:0 12px;}
#footer .footer_nav ul a:hover{ color:#fff;}
#footer .links{ width:980px; padding:0 10px; margin:0 auto; line-height:34px; border-bottom:1px solid #000;}
#footer .copyright{ width:980px; padding:10px 10px 10px; margin:0 auto; line-height:20px; border-top:1px solid #3b3b3b;}
#footer .copyright .cloud{}
#footer .copyright .cloud img{ float:left; margin-right:10px}
.footer_code{ width:200px;}
.footer_code img{ width:78px; height:78px; _width:78px; _height:78px; *width:78px; *height:78px;}
.footer_code p{ color:#ff6c00; margin-top:8px;}

#left,#right{ float:left; display:inline; overflow:hidden;}

#right_c h3 label{ font-size:12px; color:#fff; margin-right:10px;}
#right_c h3 label a{ color:#fff;}

#about { float:left; width:700px; padding:10px 14px; line-height:20px; min-height:400px; overflow-x:hidden;}
#about h1{ font-size:16px; text-align:center; line-height:34px; color:#454545;}
#about .time{ line-height:24px; border-bottom:1px dashed #EEEEEE; margin-bottom:10px;}
#about .cont{ padding:20px 10px 0;}

.prew {height:16px; background: url("../images/arc1.png") no-repeat scroll left 17px transparent; float: left; padding: 10px 0 0 18px; text-align: left; width: 46%;overflow:hidden;}
.prew a, .nextw a { height:16px; overflow:hidden;}
.prew a:hover, .nextw a:hover { text-decoration: none;}
.nextw {background: url("../images/arc.png") no-repeat scroll right 17px transparent;float: right; height:16px; padding: 10px 17px 0 0; text-align: right; width: 46%;overflow:hidden;}

#xg_news {}
#xg_news h4 {border-bottom: 1px dashed #EEEEEE;font-size: 14px; margin-bottom: 5px; padding: 15px 0 5px 10px;}
#xg_news ul { padding: 0;}
#xg_news ul li {background: url("../images/arc.png") no-repeat scroll 7px center transparent; border-bottom: 1px dashed #EEEEEE;float: left;
    height: 30px; line-height: 30px; margin: 0; overflow: hidden; padding: 0 0 0 3%; width: 47%;}
#xg_news ul li a {}
#xg_news ul li a:hover {}

#news,#product_list{ width:710px; padding:10 15px; overflow-x:hidden;}
#news ul li{ padding-bottom:8px; border-bottom:1px dashed #eee; margin:5px auto;}
#news ul li h2{ background:url(../images/ico_r.png) no-repeat 8px center; padding:0 10px 0 30px; height:30px; line-height:30px; font-size:14px;}
#news ul li h2 label{ float:right; margin:5px 0 0 0;}
#news ul li p{ padding:0 0px 0 30px; line-height:20px; color:#6b6b6b;}

#product_list ul li{ margin:10px 20px 10px 48px;}

#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 {border: 1px solid #EEEEEE; cursor: pointer; font-family: "宋体";font-size: 12px;/* margin: 0 3px;*/ padding: 5px 8px;}
#pagelist a.on { background-color: #4e4e4e; font-family: "宋体"; font-size: 12px;}
#pagelist span.active { color: #868686;}
#pagelist a:hover, #pagelist span:hover { border: 1px solid #999; color: #868686; text-decoration: none;}

.xg_pic{ width:100%; margin:10px auto 0;}
.xg_pic h4{border-bottom: 1px dashed #eee;font-size: 14px; margin-bottom: 5px; padding: 5px 0 5px 0px;}
#marquee { float:left;
    position:relative;
	width:100%;
    overflow:hidden;
	margin-top:10px;
}
#marquee img {
    /*border:1px solid #d7d7d7;*/
}
#marquee dl, #marquee dt,#marquee dd,#marquee a {
    float:left; text-align:center;
    margin:0 7px 0 7px;
    padding:0;
}
#marquee dl dt a{ float:left; display:inline; line-height:20px;width:162px; text-align:center;} 
#marquee a{ width:162px;}
#marquee dl{
    width:1000%;
}

/*在线留言*/
#guest{ width:638px;line-height:22px; color:#545454;}
.input_on{ float:left; margin:0;
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #999;
background-color:#FFFFCC; background-image:none;
}
.input_off{ float:left; margin:0;
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #CCC;
background-color:#FFF; background-image:none;
}
.input_move{ float:left; margin:0;
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #0088cd;
background-color:#FFFFCC; background-image:none;
}
.input_out{ float:left; margin:0;
/*height:16px;默认高度*/
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #CCC;
background-color:#FFF; background-image:none;
}
.input_out1{ float:left; margin:0;
/*height:16px;默认高度*/
padding:2px 8px 0pt 3px;
height:70px;
border:1px solid #CCC;resize:none;
background-color:#FFF; background-image:none;
}
.input_out2{ float:left; margin:0;
/*height:16px;默认高度*/
padding:2px 8px 0pt 3px;
width:80px;height:18px;
border:1px solid #CCC;
background-color:#FFF; background-image:none;
}
#guest  .input_test{
margin:20px auto 0 auto;
width:500px; height:400px; padding-bottom:10px;
list-style-type:none;
}
#guest  ul.input_test .hr{ float:left; margin:0; padding:0; width:100%; line-height:27px; display:block; overflow:hidden;}
#guest  ul.input_test li{ float:left;
width:500px;
height:25px;
margin-bottom:10px; background-image:none; display:inline;
}
#guest  .input_test label{
float:left; margin:0; padding:0;
line-height:25px;
text-align:right;
font-size:12px; background-image:none;
}
#guest  .input_test span{ float:left;margin-left:0;
padding-left:10px;
line-height:25px;
text-align:left;
font-size:12px;
color:#999; background-image:none;
}
#guest .input_test .red{ float:none;color:#f00;}

#sub_btn, #sub_reset {width:50px; height:24px; line-height:24px; margin-right:10px;}
/*background:url({dede:global.cfg_templeturl /}/yh/images/bg_btn.gif) no-repeat; */
#sub_btn:hover, #sub_reset:hover {width:50px; height:24px; line-height:24px;}
/*background:url({dede:global.cfg_templeturl /}/yh/images/bg_btn_hover.gif) no-repeat; */


.gssl{ width:100%; display:block; overflow-x:hidden;}

#marquee {
    position:relative;
	width:100%;
    overflow:hidden;
	margin-top:10px;
}
#marquee img {
    /*border:1px solid #d7d7d7;*/
}
#marquee dl, #marquee dt,#marquee dd,#marquee a {
    float:left; text-align:center;
    margin:0 7px 0 7px;
    padding:0;
}
#marquee dl dt a{ float:left; display:inline; line-height:20px; width:162px;} 
#marquee a{ width:162px;}
#marquee dl{
    width:1000%;
}

/*产品详细页*/
.show_picture_{ display:inline; min-height:540px; background-color:#FFFFFF}
.show_picture_ .left_show_picture_{ display:inline;width:402px; margin:0 0px 0 0px;}
#con_ { float:left;font-size: 12px; width: 402px;}
#thumb { float:left; display:inline; padding:0; margin: 0px 0px 0px 0px; width:402px; height:102px; overflow:hidden;}
#thumb li { float:left; border:1px solid #dadada; width:70px; height:70px; margin:10px 4px 0 4px ; display:inline; text-align:center; background-color:#FFFFFF;}
#thumb li:hover{border:1px solid #1f6fbb;}
#thumb li img{ float:left; width:70px; height:70px; overflow:hidden;}
#thumb li A,#thumb li.selectTag,#thumb li img{float: left;LINE-HEIGHT:70px; HEIGHT: 70px;overflow:hidden;}
#thumb li.emptyTag {	}
#thumb li.selectTag {position: relative;}
#thumb li.selectTag A {}
#tagContent_ { float:left; display:inline; width:400px; height:400px; margin-left:1px; border:1px solid #dadada; text-align:center; vertical-align:middle; overflow:hidden;}
.tagContent_ { display: none;width: 400px; HEIGHT:430px;overflow:hidden; text-align:center!important; vertical-align:middle!important;}
.tagContent_ a{ width:100%; height:430px;}
.tagContent_ a img{ margin:auto; padding:0;}
#tagContent_ div.selectTag {display: block}
.show_picture_ .right_show_picture_{ display:inline; width:265px; padding:5px 0 0 20px;}
.show_picture_ .right_show_picture_ li{ height:30px; overflow:hidden; padding-left:5px; line-height:30px;}
.show_picture_ .right_show_picture_ .guestbook{ float:left; display:inline; width:265px; height:330px;}
.show_picture_ .right_show_picture_ .guestbook ul{ float:left; padding:0px 0 0px 0;}
.show_picture_ .right_show_picture_ .guestbook ul li{ float:left; width:100%; height:29px; line-height:29px; border:0; padding:0;}
.show_picture_ .right_show_picture_ .guestbook ul li .cons_inp2{ background:url(../images/cons_bg1.png) no-repeat left top;border: 0 none;color: #999999;font-family: "宋体"; height: 27px; line-height: 27px; margin-bottom: 4px; padding: 0 5px 0 7px; width: 230px;}
.show_picture_ .right_show_picture_ .guestbook ul .text{ height: 103px;overflow: hidden; padding-left:0px;}
.show_picture_ .right_show_picture_ .guestbook ul .textarea { background:url(../images/cons_cont.png) no-repeat left top; border: 0 none;
    color: #999999; font-size: 12px; height: 93px; line-height: 18px; overflow: hidden; padding: 5px 3px; width: 256px;}
.zixun { float:left;height: 18px;line-height: 18px;}
.zixun .sub2 { background:url(../images/zixun.gif) no-repeat left center;border: 0 none;cursor: pointer;float: left;height: 18px;width: 61px; margin-top:4px;}
#ckepop{ float:left; margin:0;}
/*详细页内容区域*/
.content {
    margin: 0 auto;
    width: 100%;
}
.content h4 {
    border-bottom: 1px dashed #eee;font-size: 14px; margin-bottom: 5px; padding: 5px 0 5px 0px;
}
.content .content_ {
}
/*产品评论*/
#plun{ border:1px solid #e0e0df; padding:10px; width:686px; margin:10px 0 0 0;}
#plun h5{ display:block; padding:0 10px 10px;}
#plun h5 span{ float:right; color:#6b6b6b;}
#plun h5 label{ color:#454545; background:url(../images/plun.gif) no-repeat left center; padding-left:15px;}
#plun .pl{ margin:10px 0 0 0;}
#plun .pl .text{ width:682px; height:80px; border:1px solid #e0e0df; font-size:12px; font-family:"宋体",Arial, Helvetica, sans-serif; color:#666; line-height:18px; display:block;}
#plun .pl li{ float:left; width:100%; margin:10px 0 0px 0; text-align:left;}
.plun_inp{ width:66px; height:22px; background:url(../images/plun1.gif) no-repeat left top; border:0; padding:0; margin-right:10px;}
.emiall{ float:left; height:20px; line-height:20px; padding:0 10px 0 0; margin-right:10px; border:1px solid #e0e0df;}
.em1{ margin-left:10px; color:#666;}
#plun .pl li em{ float:left; margin:0 10px; height:22px; width:60px;}
#plun .ly{ padding:5px 0;}
#plun .ly li{ margin:10px 0 0px 0; padding:0 5px 5px 5px; border-bottom:1px dashed #cfd3d6; clear:both;}
#plun .ly li label{ color:#267CC8; padding:0 0 0 15px; background:url(../images/arrow.gif) no-repeat 2px center;}