/* CSS Document */
.main{ background:url(bg.jpg);}
.main .h{ height:20px; background:url(h.png) no-repeat center bottom;}
.main .m{ min-height:800px; _height:800px; background:url(m.png) repeat-y center;}
.main .f{ height:100px; background:url(f.png) no-repeat center top; padding-bottom:15px;}
.header{ position:absolute; top:32px; width:100%; z-index:9999;}
.header .tel_lan{ height:40px;}
.header .tel_lan .tel{ width:200px; height:24px; float:left; background:url(tel.png) no-repeat 0px center; line-height:24px; padding-left:15px;}
.header .tel_lan .lan{ width:162px; height:24px; line-height:24px; float:right; background:url(lan.png) no-repeat; padding-bottom:13px;}
.header .tel_lan .lan a{ display:block; float:left;}
.header .tel_lan .lan a#cn{ padding-left:40px; width:50px;}
.header .tel_lan .lan a#en{ padding-left:20px; width:30px;}

.header .nav{ height:64px; background:url(nav.png) no-repeat; padding-bottom:13px;/* padding-left:290px;*/}
.header .nav .logo{ width:290px; height:64px; float:left;}
.header .nav .logo a{ width:216px; height:64px; display:block;}
.header .nav ul{ float:left;}
.header .nav ul li{ width:115px; height:64px; line-height:64px;  float:left; background:url(navge.png) no-repeat right;}
.header .nav ul li#end{ background:none;}
.header .nav ul li a{ height:64px; display:block; font-size:14px; text-align:center; color:#000;}
.header .nav ul li a:hover{ background:url(navon.png) no-repeat center; color:#FFF;}

.banner{ max-width:1400px; /*width:1400px;*/ min-width:1000px; height:870px; margin:0px auto;}
.index_view { z-index: 29; position: relative; /*text-align: center;*/ width: 100%; height: 870px; clear: both;}
.index_view ul { height: 870px; overflow: hidden }
.index_view ul li { text-align: left; margin: 0px }
.index_view ul li.active { display: block }
.index_view ul li a { margin: 0px auto; width:1000px; display: block; background: url(blank.gif); height: 870px }
.index_view .arrow{ height:70px; position:absolute; top:50%; margin-top:-35px; width:100%;}
.index_view .arrow .lbar{ width:36px; height:70px; float:left;}
.index_view .arrow .lbar a{width:36px; height:70px; display:block; background:url(arrow.png) no-repeat left top;}
.index_view .arrow .lbar a:hover{background:url(arrow.png) no-repeat left bottom;}
.index_view .arrow .rbar{ width:36px; height:70px; float:right;}
.index_view .arrow .rbar a{width:36px; height:70px; display:block; background:url(arrow.png) no-repeat right top;}
.index_view .arrow .rbar a:hover{background:url(arrow.png) no-repeat right bottom;}
.index_view .news_ico { z-index:30; position: relative; margin:-167px auto 0px; width:1000px; height:157px }
.index_view .news_ico ol { position:absolute; margin:0px; padding:0px; height:157px; overflow:hidden; right:10px;}
.index_view .news_ico ol li { width:241px; height:157px; margin:0px 0px 0px 5px; float: left;  cursor: pointer }
.index_view .news_ico ol li a { width:241px; height:157px; z-index:9999; position:relative; display:block; float:left; _overflow: hidden; background:url(ban_btn_bg.png) no-repeat;}
.index_view .news_ico ol li a .box{ margin:13px 15px 0px; background-position: center bottom; background-repeat:no-repeat; height:137px; cursor:pointer;}
.index_view .news_ico ol li a .box b{ font-size:13px; /*text-align:left;*/ height:20px; line-height:20px; cursor:pointer; display:block; color:#000;}
.index_view .news_ico ol li a .box p{ margin:0px; text-align:left; line-height:24px; padding-top:5px; cursor:pointer; color:#666; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.index_view .news_ico ol li a:hover {background:url(ban_btn_bg_on.png) no-repeat;}
/* .index_view .news_ico ol li a.active {background:url(ban_btn_bg_on.png) no-repeat;}
.index_view .news_ico ol li a.active:hover {background:url(ban_btn_bg_on.png) no-repeat;} */

.footer{ padding-top:35px; color:#FFF; height:24px; line-height:24px;}
.footer a{ color:#FFF;}
.footer a:hover{ color:#91c942;}
.footer span{ float:right; color:#FFF;}

/*inner page css style*/
.mbody{ padding-top:450px; min-height:500px; background-position:center top; background-repeat:no-repeat;}
.inboxer{}
.left{ width:218px; float:left;}
.menu{}
.menu h3{ height:60px; background:url(mh3.png) no-repeat; padding-left:10px;}
.menu h3 b{ font-size:24px; color:#000; height:30px; line-height:30px; display:block;}
.menu h3 i{ color:#bbb; font-style:normal; height:24px; line-height:24px; font-size:14px;}
.menu .mcon{ background:url(mbox.jpg) repeat-y;}
.menu dl{ background:url(mcon.jpg) no-repeat center top; padding:5px 4px;}
.menu dl dt{ height:45px; line-height:45px; font-size:14px; background:url(mge.jpg) no-repeat bottom;}
.menu dl dt a{ padding-left:30px; display:block; background:url(arrow.jpg) no-repeat 170px center;}
.menu dl dt a:hover, .menu dl dt a.hover{ background:#595959; color:#FFF;}
.menu .mdf{ background:url(mdf.jpg) no-repeat; height:5px;}

.right{ width:760px; float:right;}
.right .posname{ height:40px; line-height:40px; border-bottom:#ccc 1px solid; padding:0px 5px;}
.right .posname em{ font-size:18px; color:#000; font-style:normal; font-weight:bold;}
.right .posname span{ float:right;}
.right .posname b{ color:#8bbf00;}

/*products list css style @20130613*/
.product_list{ padding:30px 0px;}
.product_list ul{}
.product_list ul li{width:362px; height:502px; float:left; padding:0px 8px 20px;}
.product_list ul li a{width:360px; height:500px; display:block; border:#FFF 1px solid;}
.product_list ul li a:hover{border:#e2e2e2 1px solid; background:url(pimgbg.jpg) repeat-x bottom;}
.product_list ul li a .imge{ width:340px; height:370px; margin:0px auto; padding:5px 0px;}
.product_list ul li a .text{ text-align:center; padding:15px; line-height:24px;}
.product_list ul li a .text b{ color:#000; font-size:14px;}
.product_list ul li a .text p{ color:#666; margin:0px; visibility:hidden;}
.product_list ul li a:hover .text p{ visibility:visible;}
.product_list ul li a .text i{ color:#ff9700; font-style:normal; height:24px; background:url(cross.jpg) no-repeat 0px center; padding-left:20px; visibility:hidden;}
.product_list ul li a:hover .text i{ visibility:visible;}

/*products detail*/
.productshow{}
.productshow .showimg{ text-align:center; padding:15px 0px;}
.productshow .showimg img { max-width:600px;   _width:expression(this.width > 600 ? "600px" : true);}
.productshow .detailarea{ width:700px; margin:0px auto; overflow:hidden; font-size:14px; line-height:2;}

/*box by border*/
.container{ padding:20px 0px;}
.container .boxhead{ width:749px; margin:0px auto; height:10px; background:url(boxhead.jpg) no-repeat;}
.container .boxmid{ width:749px; margin:0px auto; min-height:600px; background:url(boxmid.jpg) repeat-y;}
.container .boxfoot{ width:749px; margin:0px auto; height:46px; background:url(boxfoot.jpg) no-repeat top;}
.container .boxmid2{ width:749px; margin:0px auto; min-height:600px; background:url(boxmid2.png) repeat-y;}
.container .boxfoot2{ width:749px; margin:0px auto; height:5px; background:url(boxfoot2.png) no-repeat top;}


/*news list css style*/
.newslist{}
.newsttt{ height:26px; background:url(newstttt.jpg) no-repeat 99px bottom;}
.newsbbb{ height:33px; background:url(newsbbbb.jpg) no-repeat 94px top;}
.newslist ul{ padding-left:3px; padding-right:32px;}
.newslist ul li{ height:100px; padding-bottom:30px; background:url(newgeline.jpg) no-repeat 96px top; overflow:hidden;}
.newslist ul li .imge{ width:96px; height:100px; float:left; text-align:center;}
.newslist ul li .box{ width:575px; height:100px; float:right;}
.newslist ul li .box b{ color:#000; font-size:14px; display:block; height:24px; line-height:24px;}
.newslist ul li .box b a{ color:#000;}
.newslist ul li .box b a:hover{ color:#91c942;}
.newslist ul li .box p{ margin:0px; line-height:21px; padding:5px 0px; height:42px; overflow:hidden;}
.newslist ul li .box i{ height:23px; line-height:23px; background:#ededed; display:block; font-style:normal; padding:0px 5px;}
.newslist ul li .box i span{ float:right;}
/*news detail css style*/
.news_detail{ padding:10px 10px;}
.news_detail .Ncontitle{ text-align:center; font-size:16px; font-weight:bold; padding-top:10px; padding-bottom:10px;}
.news_detail .Nconwriter{ border-bottom:1px dashed #CCC; margin-top:5px; padding-right:5px; padding-bottom:5px; text-align:right}
.news_detail .Newsbody{line-height:2; padding-top:10px; padding-bottom:20px;}
.news_detail .prev{ border-top:#dedede 1px dashed; padding-top:10px; height:24px; line-height:24px;}
.news_detail .next{ height:24px; line-height:24px;}


#cateProduct .regBox { TEXT-ALIGN: left; }
#cateProduct .cb{ clear:both;}
#cateProduct .regText { TEXT-ALIGN:left; PADDING-BOTTOM:20px; BACKGROUND-COLOR:#fbfbfb; MARGIN-TOP:10px; PADDING-LEFT:15px; WIDTH:720px; PADDING-RIGHT:15px; FLOAT:left; PADDING-TOP:20px }
#cateProduct .line_border { MARGIN:20px 0px 20px 50px; WIDTH: 550px; BORDER-TOP: #acbeb0 1px solid }
#cateProduct .formTagName { TEXT-ALIGN:left; PADDING-LEFT:50px; WIDTH:170px; FLOAT:left }
#cateProduct .formTag { TEXT-ALIGN: left; PADDING-LEFT: 10px; WIDTH: 450px; FLOAT: left }
#cateProduct .formArea {}
#cateProduct .formBottom { PADDING-LEFT: 50px; WIDTH: 580px; FLOAT: left }
#cateProduct .reciBox { TEXT-ALIGN: left; WIDTH: 680px; FLOAT: left }
#cateProduct .reciTopic { BORDER-BOTTOM: #acbeb0 1px solid; TEXT-ALIGN: left; MARGIN: 10px 15px 10px 20px; WIDTH: 620px; FLOAT: left }
#cateProduct .reciTopic A:link { COLOR: #5a7e62; TEXT-DECORATION: none }
#cateProduct .reciTopic_line { TEXT-ALIGN: left; MARGIN: 5px 20px 10px 40px; WIDTH: 580px; FLOAT: left }
#cateProduct .reciBtn { PADDING-BOTTOM: 20px; PADDING-LEFT: 10px; WIDTH: 205px; PADDING-RIGHT: 0px; FLOAT: right; HEIGHT: 286px; PADDING-TOP: 20px }


/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}

/*详细页功能区*/
.preNext{position:relative;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999; line-height:22px;}

/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}

/*contact page css style*/
.contactbox{ min-height:800px; background:url(cup.jpg) no-repeat left bottom;}
.contactbox .way{ width:315px; float:left; padding-left:20px;}
.contactbox .way h1{ font-size:28px; line-height:50px; height:50px; border-bottom:#CCC 1px solid;}
.contactbox .way b{ height:40px; line-height:40px; display:block; font-size:18px; font-weight:normal; padding-top:15px;}
.contactbox .way p{ line-height:36px; font-size:14px; color:#666;}

.contactbox .map{ width:400px; float:right; padding-right:10px; padding-bottom:5px;}