@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-size:12px; background-color:#fff; color:#5e5e5e; background:url(../images/bg.jpg) repeat-y center top #e7e7e7;}
a{font-size:12px;text-decoration:none;color:#5e5e5e;}
a:hover , .list li h3 a:hover{ color:#00853a; text-decoration:none;}

.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both;}

#goTopBtn {
	POSITION: fixed; width:69px; height:69px; BOTTOM: 10px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 10px; _position: absolute; _right: auto; background:url(../images/scroll_top.jpg) no-repeat left top;
}
#goTopBtn:hover{ background:url(../images/scroll_top.jpg) no-repeat left bottom;}

#container{ width:100%; margin:0; padding:0;}
#header{ width:100%;/* height:110px;*/ background:url(../images/top_bg.jpg) repeat-x left top #fff;}
#header .top{ width:960px; height:26px; line-height:26px; padding:0 10px; margin:0 auto; color:#8c8c8c;}
#header .top label{ float:right; padding:0; margin:0; margin-left:10px;}
#header .top .search{ height:20px;}
#header .top .search .inp{ float:left; width:155px; height:18px; line-height:18px; overflow:hidden; margin:1.5px 0 0 0; padding:2px 0 0 15px; border:0; background:url(../images/search_bg.jpg) no-repeat left center;}
#header .top .search .sub{ float:left; width:33px; height:20px; line-height:20px; border:0; padding:0; margin:1.5px 0 0 0; background:url(../images/search_bg.jpg) no-repeat right center;}

#header .logo{ width:960px; margin:0 auto; padding:10px; height:60px;}
#header .logo h2{ float:left; display:inline;}
#header .logo label{ float:right;}

#nav{ width:100%; height:42px; border-top:1px solid #e8e8e8; background:url(../images/nav_bg.jpg) repeat-x left top;}
#nav .menu{ width:980px; height:42px; margin:0 auto;}
#nav .menu li{ float:left; height:42px;}
#nav .menu li a{ float:left; height:42px; line-height:33px; padding:0 22px; color:#000; font-size:13px; font-family:"微软雅黑";}
#nav .menu li a:hover{ color:#fff; background:url(../images/nav_hov.jpg) no-repeat center center;}
#nav .menu li a.hov{ background:url(../images/nav_hov.jpg) no-repeat center center; color:#fff;}

#banner_index{ width:980px; height:350px; margin:10px auto 0;/* background:url(../images/banner.jpg) no-repeat center top;*/ padding-bottom:10px; border-bottom:1px solid #dfdfdf;} 
#banner{ width:980px; height:200px; margin:0 auto;/* background:url(../images/banner.jpg) no-repeat center top;*/ padding-bottom:10px; border-bottom:1px solid #dfdfdf;} 
.gg_full {
	position: relative; margin: 0px auto 0px; width: 980px;
}
.gg_full .gg_fbtn {
	position: absolute; width: 19px; display: none; height: 55px; TOP: 0px; right: -30px
}
.gg_full .gg_fbtn A {
	display: block; background: url(../images/gg_btn.png) no-repeat 0px 0px; HEIGHT: 55px;overflow:hidden;
}
.gg_full .gg_fbtn .gg_fclose {
	background: url(../images/gg_btn.png) no-repeat -19px 0px;
}
.gg_full .gg_fcon {
	display: none; HEIGHT: 500px; margin-bottom:10px;
}
/*节日广告*/
#main{ width:980px; margin:0 auto;}
/*Main开始*/
.tjcp{ width:100%;}
.tjcp h3 , .cpyy h3 , .slzs h3 , .why_ad h3{ height:38px; background:url(../images/line.jpg) no-repeat center bottom;}
.tjcp h3 span , .cpyy h3 span , .slzs h3 span , .why_ad h3 span , .gcal h3 span{ float:left; width:300px; height:37px; background:url(../images/tit.png);}
.tjcp h3 span label , .cpyy h3 span label , .slzs h3 span label , .why_ad h3 span label , .gcal h3 span label{ display:none;}
.tjcp h3 .more , .cpyy h3 .more , .slzs h3 .more , .why_ad h3 .more , .news_i h3 .more , .gcal h3 .more{ float:right; padding:8px 0 0 0;}

