*{ padding:0; margin:0;}

body{ background:#000 url(../images/bg1.gif) repeat-x; font:normal 12px Arial, Helvetica, sans-serif; text-align:center; color:#fff;}

a img{ border:0 none;}

fieldset{ border:0 none;}

ul{ list-style:none;}

.clear{ clear:both;}

.container{ width:993px; margin:0 auto; text-align:left; background:url(../images/bg2.jpg) no-repeat 5px 0;}

a{ color:#fff; text-decoration:none;}

a:hover{ text-decoration:underline;}



/**** header ****/

.header{ position:relative;}

.logo{ padding:0 0 0 22px; display:inline-block;}

.website{ position:absolute; right:28px; top:20px; color:#fff; font-weight:bold;}

.website a{ font-weight:bold; color:#fff; margin-right:17px; text-decoration:none;font-size:16px;}

.website a:hover{ text-decoration:underline;}

.header fieldset{ position:absolute; right:252px; top:72px;}

.header fieldset img, .header fieldset input{ vertical-align:middle;}

.header .input{ width:219px; height:16px; padding:0 8px; margin:0 11px; font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#666; line-height:16px;}

.header .search{ width:70px; height:22px; line-height:22px; text-align:center; display:inline-block; border:0 none; background:url(../images/button1.gif) no-repeat; cursor:pointer; text-transform:uppercase; font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff;}

.set{ position:absolute; right:17px; top:75px; top:77px\9; color:#fff; line-height:14px;}

.set a{ color:#fff; text-decoration:underline; margin:0 11px; text-transform:uppercase;}

.set a:hover{ text-decoration:none;}



/**** mainNav ****/

.mainNav{ height:48px; width:988px; padding-left:5px; background:url(../images/bg3.gif) no-repeat right top; position:absolute; z-index:20;}

.mainNav li{ font:normal 18px Arial, Helvetica, sans-serif; color:#fff; float:left; padding:6px 0 5px 0; text-align:center; cursor:pointer; position:relative; z-index:1000;}

.mainNav li .nav{ display:block; height:37px; line-height:37px;}

.mainNav li .nav:hover, .mainNav li .on{ background:url(../images/bg18.gif) repeat-x; text-decoration:none;}

.mainNav .menu1, .mainNav .menu1_2, .mainNav .menu1 .nav, .mainNav .menu1_2 .nav{ width:138px;}

.mainNav .menu1 .nav:hover, .mainNav .menu1_2 .nav:hover, .mainNav .menu1 .on, .mainNav .menu1_2 .on{ background:url(../images/bg19.gif) no-repeat left bottom;color:#fff;}

.mainNav .menu2, .mainNav .menu2_2, .mainNav .menu2 .nav, .mainNav .menu2_2 .nav{ width:164px;}

.mainNav .menu3, .mainNav .menu3_2, .mainNav .menu3 .nav, .mainNav .menu3_2 .nav{ width:173px;}

.mainNav .menu4, .mainNav .menu4_2, .mainNav .menu4 .nav, .mainNav .menu4_2 .nav{ width:117px;}

.mainNav .menu5, .mainNav .menu5_2, .mainNav .menu5 .nav, .mainNav .menu5_2 .nav{ width:190px;}

.mainNav .menu6, .mainNav .menu6_2, .mainNav .menu6 .nav, .mainNav .menu6_2 .nav{ width:201px;}

.mainNav .menu6 .nav:hover, .mainNav .menu6_2 .nav:hover, .mainNav .menu6 .on, .mainNav .menu6_2 .on{ background:url(../images/bg20.gif) no-repeat left bottom;}

.mainNav .menu1 .list, .mainNav .menu2 .list, .mainNav .menu3 .list, .mainNav .menu4 .list, .mainNav .menu5 .list, .mainNav .menu6 .list{ display:block; z-index:1000;}

.mainNav .menu1_2 .list, .mainNav .menu2_2 .list, .mainNav .menu3_2 .list, .mainNav .menu4_2 .list, .mainNav .menu5_2 .list, .mainNav .menu6_2 .list{ display:none;}

.mainNav .list{ text-align:left;z-index:200;}

.mainNav .list a{ display:block; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; height:16px; line-height:16px; padding:0 3px 0 30px; background-color:#045800; -moz-opacity:0.8; opacity: 0.8; filter: Alpha(Opacity=80)\9; margin:0 0 1px 0;}

.mainNav .list a:hover{ background-color:#00CC00;}
.mainNav .list a:visited{color:#fff;}



/***** content ******/

.content{ padding:48px 5px 38px 4px; background:#4a5658 url(../images/bg5.gif) no-repeat right bottom;}

.product1{ width:964px; height:148px; border:1px solid #1e2223; background:url(../images/bg4.gif) repeat-x; margin-top:5px; padding-left:18px;}

.product1 li{ width:150px; padding:14px 10px 0 0; float:left; text-align:center;}

.product1 li img{ margin-bottom:5px;}

.product1 li a{ text-decoration:none; font-weight:bold; color:#ccc;}

.product1 li a:hover{ color:#fff;}



/**** content1 *****/

.content1{ width:642px; float:left; margin:18px 0 0 22px; display:inline;}

.title{ background:url(../images/icon1.gif) no-repeat 1px 0; padding:0 1px 9px 26px; border-bottom:2px solid #8cff00; font-size:14px; color:#8cff00; line-height:16px;}

.title a{ display:inline-block; background:url(../images/icon2.gif) no-repeat 0 7px; padding-left:9px; float:right; font:normal 9px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; line-height:20px;}

.title a:hover{ text-decoration:underline;}

.welcome{ margin:7px 0 25px 2px;}

.welcome p{ text-indent:20px; font-size:13px; color:#e4e4e4; line-height:16px;}



/**** content2 *****/

.content2{ width:272px; float:left; display:inline; margin:18px 0 0 25px;}

.news1{ margin-top:10px;}

.news1 li{ margin-bottom:3px;}

.news1 span{ float:right; font-size:11px; font-weight:normal; color:#e4e4e4;}

.news1 h3 a{ font-size:12px; color:#e4e4e4; text-decoration:none; margin-right:4px; letter-spacing:-0.5px;}

.news1 h3 a:hover{ text-decoration:underline;}

.news1 p{ font-size:11px; color:#999;}

/*首页产品分类*/



.proclass{
  margin:5px 10px;
  height:120px;
  background:yellow;
}
.proclass .proclass_class{
  margin:5px 5px;
  width:150px;
  _width:148px;
  height:110px;
  background:green;
  float:left;
}
.proclass .proclass_class h1{
 font-size:12px;
 text-align:center;
}
.proclass .proclass_class  ul{
 margin-top:10px;
 margin-left:15px;
 line-height:180%;
}
.proclass .proclass_class ul.leddown li{
 float:left;
 width:40px;
}
.proclass .proclass_class ul.cabinet li{
 float:left;
 width:60px;
}
.proclass .proclass_class ul.ceiling li{
 float:left;
 width:40px;
}




/**** product2 ****/

.product2{ margin:0 0 0 20px;}

.product2 li{ width:210px; height:135px; background:url(../images/bg6.jpg) no-repeat; float:left; padding-right:9px; position:relative;}

.product2 h3{ font-size:14px; padding:15px 0 0 17px; line-height:16px;}

.product2 p{ width:73px; height:45px; overflow:hidden; margin:11px 0 0 17px; font-size:11px; line-height:15px;}

.product2 p a{ line-height:15px;}

.product2 .detail{ display:block; margin:9px 0 0 17px;}

.product2 .img{ position:absolute; right:21px; bottom:5px; width:79px;}

/**** contact ****/

.contact{ width:279px; height:135px; background:url(../images/bg7.jpg) no-repeat; margin-left:12px; float:left; display:inline; position:relative;}

.contact p{ font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#aeb8c2; padding:113px 25px 0 23px;}

.contact .click{ float:right; text-decoration:underline; color:#aeb8c2; padding-left:12px; background:url(../images/icon4.gif) no-repeat left center;}

.contact .tel{ padding:0; font:normal 14px Verdana, Arial, Helvetica, sans-serif; color:#abbcca; line-height:21px; position:absolute; top:50px; left:34px;}

.contact .tel a{ color:#abbcca;}
.contact .onlinemessage{ position:absolute; right:25px; top:10px;}

.contact .skype{ position:absolute; right:59px; top:63px;}

.contact .msn{ position:absolute; right:11px; top:65px;}



/**** footer ****/

.footer{ height:144px; background:url(../images/bg8.jpg) no-repeat right top; padding:16px 43px 0 14px;}

.footerCont{ float:right;}

.footerCont li{ color:#999; line-height:21px;}

.footerCont li img{ vertical-align:middle; margin:0 3px 0 0;}

.footerCont li a{ color:#999; text-decoration:none;}

.footerCont .links a, .footerCont .links{ font:bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff;}

.footerCont .links a{ text-decoration:none;}

.footerCont .links span{ margin:0 12px;}

.footerCont .links{ padding:2px 5px 7px 2px; background:url(../images/line1.gif) repeat-x left bottom; margin-bottom:4px;}

.footerCont li a:hover{ text-decoration:underline;}
.footerCont .icon{
  clear:both;
  margin-top:-10px;
  background:red;
  width:388px;
  height:36px;
}
.footerCont .icon img{
  margin-top:-10px;
  margin-left:20px;
 

}


/***** subNav ****/

.subNav{ width:229px; margin-top:6px; float:left;}

.title2, .title3{ height:24px; border:1px solid #050505; background:url(../images/bg9.gif) repeat-x; font-size:14px; font-weight:bold; line-height:24px; padding:0 12px 0 20px;}

.title2 .icon, .title3 .icon{ float:right; margin-top:10px;}

.subNav .contact{ margin:8px 0 0 0; width:230px; height:135px; background:url(../images/bg10.jpg) no-repeat;}

.subNav .contact p{ padding:113px 25px 0 12px;}

.subNav .contact .tel{ padding:0; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; line-height:20px; position:absolute; top:54px; left:29px; letter-spacing:0; letter-spacing:-1px\9;}

.subNav .contact .tel a{ color:#fff;}

.subNav .contact .skype{ right:45px; top:66px;}

.subNav .contact .msn{ right:5px; top:67px;}

.subNav dl{ margin-top:3px; border-top:1px solid #050505; clear:both;}

.subNav dd, .subNav dt{ border-left:1px solid #050505; border-right:1px solid #050505;}

.subNav dt{ height:27px; background:url(../images/bg11.gif) repeat-x; border-bottom:1px solid #4a9c40; overflow:hidden;}

.subNav a{ display:block;}

.subNav dt a, .subNav dt.on a{ font:bold 14px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; line-height:27px; padding-left:28px; background:url(../images/icon9.gif) no-repeat 12px 9px;}

.subNav .last{ border:0; height:30px; background:url(../images/bg12.gif) no-repeat;}

.subNav dd{ position:relative;}

.subNav dd img{ position:absolute; left:29px; top:9px;}

.subNav dd a{ display:block; padding-left:45px; height:28px; border-bottom:1px solid #62756b; background-color:#2e473a; /*url(../images/icon10.gif) no-repeat 29px 9px;*/ font-weight:bold; color:#3c0; text-decoration:none; line-height:28px; cursor:pointer;}
.subNav dd ul li a, .subNav dd.on ul li a{background:none;}
.subNav dd ul li a, .subNav dd.on ul li a:hover{background:url(../images/bg22.gif) repeat-x;}
.subNav dd ul li a, .subNav dd.on ul li a:link{background:none;}
.subNav dd ul li a, .subNav dd.on ul li a:active{background:none;}
/*.subNav dd a, .subNav dd .accordion_headings{ display:block; padding-left:45px; height:28px; border-bottom:1px solid #62756b; background:#2e473a url(../images/icon10.gif) no-repeat 29px 9px; font-weight:bold; color:#3c0; text-decoration:none; line-height:28px; cursor:pointer;}

.subNav dd .header_highlight{ background-image:url(../images/icon11.gif); cursor:pointer;}

.subNav .accordion_child li a{ height:28px; padding-left:62px; background:#2e473a url(../images/icon11.gif) no-repeat 42px 9px;}*/

.subNav dd a:hover, .subNav .on a{ background:url(../images/bg22.gif) repeat-x; color:#fff; text-decoration:none;}

.subNav dt.on{ background:url(../images/bg22.gif) repeat-x;}

.subNav dt.on a{ background:url(../images/icon26.gif) no-repeat 12px 9px;}



/**** mainContent *****/

.mainContent{ width:748px; float:left; margin:6px 0 0 6px; display:inline;}

.mainContent .title2, .title3{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; _padding-top:4px; _height:20px;}

.mainContent .title2 .icon, .title3 .icon{ _margin-top:6px;}

.title2 .icon2, .mainContent .title2 a, .title3 .icon2, .title3 a{ vertical-align:middle;}

.title2 .icon2, .title3 .icon2{ margin-right:6px;}

.mainContent .title2 a, .title3 a{ color:#fff; text-decoration:none; line-height:24px;}

.mainContent .title2 a:hover, .title3 a:hover{ text-decoration:underline;}



/**** productIntro ****/

.productIntro{ margin:3px 0 12px 0; background:#212728 url(../images/bg13.gif) repeat-x; padding:15px 0 32px 38px; *padding:15px 0 27px 38px; clear:both;}

.productIntro h2{ font-weight:bold; font-size:16px; color:#3f0; margin-bottom:10px; height:22px;}

.intro img, .intro p{ float:left;}

.intro p{ width:522px; display:inline; margin:0 0 0 12px; font:normal 12px Verdana, Arial, Helvetica, sans-serif; line-height:16px;  color:#C0C0C0;}

.productIntro h3{ font-size:14px; margin:20px 0 15px 0; height:19px;}

.productIntro li{ float:left; margin:0 8px 10px 0; text-align:center;}

.productIntro li img{ margin-bottom:5px;}

.productIntro li a:hover{ text-decoration:none; color:#3c0;}



/***** productList ******/

.productList, .newsList, .application{ background:#2c3435 url(../images/bg14.gif) repeat-x; padding:12px 0 0 35px;}

.list1 li{ padding:16px 30px 10px 0; background:url(../images/line1.gif) repeat-x left bottom; width:147px; height:182px; float:left;}

#DivCityFrame{ position:relative; width:1px; height:1px; z-index:999;}

.list1 .cell{ cursor:pointer;}

.list1 li a, .application li a{ color:#fff; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; display:block; position:relative;}

.list1 .hot .new{ position:absolute; top:-1px; left:-1px;}

.list1 li strong, .list1 li span, .application li span{ padding-left:28px; line-height:15px; height:17px; overflow:hidden; display:inline-block;}

.list1 li strong{ padding-top:5px; display:inline-block;}

.list1 li strong, .list1 li span{ padding-left:0;}

.list1 .last{ background:none; padding-bottom:42px;}

.list1 li a:hover, .application li a:hover{ color:#3f0;}

/** 提示框的样式 **/

.list1 .cell .cellIn{ border:1px solid #000; position:absolute; right:0; top:-185px; display:none; z-index:1000; font-size:11px; font-weight:bold;}

.list1 table td, .list1 table th, .list1 .last table td, .list1 .last table th{ padding:0 5px; height:18px;background-color:#fff; color:#000; background-image:none; border-bottom:1px dotted #000; white-space:pre; text-align:left;}

.list1 .bg2 td, .list1 .bg2 th, .list1 .last .bg2 td, .list1 .last .bg2 th{ background-color:#c0c0c0;}

.list1 .space3 .cell .cellIn, .list1 .space3 .cell .last .cellIn, .list1 .space2 .cell .cellIn{ left:auto; right:-80px;}



/**** page ****/

.page{ height:39px; background:url(../images/bg15.gif) repeat-x; padding:10px 30px 0 0; text-align:right;}

.page a, .page img{ color: #fff; text-decoration:none; vertical-align:middle; display:inline-block; margin:0 1px;}

.page em{ font-style:normal; text-decoration:underline;}

.page span{ font-size:17px;}

.page a:hover, .page .on{ font-weight:bold; color:#f60;}

.page .prev{ margin:0 4px;}



/**** mainContent2 *****/

.subContent{ padding-bottom:6px;}

.mainContent2{ margin-top:3px; background:#212728 url(../images/bg16.gif) repeat-x; border:1px solid #212728;}



/**** intro2 ****/

.intro2{ padding:19px 0 0 35px;}

.intro2 li{ float:left; width:520px;}

.intro2 .productImg, .intro2 .productImg1{ border:3px solid #ccc; cursor:pointer;}
.intro2 .productImg .img1, .intro2 .productImg1 .img2{ display:block;}
.intro2 .productImg1 .img1, .intro2 .productImg .img2{ display:none;}

.intro2 .img{ width:345px; margin-right:40px;}

.intro2 .img a{ margin:28px 0 25px 42px; display:inline-block;}

.intro2 .select{ padding-bottom:15px; background:url(../images/line1.gif) repeat-x left bottom; margin-bottom:20px; height:20px;}

.intro2 .select a{ width:233px; padding-left:25px; display:inline-block; text-decoration:none; font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; line-height:20px; height:20px; overflow:hidden; float:left;}

.intro2 .select .prev{ background:url(../images/button3.gif) no-repeat; margin-right:3px;}

.intro2 .select .next{ background:url(../images/button4.gif) no-repeat;}

.intro2 .select a:hover{ text-decoration:underline;}

.intro2 h2{ font-size:16px; color:#3f0; padding-left:24px; background:url(../images/icon15.gif) no-repeat 0 4px; line-height:18px; clear:left; height:18px;}

.intro2 .info{ margin:15px 0 0 24px; font-size:13px; line-height:22px; color:#C0C0C0;}



/**** function ****/

.mainContent2 h3{ height:24px; background:url(../images/bg9.gif) repeat-x; margin-left:38px; width:847px; font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#3c0; padding-left:57px;}

.function{ padding:3px 0 8px 15px; background-color:#4a5658; width:889px; margin:0 0 28px 38px;}

.function table{ width:872px; border-collapse:collapse;}

.function td{ width:483px; height:25px; /*background:url(../images/line2.gif) repeat-x left bottom;*/ font:normal 12px Verdana, Arial, Helvetica, sans-serif; border:1px solid #333; padding-left:8px;}

.function .title4{ width:395px;}

.function .title4 span{ margin:0 15px 0 44px;}

.function .last td{ background:none;}



/**** imgList ****/

.imgList{ margin-left:24px; width:932px; background:url(../images/line3.gif) repeat-x left bottom;}

.imgList li{ text-align:center; padding:26px 0; background:url(../images/line3.gif) repeat-x left top;}



/**** Comments ****/

.Comments{ width:906px; margin-left:40px; padding-bottom:12px;}

.Comments h4{ margin:10px; font-size:14px;}

.Comments h3{ margin:0; border:1px solid #050505;}

.Comments fieldset{ background-color:#646869; margin:3px 0 0 0; padding:10px 0 8px 17px;}

.Comments th{ width:84px; font-size:13px; vertical-align:top; padding-top:0; *padding-top:4px;}

.Comments td{ padding-bottom:7px;}

.Comments input, .Comments textarea{ padding:3px 4px 0 4px; border:1px solid#999; font-size:12px; color:#666;}

.Comments input{ height:16px; width:227px;}

.Comments textarea{ width:669px; height:77px; line-height:17px;}

.Comments .code{ width:177px; margin-right:8px; vertical-align:middle;}

.Comments img{ vertical-align:middle; cursor:pointer;}

.Comments fieldset span{ font:bold 20px Arial, Helvetica, sans-serif; color:#f33; margin-left:4px; vertical-align:top; line-height:20px;}

.Comments .button{ width:113px; height:23px; padding:0; border:0 none; background:url(../images/button7.gif) no-repeat; cursor:pointer;}



/**** items ****/

.items{ margin-top:5px; background-color:#212728; padding:17px 38px 25px 38px;}

.title5{ height:24px; background:url(../images/bg17.gif) repeat-x; font:bold 13px Verdana, Arial, Helvetica, sans-serif; line-height:24px; border:1px solid #0e7b00; padding:0 18px 0 12px;}

.title5 a{ display:inline-block; background:url(../images/icon2.gif) no-repeat 0 10px; padding-left:9px; float:right; font:normal 9px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; line-height:24px;}

.title5 a:hover{ text-decoration:underline;}

.items .bg{ margin-top:2px; background-color:#646869; padding:5px 0 10px 25px;}

.items li{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; width:316px; height:23px; overflow:hidden; background:url(../images/line3.gif) repeat-x left bottom; float:left;}

.items .left{ margin-right:179px;}

.items li a{ padding-left:11px; background:url(../images/icon16.gif) no-repeat left center; text-decoration:none; color:#fff; line-height:23px;}

.items li a:hover{ text-decoration:underline;}

.items .last{ background:none;}



#show_detail{position:absolute;background:#ccc; padding:9px;border:1px #fff solid;}



/***** news ******/

.newsList, .application{ margin-top:4px; padding-bottom:10px;}

.newsList li{ width:680px; height:25px; line-height:25px; padding:0 5px; overflow:hidden; background:url(../images/line1.gif) repeat-x left bottom; clear:both;}

.newsList li span{ float:right;}

.newsList li a{ text-decoration:none; color:#fff; padding-left:12px; background:url(../images/icon4.gif) no-repeat 0 8px; display:inline-block; width:580px; overflow:hidden;}

.newsList li a:hover{ text-decoration:underline;}



/****** application ******/

.application li{ width:147px; float:left; padding:16px 30px 10px 0;}

.application li .appImg{ margin:0 0 5px 0; width:146px; height:146px; overflow:hidden; display:block; padding-left:0;}

.application .app_img{ float:left; width:450px;}

.application .app_text{ padding-left:20px; width:212px; float:left; line-height:180%;}



/***** news_detail *****/

.newsList .text{ width:690px; text-align:justify; line-height:160%; padding:4px 0; color:#C0C0C0;}



/*** Online Message ****/

.t_d th{ padding-right:30px; text-align:right;}

.t_d th, .t_d td{ padding-bottom:10px;}

.t_d input, .t_d textarea{ font:normal 12px Arial, Helvetica, sans-serif; line-height:150%; border:1px solid #ccc;}

.t_d .i_a{ width:200px;}

.t_d .textarea_a{ width:450px;}

.t_d .ys_input2{ width:72px; height:20px; display:block; text-align:center; font:bold 13px Arial, Helvetica, sans-serif; color:#fff; line-height:18px; background:url(../images/bg21.gif) no-repeat; border:0; cursor:pointer;}



/***** contact2 *****/

.contact2 p{ margin:0 46px 10px 20px; font:bold 13px Arial, Helvetica, sans-serif; color:#ccc; line-height:17px;}

.contact2 a{ color:#ccc;}

.contact2 .name{ margin-left:58px;}

.contact2 .icon{ padding-left:40px; height:29px; line-height:29px;}

.contact2 .email{ background:url(../images/icon19.gif) no-repeat;}

.contact2 .tellephone{ background:url(../images/icon20.gif) no-repeat;}

.contact2 .fax{ background:url(../images/icon21.gif) no-repeat;}

.contact2 .msn{ background:url(../images/icon22.gif) no-repeat;}

.contact2 .skype{ background:url(../images/icon23.gif) no-repeat;}


.productImg img{width:339px; height:339px;}


.t_d th .t_d_a{ color:red; margin-right:5px;}
.t_d td .t_d_a{ color:red; margin-right:5px;}

.intro dt{ font:bold 14px Arial, Helvetica, sans-serif;}

.intro dd{ padding-left:15px;}
.certificate{
 text-align:center;
 margin-top:20px; 
 margin-bottom:10px;
}
.video{
 text-align:center;
 margin-top:20px; 
 margin-bottom:10px;
 width:476px;
 margin-left:120px;
}