*{padding:0px;margin:0px;}
body { color: #333; font-size: 12px; background-color: white; text-align: center; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; background-position: left 0; }
a{ color: #333; text-decoration: none; }
a:hover{ color: #c60f00; }
img{border:none;}
ul{list-style:none;}
.clear { clear: both; }
.t5 { margin-top: 5px; }
.pad5 { padding: 5px; }
.font14px { font-size: 14px; }
.fontBold { font-weight: bold; }
.w100 { width: 100%; }
.block { display: block; }
.float_left { float: left; }
.float_right { float: right; }
.top_info { color: #666; font-size: 12px; line-height: 32px; background-color: white; width: 1170px; height: 32px; overflow: hidden; border-bottom: 1px solid #eaeaea; }
.top_tools { margin: 0; padding: 0; list-style-type: none; }
.top_tools li{ float: left; margin-right: 0; margin-left: 12px; }
.top_tools li a{ color: #999; text-decoration: none; }
.top_tools li.home{ background-image: url(images/ico_home.png); background-repeat: no-repeat; background-position: 0 1px; text-indent: 12px; }
.top_tools li.add{ background-image: url(images/ico_add.png); background-repeat: no-repeat; background-position: 0 1px; text-indent: 15px; }
.top_tools li.contact{ background-image: url(images/ico_contact.png); background-repeat: no-repeat; background-position: 0 1px; text-indent: 12px; }
.lineheight32 { line-height: 32px; }
.font11 { font-size: 9px; }

.mainbox { text-align: left; width: 1170px; margin-right: auto; margin-left: auto; }
.header { height: 132px; overflow: hidden; }
.head_right{ background-image: url(images/head_right.png); background-repeat: no-repeat; background-position: right 0; width: 320px; height: 132px; overflow: hidden; }
.searchbox{ margin-top: 65px; }
.topfind { float: right; margin: 0; padding: 0; }
.searchbox .input_key{ color: #898989; font-size: 12px; line-height: 24px; background-color: white; background-image: url(images/icon_search.png); background-repeat: no-repeat; background-position: 0 2px; text-indent: 26px; width: 180px; height: 24px; overflow: hidden; float: left; margin: 0 0 0 65px; padding: 0; border: solid 1px #ccc; }
.searchbox #button{ float: left; }
.navbar { background-color: #38ae00; background-repeat: repeat-x; height: 48px; overflow: hidden; margin: 0; padding: 0; }
.navbar ul{ margin: 0 0 0 28px; padding: 0; list-style-type: none; }
.navbar ul li:first-child{ background-image: url(images/nav_hover.png); background-repeat: no-repeat; }
.navbar ul li{ background-image: url(images/li_fg.png); background-repeat: no-repeat; background-position: right 0; float: left; margin: 0; padding: 0; display: inline; }
.navbar ul li .end{ background-repeat: no-repeat; background-position: right 0; }
.navbar ul li a{ color: white; font-size: 16px; font-weight: normal; line-height: 48px; text-decoration: none; text-align: center; width: 132px; height: 48px; float: left; _margin-left: 1px; display: block; }
.navbar ul li a:hover{ background-image: url(images/nav_hover.png); background-repeat: no-repeat; background-position: center 0; text-decoration: none; _margin-left: 1px; }



.searchbar { background-color: #f6f6f6; height: 39px; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
.searchbar .hotkeywords{ color: #666; font-size: 14px; line-height: 39px; text-indent: 5px; width: 750px; }
.searchbar .hotkeywords a{ text-decoration: underline; }
.searchbar .hotkeywords a:hover{}
.searchbar form{ margin: 6px 6px 0 0; padding: 0; }
.searchbar .input_key{ font-size: 12px; line-height: 26px; background-color: white; vertical-align: middle; width: 230px; height: 26px; margin: 0; padding: 0 2px; border: solid 1px #ddd; }
.searchbar #button{ vertical-align: middle; width: 90px; height: 26px; overflow: hidden; margin: 0; padding: 0; }



.banner { height: 400px; overflow: hidden; margin-top: 7px; margin-bottom: 7px; padding: 0; }
.search { }
.content{ width: 1170px; margin: 0; padding: 0; }
.box01{ border-color: #38ae00; border-style: solid solid none; border-width: 1px 1px 0; }
.box02 { border-color: #38ae00; border-style: none solid solid; border-width: 0 1px 1px; }
.title_01 { background-color: #38ae00; height: 36px; overflow: hidden; }
.title_01 span{ color: white; font-size: 14px; font-weight: bold; line-height: 36px; background-image: none; background-repeat: no-repeat; text-align: center; width: 94px; height: 36px; float: left; margin-top: 2px; margin-left: 4px; display: block; }
.title_01 .prodtext{ background-image: url(images/title_01_prod.png); background-repeat: no-repeat; }
.content .sidebar { width: 250px; float: left; }
.content .sidebar .prod_cate {}
.content .sidebar .prod_cate_title { background-image: url(images/prod_cate_title.png); height: 36px; }
.content .sidebar .case_cate {}
.content .sidebar .case_cate_title { background-image: url(images/case_cate_title.png); height: 30px; }
.content .sidebar .case_cate ul{ border-right: 1px solid #ccc; border-bottom: 1px none #ccc; border-left: 1px solid #ccc; }
.content .sidebar .case_cate li{ line-height: 28px; background-image: url(images/prod_cate_item_bg.png); background-repeat: no-repeat; height: 28px; padding-left: 26px; border-bottom: 1px solid #ccc; }
.content .sidebar .case_cate li a{ color: #333; text-decoration: none; }
.content .sidebar .case_cate li a:hover{ color: #c60f00; text-decoration: underline; }

.content .sidebar .search { height: 96px; border: solid 1px #ccc; }
.content .sidebar .search .search_title{ background-image: url(images/search_title.png); background-repeat: repeat-x; height: 29px; }
.content .sidebar .search .input_key{ color: #666; line-height: 25px; background-image: url(images/input_bg.png); background-repeat: no-repeat; width: 201px; height: 25px; padding-left: 4px; border-style: none; border-width: 0; }
.content .sidebar .search .search_title span{ color: #333; font-size: 14px; font-weight: bold; line-height: 28px; text-align: center; width: 90px; height: 28px; border-right: 1px solid #ccc; display: block; }
.content .sidebar .news_cate { }
.content .sidebar .news_cate .news_cate_title{background-image: url(images/news_cate_title.png); height: 30px; }
.content .sidebar .news_cate .about_cate_title{background-image: url(images/about_cate_title.png); height: 30px; }
.content .sidebar .news_cate ul{ padding: 0 0 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.content .sidebar .news_cate li{ line-height: 28px; background-image: url(images/li.png); background-repeat: no-repeat; background-position: 6px center; text-indent: 14px; height: 28px; overflow: hidden; padding: 0; border-bottom: 1px dotted #ccc; }
.content .sidebar .news_cate li a{ color: #333; text-decoration: none; }
.content .sidebar .news_cate li a:hover{ color: #c60f00; text-decoration: underline; }
.content .right{ width: 908px; float: right; }
.content .sidebar .contact{ line-height: 18px; padding-top: 4px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top-style: none; }
.content .sidebar .contact_title{ background-image: url(images/contact_title.png); height: 32px; }
.content .sidebar .contact_span_title{ text-align: right; width: 60px; }
.content .sidebar .contact h1{ font-size: 14px; line-height: 36px; text-align: center; margin: 0 0 8px; padding: 0; border-bottom: 1px solid #ccc; }
.content .sidebar .contact ul{ margin: 0 0 0 3px; padding: 0; }
.content .sidebar .contact ul li{ line-height: 20px; }
.content .sidebar .contact ul li a{}
.content .right .div01{}
.content .right .div01 .about{ background-color: white; width: 546px; overflow: hidden; float: left; border: solid 1px #ccc; }
.content .right .div01 .about .title{ color: #333; background-image: url(images/hui_title_bg.png); background-repeat: repeat-x; height: 31px; overflow: hidden; margin-top: 0; padding-bottom: 3px; }
.content .right .div01 .about .title span{ color: #333; font-size: 14px; font-weight: bold; line-height: 31px; background-repeat: repeat-x; text-align: center; width: 89px; height: 31px; margin: 0; display: block; }
.content .right .div01 .about .con{ line-height: 18px; background-color: white; height: 200px; overflow: hidden; padding: 6px 5px; }
.content .right .div01 .about .con p{ padding: 0; }
.content .right .div01 .home_photos{ width: 220px; float: right; }
.content .right .div01 .home_photos .factory_title{ background-image: url(images/cert_title.png); background-repeat: repeat-x; width: 220px; height: 32px; overflow: hidden; margin-top: 0; }
.content .right .div01 .home_photos .factory{ background-color: white; width: 218px; height: 212px; overflow: hidden; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top-style: none; border-top-width: 0; }
.content .right .div01 .home_photos .factory .con{ text-align: center; margin-top: 4px; padding: 0; }
.content .right .div01 .home_photos .factory ul{ margin: 0 6px 0; }
.content .right .div01 .home_photos .factory ul li{ line-height: 28px; background-image: url(images/li.png); background-repeat: no-repeat; background-position: 0 11px; text-align: left; height: 28px; overflow: hidden; padding-left: 9px; border-bottom: 1px dotted #ccc; }
.content .right .div01 .home_photos .factory ul li a{ color: #333; font-size: 12px; text-decoration: none; }
.content .right .div01 .home_photos .factory ul li a:hover{ color: #c60f00; text-decoration: underline; }




.content .right .home_prods{ overflow: hidden; margin-top: 5px; border: solid 1px #ccc; }
.content .right .home_prods .title{ background-image: url(images/hui_title_bg.png); background-repeat: repeat-x; background-position: 0 0; height: 31px; margin-top: 0; }
.content .right .home_prods .title span{ color: white; font-size: 14px; font-weight: bold; line-height: 31px; background-image: url(images/title2_bg.png); background-repeat: no-repeat; text-align: center; width: 90px; margin-left: 8px; display: block; }
.content .right .home_prods ul{ margin: 6px; }
.content .right .home_prods ul li{ width: 168px; overflow: hidden; float: left; margin-right: 10px;*margin-right: 6px; margin-bottom: 5px; margin-left: 10px; padding: 0; *margin-left: 6px;}
.content .right .home_prods ul li a{ color: #333; line-height: 28px; text-decoration: none; text-align: center; width: 168px; height: 154px; overflow: hidden; float: left; display: block; }
.content .right .home_prods ul li a:hover{ color: #c60f00; text-decoration: underline; }
.content .right .home_prods ul li a img{ width: 164px; height: 122px; float: left; padding: 1px; border: solid 1px #ccc; }
.content .right .home_prods ul li a:hover img{ border-color: #c60f00; }


.content .right .div03{ margin-top: 6px; }
.content .right .div03 .company_news{ width: 383px; overflow: hidden; float: left; border: solid 1px #ccc; }
.content .right .div03 .company_news .title{ background-image: url(images/hui_title_bg.png); background-repeat: repeat-x; height: 31px; margin-top: 0; }
.content .right .div03 .company_news .title span{ color: white; font-size: 14px; font-weight: bold; line-height: 30px; background-image: url(images/title2_bg.png); background-repeat: no-repeat; text-align: center; width: 88px; margin-left: 8px; display: block; }
.content .right .div03 .company_news ul{ margin: 0 6px 0; }
.content .right .div03 .company_news ul li{ line-height: 28px; background-image: url(images/li.png); background-repeat: no-repeat; background-position: 0 11px; height: 28px; overflow: hidden; padding-left: 9px; border-bottom: 1px dotted #ccc; }
.content .right .div03 .company_news ul li a{ color: #333; font-size: 12px; text-decoration: none; }
.content .right .div03 .company_news ul li a:hover{ color: #c60f00; text-decoration: underline; }

.content .right .div03 .industry_news{ width: 382px; overflow: hidden; float: right; border: solid 1px #ccc; }
.content .right .div03 .industry_news .title{ background-image: url(images/hui_title_bg.png); background-repeat: repeat-x; height: 31px; margin-top: 0; }
.content .right .div03 .industry_news .title span{ color: white; font-size: 14px; font-weight: bold; line-height: 30px; background-image: url(images/title2_bg.png); background-repeat: no-repeat; text-align: center; width: 88px; margin-left: 8px; display: block; }
.content .right .div03 .industry_news ul{ margin: 0 6px 0; }
.content .right .div03 .industry_news ul li{ line-height: 28px; background-image: url(images/li.png); background-repeat: no-repeat; background-position: 0 11px; height: 28px; overflow: hidden; padding-left: 9px; border-bottom: 1px dotted #ccc; }
.content .right .div03 .industry_news ul li a{ color: #333; font-size: 12px; text-decoration: none; }
.content .right .div03 .industry_news ul li a:hover{ color: #c60f00; text-decoration: underline; }
.links { overflow: hidden; margin-top: 30px; margin-bottom: 30px; }
.links .title{ background-image: url(images/links_title.png); background-repeat: no-repeat; height: 40px; margin-top: 0; }
.links .title span{ color: #333; font-size: 14px; font-weight: bold; line-height: 28px; text-align: center; width: 100px; border-right: 1px solid #ccc; display: block; }
.links ul{ list-style-type: none; }
.links ul li{ float: left; margin-right: 10px; margin-left: 10px;white-space:nowrap; }
.links ul li a{ color: #999; font-size: 14px; line-height: 32px; text-decoration: underline; }
.links ul li a:hover{ color: #c60f00; }
.footer { background-image: url(images/foot_bg.png); background-repeat: repeat-x; background-position: 0 bottom; text-align: center; vertical-align: bottom; height: 55px; clear: both; margin-top: 6px; padding: 0; }
.footer .text{ text-align: center; margin-top: 30px; }
.footer .text ul{ text-align: center; margin: 0; padding: 0; list-style-type: none; }
.footer .text ul li{ text-align: center; padding-right: 6px; padding-left: 6px; border-right: 1px solid #b4b4b4; display: inline; }
.footer .text ul li a{}
.footer .text ul li a:hover{}
.foot_nav { color: #fff; font-size: 14px; line-height: 42px; background-color: #38ae00; text-align: center; height: 42px; overflow: hidden; }
.foot_nav ul{ width: 520px; margin-right: auto; margin-left: auto; padding: 0; list-style-type: none; }
.foot_nav ul li{ float: left; margin-right: 5px; margin-left: 5px; }
.foot_nav ul li a{ color: #fff; text-decoration: none; padding-right: 5px; border-right: 1px solid #fff; }
.user_footer{ color: #666; line-height: 24px; margin-top: 10px; margin-bottom: 20px; }
.user_footer p{ margin: 0; padding: 0; }
.txt{ margin: 0 0 6px; padding: 0; }
.txt li{ line-height: 30px; background-image: url(images/li.png); background-repeat: no-repeat; background-position: 6px 14px; padding-left: 15px; border-bottom: 1px dashed #d7d7d7; }
.txt li .date{ color: #b4b4b4; background-position: left 0; float: right; }
.content .right .r_con{ width: 908px; overflow: hidden; padding-bottom: 10px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.content .right .r_con h4{ line-height: 30px; background-color: #f1f1f1; padding-right: 6px; padding-left: 6px; border-bottom: 1px solid #e5e5e5; }
.content .right .r_con h4 a{ color: #38ae00; }
.content .right .r_con h4 span a{ color: #666; }
.content .right .r_con h4 span{ font-size: 12px; font-weight: normal; float: right; }
.content .right .r_con .title{ color: #333; font-size: 12px; font-weight: normal; line-height: 30px; background-image: url(images/hui_title_bg.png); background-repeat: repeat-x; height: 31px; margin-top: 0; padding-left: 9px; }
.content .right .r_con .title span{ color: white; font-size: 14px; font-weight: bold; line-height: 30px; background-image: url(images/title2_bg.png); background-repeat: no-repeat; text-align: center; width: 80px; margin-left: 8px; display: block; }
.content .right .r_con .con{ line-height: 20px; width: 908px; padding: 5px; }
.content .right .r_con .con h1{ font-size: 16px; font-weight: bold; line-height: 36px; text-align: center; }
.content .right .r_con .con h1 span{ font-size: 12px; font-weight: normal; }
.content .right .r_con .con hr{ color: #b4b4b4; height: 1px; margin-bottom: 6px; }
.content .right .r_con .con .prod_list { margin: 10px 0 0 -5px; padding: 0; list-style-type: none; }
.content .right .r_con .con .prod_list li{ width: 214px; height: 200px; float: left; margin-bottom: 5px; margin-left: 10px; padding: 0; }
.content .right .r_con .con .prod_list li a{ color: #333; font-size: 14px; line-height: 32px; text-align: center; overflow: hidden; float: left; }
.content .right .r_con .con .prod_list li a:hover{ color: #c60f00; text-decoration: underline; }
.content .right .r_con .con .prod_list li a img{ background-color: white; width: 210px; height: 166px; float: left; padding: 1px; border: solid 1px #ccc; }
.content .right .r_con .con .prod_list li a:hover img{ border-color: #c60f00; }
#pages { padding:10px 0; text-align:center; clear: both; }
#pages a { display:inline-block; padding:0 8px; height:22px; font-size:12px; line-height:22px; background:#fff; border:solid 1px #e3e3e3; text-align:center; color:#333; font-family: 宋体; margin-right: 2px; margin-left: 2px; }
#pages a.a1 {padding:0px 12px; height:22px; line-height:22px;margin-top:0px;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block; padding:0 8px; height:22px; line-height:22px; background:#38ae00; border:solid 1px #38ae00; color:#fff; font-family: 宋体; text-align:center; margin: 0; }
.page .noPage { display:inline-block;  padding:0px 12px; height:22px; line-height:22px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
.kefu { color: #333; width:99px; height:60px; position:absolute; top:0; }
.kefu .kftop{ background-image: url(images/kefu_top.gif); background-repeat: no-repeat; height:50px; }
.kefu .kfbottom{ background-image: url(images/kefu_bottom.gif); background-repeat: no-repeat; height:14px; }
.kefu .kfbox {border-left:1px solid #DDE6EC;border-right:1px solid  #DDE6EC;overflow:hidden;zoom:1;padding:1px;background:#FFF;color:#D3D3D3;line-height:26px;}
.kefu .kfbox ul { padding-right: 6px; padding-left:3px; }
.kefu .kfbox ul li{ color: #333; }
.kefu .kfbox ul li.tit {color:#800000;}
.kefu .kfbox ul li img {vertical-align:middle;}
#zoom_box { background-color: white; background-position: 0 0; width: 270px; height: 270px; overflow: hidden; float: left; padding: 1px; border: solid 1px #ddd; }
#zoom_box img{ width: 269px; }
.p_info {float:left;width:300px;margin-left:20px;}
.p_info dl label {float:LEFT;WIDTH:65PX;}
.p_info dl dd.buy_dd {padding:10px;border:1px solid #D1EBFF;background:#E2F2FF;line-height:35px;}
.p_info dl dd b {font-size:16px;font-weight:bold;color:#FB0000;}
.p_tabs {margin:10px 0;border-bottom:1px solid #c8c8c8;height:28px;}
.p_tabs ul li { font-size: 14px; font-weight: bold; float:left; padding:0 20px; margin-left:10px; line-height:28px; background:#c8c8c8; }
.list ul.pic {overflow:HIDDEN;MARGIN:0;}
.list dl.img { width:280px; margin:10px 0 10px 12px; overflow:hidden; border-bottom: 1px solid #ddd; }
.list dl.img dd.pic { float:left; width:134px; height:104px; margin-right:5px; }
.list dl.img dd.pic span {width:132px;height:102px;}
.list dl.img dd.pic span a {width:130px;height:100px;*font-size: 85px;border:1px solid #FFF;}
.list dl.img dd.pic img {max-height:100px;max-width:130px ;_height:expression(this.height > 100 && this.height>this.width ? "100px" : this.height);_width:expression(this.width > 130 && this.width>this.height ? "130px" : '');}
.list dl.img dd {line-height:24px;}
.list dl.img dd b {font-size:14px;color:#FB0000;}
.list dl.img dt a{color:#BF0000;}
.guestbook_list {margin:12px;line-height:26px;}
.guestbook_list dl {border:solid 1px #e9e9eb;margin:8px auto;padding:5px;}
.guestbook_list dl dt {border-bottom:1px dashed #e9e9eb;height:26px;line-height:26px;color:#c60f00}
.guestbook_list dl dt span {float:right;line-height:26px;}
.guestbook_list dl dd.g_content {padding:5px;line-height:26px;}
.post_box {border:solid 1px #eee;margin:15px 12px;}
.post_box h5 { line-height:30px; text-align:center; font-size:14px; border-bottom:1px solid #eee; height:30px; background:#e9e9eb; margin-bottom: 10px; padding: 0; }


/*图片展示*/

#posbox {margin:0 auto;width:720px;background:url(../images/box_1.png) no-repeat 0 -215px;height:50px;line-height:50px;overflow:hidden;zoom:1;}
#posbox  h2 {position: relative;float:left;margin-left:152px;_ margin-left:75px;background:none;height:50px;line-height:50px;color:#8F0000;font-size:21px;}
#posbox  h2 span {background: url(../images/white1.png) repeat-x;position: absolute;display: block;width: 100%;height:20px;margin-top:15px;_ margin-top:0px}





.picviewbox {border:1px solid #ddd;}
.f_l {float:left;}.f_r{float:right;}
 
#toolBar {width:720px;overflow:hidden;height:15px;line-height:12px;padding:5px 0;background:#000;}
#toolBar .f_l {margin-left:15px;}
#toolBar .f_l li {float:left;font-size:12px;color:#5C5C5C;padding-right:7px}
#toolBar .f_l li.full {height:12px;background:url(../images/icon.png) no-repeat 0 0;color:#9A9A9A;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .f_l li.play {height:12px;background:url(../images/icon.png) no-repeat 0 -14px;color:#9A9A9A;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .f_l li.stop {height:12px;background:url(../images/icon.png) no-repeat -188px 0;color:#9A9A9A;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .f_l li.save {height:12px;background:url(../images/icon.png) no-repeat 0 -28px;color:#9A9A9A;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .f_l li.save a:hover {color:#9A9A9A;text-decoration:none}
#toolBar .f_r li {float:left;font-size:12px;color:#5C5C5C;padding-right:7px;margin-top:2px;}
#toolBar .f_r li.comment {height:18px;background:url(../images/icon.png) no-repeat 0 -42px;color:#9A9A9A;padding-left:22px;cursor:pointer;padding-right:16px;margin-top:2px;}
#toolBar .f_l li.save a:hover,#toolBar .right li.comment a:hover {color:#9A9A9A;text-decoration:none}

 

#playbox { width:720px; height:320px; text-align:center; margin-top:8px; position:relative; background:white url(http://demo.yourphp.cn/Public/images/msg_loading.gif) no-repeat center; padding: 0; }
.pageLeft {position:absolute;left:0;top:0;width:100%;cursor:pointer;z-index:101}
.pageLeft span {float:left;width:102px;height:95px;margin:0 0 0 24px;_display:inline;background-image: url(http://demo.yourphp.cn/Yourphp/Tpl/Default/Public/images/right.png)!important;/* FF IE7 */background-repeat: no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://demo.yourphp.cn/Yourphp/Tpl/default/Public/images/right.png'); /* IE6 */_background-image: none; /* IE6 */}
.pageLeft span a,.pageRight span a {display:block;position:relative;width:102px;height:95px;}
.pageRight {position:absolute;left:0;top:0;width:100%;cursor:pointer;z-index:101}
.pageRight span {float:right;width:102px;height:95px;margin:0 24px 0 0;_display:inline;background-image: url(http://demo.yourphp.cn/Yourphp/Tpl/Default/Public/images/left.png)!important;/* FF IE7 */background-repeat: no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://demo.yourphp.cn/Yourphp/Tpl/default/Public/images/left.png'); /* IE6 */_background-image: none; /* IE6 */}
.pageLeft-bg {position:absolute;left:0;top:0;width:100%;z-index:100}
.pageRight-bg {position:absolute;left:0;top:0;width:100%;z-index:100}
.pageLeft-bg,.pageRight-bg {background:#fff;filter:alpha(opacity=0); /*IE*/-moz-opacity:0; /*MOZ , FF*/opacity:0;/*CSS3, FF1.5*/}
#PicBox {}
#PicSrc {max-width:880px;}
 
 
#Main-C {width:720px;border-top:1px solid #ddd;height:154px;background:#efefef;}
#Main-C .smallPic {width:710px;overflow:hidden;font-size:12px;}
#Main-C .smallPic a.f_l {width:20px;height:63px;background:url(../images/icon.png) no-repeat -180px -54px;margin:35px 0 0 9px;_display:inline;}
#Main-C .smallPic a.f_l:hover {background:url(../images/icon.png) no-repeat -157px -124px;}
#Main-C .smallPic a.f_r {width:20px;height:63px;background:url(../images/icon.png) no-repeat -157px -54px;margin:35px 9px 0 0;_display:inline;}
#Main-C .smallPic a.f_r:hover {background:url(../images/icon.png) no-repeat -180px -124px;}
#Main-C .smallPic div.f_l { width:636px; height:100px; margin-top:-80px; overflow:hidden; margin-left:36px; _display:inline; position:relative }
#Main-C .smallPic div.f_l a.mask {position:absolute;width:131px;height:97px;display:block;background:url(../images/icon.png) no-repeat 5px -124px;overflow:hidden;z-index:1;left:0px;}
#Main-C .smallPic div.f_l ul { position:absolute; z-index:2; left:0; }
#Main-C .smallPic div.f_l li {float:left;width:131px;height:97px;text-align:center;}
#Main-C .smallPic div.f_l li span{width:114px;height:97px;margin:0 auto;overflow:hidden;margin-top:8px;border:none;}
#Main-C .smallPic div.f_l li span a {width:112px;height:86px;*font-size: 72px;border:1px solid #AEAEAE;overflow:hidden;cursor:pointer;position:relative;margin:0 auto;}
#Main-C .smallPic div.f_l li span   img { max-height:86px; max-width:112px; margin-top: 9px; margin-left: 2px; _width:expression(document.documentElement.clientWidth > 112  && document.documentElement.clientHeight<=document.documentElement.clientWidth  ? "112px" : "auto"); _height:expression(document.documentElement.clientHeight > 86  && document.documentElement.clientHeight>=document.documentElement.clientWidth  ? "86px" : "auto"); }
#Main-C .smallPic div.f_l li.on  a{border:none;}


#Main-C .smallPic div.f_l li a:hover {text-decoration:none;}
#Main-C .smallPic div.f_l li a em { position:absolute; display:block; width:33px; height:14px; line-height:14px; right:4px; bottom:13px; background:#000; color:#fff; text-align:center; font-size:12px; }
#Main-C .smallPic div.f_l li a:hover em {background:#464646;text-decoration:none;color:#fff;}
#Main-C .scrollLine {width:710px;margin:17px auto 0;height:1px;line-height:1px;background:url(../images/ico_1.gif) repeat-x;overflow:visible;position:relative;clear:both;}
#Main-C .scrollLine .scrollButton {position:absolute;left:0;top:-6px;display:block;width:145px;height:13px;background:url(../images/icon.png) no-repeat 0 -106px;cursor:e-resize}

 
#end {width:564px;height:362px;position:absolute;top:-1964px;background:#1C1C1C;border:1px solid #464646;z-index:998;text-align:center;}
#end .close {float:right;width:15px;height:15px;background:url(../images/icon.png) no-repeat -185px -18px;margin:9px 6px 0 0;overflow:hidden;}
#end .end-inner {width:462px;clear:both;margin:0 auto;padding-top:8px;}
#end .firstImg {width:106px;height:96px;display:block;border:1px solid #2E2E2E}
#end .firstImg img {width:106px;}
#end  h2 {font-size:14px;color:#C4C4C4}
#end  h3 {color:#676767;font-size:12px;line-height:24px;height:26px;border:0;border-bottom:1px solid #676767;}
#end  .this_pic {float:left;margin:0 10px 10px 0;}
#end  .posit_pic ul.pic {clear:both;margin-top:20px;}
#end  .posit_pic ul.pic li {float:lft;width:130px;margin:10px 10px;_margin:10px 6px;}
#end  .posit_pic ul.pic li span {width:130px;height:110px;}
#end  .posit_pic ul.pic li span a {width:130px;height:110px;}
#end  .buttonClik {display:block;width:133px;height:24px;background:url(../images/icon.png) no-repeat 0 -232px;text-align:center;line-height:24px;color:#C4C4C4;margin:0 auto;margin-top:15px;}
.buttonClik:hover {text-decoration:none;color:#FFF;}


.pic_list ul.pic { margin: 0 0 0 -5px; padding: 0; list-style-type: none; }
.pic_list ul.pic li { color: #333; font-size: 14px; height:200px; line-height:30px; width: 214px; float: left; margin-left: 10px; padding: 0; }
.pic_list ul.pic li img{ width: 210px; height: 160px; padding: 1px; border: solid 1px #ebebeb; }
.pic_list ul.pic li a{ text-align: center; display: block; }
.pic_list ul.pic li a:hover{ text-decoration: underline; }
.pic_list ul.pic li a:hover img{ border-color: #cf3f0b; }



/**/
.home_news { background-image: url(images/fg_bg.png); background-repeat: no-repeat; background-position: 790px 0; width: 1170px; float: left; }
.home_news .news{ width: 764px; float: left; }
.home_news .news .title{ background-image: url(images/news_title.png); background-repeat: no-repeat; height: 40px; }
.home_news .news .con{}
.home_news .news .con .tupian{ width: 320px; overflow: hidden; float: left; margin-top: 15px; padding-top: 10px; border: solid 1px #ebebeb; }
.home_news .news .con .newslist{ width: 430px; float: right; }

.home_news .news .con .newslist2 ul{ padding-bottom: 6px; }
.home_news .news .con .newslist2 ul li{ background-image: url(images/li02.png); background-repeat: no-repeat; background-position: 4px 12px; text-indent: 18px; border-bottom: 1px dotted #ebebeb; }
.home_news .news .con .newslist2 ul li a{ color: #666; font-size: 14px; line-height: 32px; text-decoration: none; height: 32px; }
.home_news .news .con .newslist2 ul li a:hover{}
.home_news .news .con .newslist2 ul li span{ color: #999; font-size: 14px; font-family: verdana; line-height: 33px; float: right; }


.home_news .wenda{ width: 342px; float: right; }
.home_news .wenda .title{ background-image: url(images/wenda_title.png); height: 40px; }
.home_news .wenda .con{ width: 342px; height: 326px; overflow: hidden; margin-top: 10px; }
.home_news .wenda .con ul{  }
.home_news .wenda .con dl{ padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; }
.home_news .wenda .con dt{}
.home_news .wenda .con dd{}
.home_news .wenda .con .wen{ line-height: 23px; background-image: url(images/wen.png); background-repeat: no-repeat; margin-bottom: 10px; padding-left: 30px; }
.home_news .wenda .con .wen a{ color: #666; font-size: 14px; font-weight: bold; }
.home_news .wenda .con .da{ color: #999; font-size: 14px; font-weight: normal; line-height: 18px; background-image: url(images/da.png); background-repeat: no-repeat; padding-left: 30px; }
.home_news .wenda .con .da a{ color: #999; font-size: 14px; line-height: 20px; }

#tabs{ margin: 0 0 0 330px; padding: 7px 0 0; list-style-type: none; }
#tabs li{  line-height: 32px; text-align: center; width: 98px; height: 32px; float: left; margin-right: 4px; margin-left: 4px; }
#tabs li a{ color: white; font-size: 14px; font-weight: bold; text-decoration: none; }
#tabs li a:hover{ text-decoration: none; }
#tabs .tab-active{ background-color: #0066CC; }
#tabs .tab-nav{ background-color: #57AE00; }
.panel{  }
.panel ul{}
.panel ul li{ background-image: url(images/li02.png); background-repeat: no-repeat; background-position: 4px 12px; text-indent: 18px; border-bottom: 1px solid #ebebeb; }
.panel ul li a{ color: #666; font-size: 14px; line-height: 32px; text-decoration: none; height: 32px; }
.panel ul li a:hover{}
.panel ul li span{ color: #999; font-size: 14px; font-family: verdana; line-height: 33px; float: right; }

.more{ color: white; font-size: 12px; line-height: 36px; float: right; padding-right: 10px; padding-left: 10px; }
.more img{  }
.more a{ color: #fff; }

.home_about { background-image: url(images/fg_bg.png); background-repeat: no-repeat; background-position: 790px 0; width: 1170px; float: left; padding-bottom: 20px; }
.home_about .about{ width: 764px; float: left; }
.home_about .about .title{ background-image: url(images/about_title.png); background-repeat: no-repeat; height: 40px; }
.home_about .about .con{ color: #666; font-size: 14px; line-height: 21px; padding-top: 10px; }
.home_about .about .con h3{ font-size: 18px; line-height: 26px; }
.home_about .about .con h3 i{ font-size: 14px; background-color: #cb000d; width: 3px; margin-right: 4px; }

.home_about .about .cfpic{ overflow: hidden; margin-top: 20px; margin-right: 10px; margin-left: 10px; }
.home_about .about .cfpic ul{ overflow: hidden; margin: 0; padding: 0; list-style-image: url('(EmptyReference!)'); }
.home_about .about .cfpic ul li{ float: left; padding-right: 5px; padding-left: 5px; }
.home_about .about .cfpic ul li a img{ background-color: white; width: 160px; height: 120px; padding: 1px; border: solid 1px #ebebeb; }
.home_about .about .cfpic ul li a:hover img{}

.home_about .contact{ width: 340px; float: right; }
.home_about .contact .title{ background-image: url(images/contact_title.png); height: 40px; }
.home_about .contact .con{ color: #666; }
.home_about .contact .con h2{ font-size: 18px; font-family: 微软雅黑, 黑体; line-height: 50px; }
.home_about .contact .con p{ font-size: 16px; line-height: 26px; }


.homeprod{ padding-bottom: 30px; border-bottom: 1px solid #ebebeb; }
.homeprod .prodcate{ width: 250px; float: left; }
.homeprod .prodcate .title{ background-image: url(images/prodcate_title.png); background-repeat: no-repeat; height: 36px; }
.homeprod .prodcate .title span{ color: #fff; font-size: 16px; line-height: 36px; margin-left: 10px; }
.homeprod .prodcate .con{ border: solid 1px #38ae00; }

#prodcat_box{ margin: 0; padding: 12px; list-style-type: none; }
#prodcat_box li{ border-bottom: 1px solid #ebebeb; }
#prodcat_box li a{ color: #38ae00; font-size: 14px; font-weight: bold; line-height: 40px; background-image: url(images/green_li.png); background-repeat: no-repeat; padding-left: 20px; }
#prodcat_box li ul{ padding-bottom: 12px; }
#prodcat_box li ul li{ background-image: none; padding: 0; border-style: none; border-width: 0; }
#prodcat_box li ul li a{ color: #666; font-size: 14px; font-weight: normal; line-height: 26px; background-image: none; }

.homeprod .prodlist{ width: 908px; float: right; }
.homeprod .prodlist .title{ height: 39px; border-bottom: 1px solid #ebebeb; }
.homeprod .prodlist .title span{ color: #fff; font-size: 16px; line-height: 39px; background-image: url(images/prodlist_span.png); background-repeat: no-repeat; text-align: center; width: 140px; height: 39px; float: left; display: block; }
.homeprod .prodlist .title span.more{ color: #666; font-size: 12px; line-height: 39px; background-image: none; width: 50px; float: right; }
.homeprod .prodlist .con{}
.homeprod .prodlist .con ul{ margin: 10px 0 0 -13px; padding: 0; list-style-type: none; }
.homeprod .prodlist .con ul li{ text-align: center; width: 214px; height: 200px; float: left; margin: 0 0 10px 13px; padding: 0; }
.homeprod .prodlist .con ul li a{ color: #333; font-size: 14px; line-height: 30px; text-decoration: underline; text-align: center; float: left; }
.homeprod .prodlist .con ul li img{ background-color: white; width: 210px; height: 166px; float: left; padding: 1px; border: solid 1px #ebebeb; }
.homeprod .prodlist .con ul li a:hover{}