.tjcp .cpfl{ width:230px;}
.tjcp .cpzs{ width:740px; margin-left:10px;}
.tjcp .cpfl ul , .tjcp .cpzs ul{ padding:10px; }
.tjcp .cpfl ul li{ display:inline;}
.tjcp .cpfl ul li a{ display:block; padding:0 0 0 20px; height:36px; line-height:36px;}
.tjcp .cpfl ul li a:hover{ background:url(../images/l_hov_bg.png) no-repeat 0px center; color:#fff;}

.tjcp .cpzs ul{ float:left; height:186px; padding:10px 0; overflow:hidden;}
.tjcp .cpzs ul li{ float:left; display:inline; margin:0 14px 0 0px; width:162px; text-align:center}
.i_pro_di{ width:162px; height:162px; border:1px solid #e2e2e2; text-align:center; vertical-align:middle!important; overflow:hidden;}
.i_pro_di:hover{ border:1px solid #00853a;}
.tjcp .cpzs ul li span,.gcal ul li p.t{ float:left; display:inline; width:100%; text-align:center; height:24px; line-height:24px; overflow:hidden;}

#demo,#demo3,#demo6{ width:100%; overflow:hidden; margin:0 auto; } 
#demo img ,#demo3 img ,#demo6 img { margin:0 auto;} 
#indemo { float: left; width:600%; overflow:hidden;} 
#demo1 , #demo4 , #demo7 {float: left;overflow:hidden;} 
#demo2 , #demo5 , #demo8 {float: left; overflow:hidden;} 
#demo1 a,#demo2 a , #demo4 a,#demo5 a , #demo7 a,#demo8 a{ font-size:12px;text-decoration:none;}
#demo1 a:hover,#demo2 a:hover , #demo4 a:hover,#demo5 a:hover , #demo7 a:hover,#demo8 a:hover{text-decoration:underline;}
#demo1 ul li,#demo2 ul li , #demo4 ul li,#demo5 ul li , #demo7 ul li,#demo8 ul li{float:left; width:164px;text-align:center;display:block;overflow:hidden; display:inline;}
#demo2 ul li img{}
#demo1 ul li span,#demo2 ul li span , #demo4 ul li span,#demo5 ul li span , #demo7 ul li span,#demo8 ul li span{float:left; width:100%; height:24px; line-height:24px; overflow:hidden;}
/*推荐产品结束*/
.cpyy{ width:100%; margin:10px auto 0; background:url(../images/line.jpg) no-repeat center top;}
.cpyy h3 span{ background-position:left -34px;}
.cpyy ul{ float:left; height:186px; padding:10px 0; overflow:hidden;}
.cpyy ul li{ float:left; display:inline; margin:0 14px 0 0px; width:162px; text-align:center}
/*产品应用*/
.slzs{ width:620px; margin:10px auto 0; background:url(../images/line.jpg) no-repeat center top;}
.slzs h3 span{ background-position:left -151px;}
.slzs ul{ float:left; height:186px; padding:10px 0; overflow:hidden;}
.slzs ul li{ float:left; display:inline; margin:0 14px 0 0px; width:162px; text-align:center}
/*实力展示*/
.why_ad{ width:740px; margin:10px 10px 10px 0;}
.why_ad h3{ height:38px; width:100%; background-image:none;}
.why_ad h3 span{ background-position:left -76px;}
.why_ad ul{ margin:0; padding:15px 5px 5px; line-height:22px;}
.why_ad ul img{ float:left; margin:0 10px 0 0; display:inline;}
/*为什么选择我们*/
.ksdh{ width:230px; height:360px; overflow:hidden; margin:10px 0 0 0;}
.ksdh p{ float:left; margin:0; padding:0; width:205px; height:55px; margin-bottom:10px; text-align:center; overflow:hidden;}
.ksdh p img{ float:left;}
/*快速导航*/
.news_i{ width:330px; margin:10px 20px 0 0;}
.news_i h3{ height:38px; border-bottom:1px solid #d4d4d4;}
.news_is{ padding:8px 10px; height:216px;}
.news_is li{ height:27px; line-height:27px; background:url(../images/arc.jpg) no-repeat 0px 8px; padding:0 0 0 18px;}
.news_is li label{ float:right; color:#8C8C8C;}

.news_ia{ width:220px; margin:10px 0 0 10px;}
.news_ia .news_is{ height:300px; overflow:hidden;}
.news_ia .news_is li{ height:25px; line-height:25px; overflow:hidden;}

#tags { padding:0; padding:0 0 0 0px; HEIGHT: 38px;}
#tags .tr{ float:right; width:10px; margin:0px; height:38px; background:url("../images/index_3_red.gif") no-repeat right top transparent;}
#tags span{ float:right;}
#tags li {FLOAT: left; HEIGHT: 25px;}
#tags li A {float: left; display:inline; width:85px; LINE-HEIGHT:25px; HEIGHT: 25px; text-align:center; margin-right:10px; color: #333;font-size:12px; outline:none; background:url(../images/news_t2.jpg) no-repeat left top;}
#tags li A:hover{  color: #fff; background:url(../images/news_t1.jpg) no-repeat left top; color:#fff;}
#tags li.emptyTag {}
#tags li.selectTag { HEIGHT: 25px;}
#tags li.selectTag A { font-weight:bold; color: #fff; LINE-HEIGHT: 25px; HEIGHT: 25px; font-size:12px; background:url(../images/news_t1.jpg) no-repeat left top;}
#tags li.selectTag A:hover{}
#tagContent {}
.tagContent {display: none;}
#tagContent div.selectTag {	display: block}
/*新闻中心结束*/
.gcal{ width:560px; margin:10px 0 0 10px;}
.gcal h3{ height:38px;}
.gcal h3 span{ background-position:left -114px;}
.gcal ul{ display:inline;}
.gcal ul li{ float:left; display:inline;height: 60px; margin: 1px 9px 7px 15px; text-align: center;width: 160px; }
.i_anli_di{ width:160px; height:60px;/* margin:10px auto 0;*/ border:1px solid #d7d7d7; overflow:hidden; text-align:center;}
.gcal ul li p{ line-height:20px; margin:0 auto;}
/*工程案例结束*/
.links{ padding:5px 0; min-height:40px;/* background:url(../images/link_bg.gif) repeat-y center top;*/}
.links .l{ width:110px; height:40px;}
.links a{ line-height:25px; margin:0 5px;}
/*Links结束*/
#footer{ margin-top:10px; width:100%;background:url(../images/bot_bg.jpg) repeat-x left top;}
#footer .fnav{ width:980px; height:28px; line-height:28px; text-align:center; color:#fff; margin:0 auto;}
#footer .fnav a{ color:#fff; margin:0 15px;}
#footer .bot{ width:980px; margin:0 auto;}
#footer .bot .r{ width:760px; padding:10px; line-height:27px; color:#8c8c8c;}
#footer .bot .r a{ color:#8c8c8c;}
/*Footer结束*/
#left{ float:left; width:230px; margin-top:10px;}
#right{ float:left; width:740px; margin:10px 0 0 10px;}

#left .leftbar{ width:100%; margin-bottom:10px;}
#left .leftbar ul{ padding:10px; border:1px solid #dedede; border-bottom:0; border-top:0;/* background:url(../images/left_bg.jpg) repeat-x left center;*/}
#left .leftbar ul li{ display:inline; width:100%;}
#left .leftbar ul li a{ display:block; width:183px; line-height:30px; background:url(../images/arc.png) no-repeat 15px center; padding-left:25px;}
#left .leftbar ul li a:hover{ background:url(../images/left_hov.png) no-repeat left center; color:#fff;}
#left .leftbar p{ float:left; margin:0; padding:0; width:100%; height:10px; overflow:hidden;}
#left .leftbar p img{ float:left;}
#left .leftbar ul li ul{ padding:0 10px; border:0; display:none; position:relative;}

#left .leftbar ul.lxwm{ padding:10px 10px 0px 10px; line-height:22px;}
#left .leftbar ul.tag{ padding:10px 10px 0 10px; line-height:22px;}
#left .leftbar ul.tag a{ margin-right:5px;}
/*Left结束*/
#right h2{ height:39px; line-height:39px; border-bottom:1px solid #dedede; padding:0 10px;}
#right h2 span{ float:right; color:#868686;}
#right h2 span a{ color:#868686;}
#right h2 span a:hover{ color:#00853a;}
#right h2 label{ color:#00853a; font-family:"微软雅黑"; font-size:17px;}
/*Right头部结束*/
#right .about , #right .list , #right .list_pic , #right .show , #right .show_pic , .list_sr{ padding:10px; line-height:22px;}

#page{ width:100%;/* height:40px;*/ line-height:40px; margin-top:10px; text-align:center;}
#page a{border:1px #ddd solid; padding:2px 5px;}
#page span.active{border:1px #ccc solid;background-color:#eee;padding:2px 5px;color:red;font-weight:blod;}


/*新闻列表开始*/
.list li { padding:10px 0px 10px 2px; margin-left:2px; border-bottom:#D8DFE9 dotted 1px; color:#5E5E5E; line-height:20px;}
.list li h3 { font-size:13px; margin:0; line-height:30px; background:url(../images/arc.png) no-repeat 5px 11px; padding-left:18px;}
.list li h3 a{ color:#5E5E5E; font-weight:bold;}
.list li p{  color:#5E5E5E;}
.list li h4 { text-align:right; color:#999; font-size:12px; font-weight:normal; margin:0; padding:0; }
.list li h4 a{ color:#999;}
.list li h4 a:hover{ color:#00853a;}
.list li span { margin:5px; }

.list_sr li { padding:0px 0px 10px 2px; margin-bottom:10px; margin-left:2px; border-bottom:#D8DFE9 dotted 1px; color:#5E5E5E; line-height:20px;}
.list_sr li .s_img{ float:left; width:70px; height:70px; overflow:hidden; display:inline; margin-right:10px;}
.list_sr li .s_r{ float:left; width:618px;}
.list_sr li .s_r h3 { font-size:13px; margin:0; line-height:30px; background:url(../images/arc.png) no-repeat 5px 11px; padding-left:18px;}
.list_sr li .s_r h3 a{ color:#5E5E5E; font-weight:bold;}
.list_sr li p{  color:#5E5E5E;}

/*产品列表开始*/
#right .list_pic li{float:left; display:inline; width:162px; text-align:center; margin:10px 10px 10px 50px;}
.pro_di{ width:160px; height:160px; border:1px solid #dedede;}
#right .list_pic li span{ float:left; width:100%; height:26px; line-height:26px; overflow:hidden;}
/*新闻详细页开始*/
#right .show h1{ font-size:18px; text-align:center; line-height:40px; font-family:"微软雅黑";}
#right .show .time{ text-align:center; color:#8C8C8C; border-bottom:1px dashed #d7d7d7; padding-bottom:5px;}
/*上一篇下一篇*/
.prew {background: url("../images/ui_pre_info.gif") no-repeat scroll left 7px transparent;color: #8C8C8C;float: left;height: 24px;line-height: 24px;overflow: hidden;
    padding-left: 20px;text-align: left;width: 46%;}
.prew a, .nextw a {color: #8C8C8C;}
.prew a:hover, .nextw a:hover {color: #00853a;text-decoration: none;}
.nextw {background: url("../images/ui_next_info.gif") no-repeat scroll right 7px transparent;color: #8C8C8C;float: right;height: 24px;line-height: 24px;overflow: hidden;padding-right: 20px;text-align: right; width: 46%;}
/**/
.content{ line-height:22px; margin:10px 0;}
/*相关新闻*/
#xg_news{ margin-top:10px;}
#xg_news h4{ padding:5px 0 5px 14px; border-bottom:1px solid #DADADA; font-size:14px; background-color:#f8f8f8;}
#xg_news ul{ padding:10px 0;}
#xg_news ul li{ float:left; width:46%; background:url(../images/arc.jpg) no-repeat 10px center; margin:0; padding:0 0 0 4%; height:26px;line-height:26px; overflow:hidden;  border-bottom:1px solid #DADADA;}
#xg_news ul li a{ color:#8C8C8C;}
#xg_news ul li a:hover{ color:#00853a;}
/*产品详细页开始*/
.probar{ padding:10px 0 0 0;}
.probar_left{ width:402px;}
.probar_right{ width:296px; height:402px;}
#tagContent_{ width:400px; height:400px; border:1px solid #DADADA; overflow:hidden; text-align:center;overflow:hidden;}
#thumb {float: left;overflow: hidden;width: 402px;}
#thumb li {background-color: #FFFFFF;border: 1px solid #DADADA;display: inline;float: left;height: 70px;margin: 10px 4px 10px;text-align: center;width: 70px; overflow:hidden;}
#thumb li:hover{ border:1px solid #00853a;}
#thumb li img {/*height: 70px;width: 70px;*/}
#thumb li A {float: left; width:70px;height: 70px;line-height: 70px; text-align:center;}
#thumb li.emptyTag {}
#thumb li.selectTag {position: relative;}
#thumb li.selectTag A {}
/*LEFT图片区域结束*/
.probar_right ul{ padding:0 0 0 15px;}
.probar_right ul li{ padding:0 0 0 5px;}
.inp{
    background: url("../images/cons_bg.gif") no-repeat scroll left top transparent;
    border: 0 none;
    color: #999999;
    font-size:12px;
    height: 27px;
    line-height: 27px;
    margin-bottom: 4px;
    padding: 0 5px 0 5px;
    width: 280px;
}
.textarea {
    background: url("../images/cons_cont.gif") no-repeat scroll left top transparent;
    border: 0 none;
    color: #999999;
    font-size: 12px;
    height: 95px;
    line-height: 18px;
    overflow: hidden;
    padding: 5px 5px;
    width: 280px;
}
.sub{
    background: url("../images/zixun.gif") no-repeat scroll left center transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 18px;
    width: 61px;
}
/*pro_content开始*/
.pro_content,.xg_pic{ width:100%; line-height:22px;}
.xg_pic{ margin-top:10px;}
.pro_content h4,.xg_pic h4{ height:30px; line-height:30px; margin:5px 0px 5px; font-size:13px; border-bottom:1px dashed #DADADA;}
#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%;
}
/*产品评论*/
#plun{ border:1px solid #d7d7d7; padding:10px; margin:10px 0 0 0;}
#plun h5{ display:block; padding:0 10px 10px;}
#plun h5 span{ float:right; color:#8C8C8C;}
#plun h5 label{ color:#00853a; background:url(../images/plun.gif) no-repeat left center; padding-left:15px;}
#plun .pl{ margin:10px 0 0 0;}
#plun .pl .text{ margin:0 auto; width:99%; height:80px; border:1px solid #d7d7d7; 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; border:1px solid #d7d7d7; margin-right:10px;}
.em1{ margin-left:10px; color:#666;}
#plun .pl li em{ float:left; margin:0 10px; height:22px; width:60px;}
#plun .ly{ padding:10px 0; margin:0; border:0;}
#plun .ly li{ margin:10px 0 0px 0; padding:0 5px 5px 5px; border-bottom:1px dashed #d7d7d7; clear:both;}
#plun .ly li label{ color:#00853a; padding:0 0 0 20px; background:url(../images/plun.gif) no-repeat 3px center;}

/*在线留言*/
#guest{ width:638px; padding:20px;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:25px; 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;
padding-right:10px;
width:90px;
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; */