body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0;padding: 0;} body, button, input, select, textarea { font: 14px/1.5 "microsoft yahei",Arial,sans-serif; background-color: #f5f5f5; color:#333;} h1, h2, h3, h4, h5, h6 { font-size: 100%; } ul, ol { list-style: none;} a { text-decoration: none; color:#333;} a:hover { color:#cb4952; } sup { vertical-align: text-top;} sub { vertical-align: text-bottom;} legend { color: #000;} fieldset, img { border: 0;} em {font-style:normal;} button, input, select, textarea { font-size: 100%; padding:0; border:none;} :focus {outline:none;} table { border-collapse: collapse; border-spacing: 0;} .imgts { transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease; } .imgts:hover { transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);} /* wrapper */ .wrapper {width:1000px; margin:0 auto; overflow:hidden;} /* float */ .fl {float:left;} .fr {float:right;} /* position */ .posr {position:relative;} .posa {position:absolute;} /*biomass boiler special*/ .top { width: 100%; height: 60px; line-height: 60px; background-color: #fff; overflow: hidden; } .top .logo { background: url(images/logo.jpg) no-repeat; text-indent: 200px; width: 400px; float: left; font-size: 12px; } .top ul { float: right; width: 600px; } .top ul li { float: right; margin-left: 10px; } .banner { background: url(images/banner.jpg) 50% top no-repeat; height: 506px; padding-bottom: 40px; } .banner h1 { text-indent: -1000px; overflow: hidden; } .banner .lead { background-color: #fff; border: 3px solid #00a8ff; padding: 25px 35px 25px 120px; width: 839px; margin: 345px auto 0; line-height: 28px; border-radius: 5px; position: relative; } .banner .lead img { position: absolute; top: 26px; left: 40px; } .box { margin-bottom: 40px; background-color: #fff; } .box h2 em { float: right; padding-right: 10px; font-size: 15px; } .box h2.blue { color: #ffffff; background-color: #00a8ff; font: bold 18px/42px "microsoft yahei"; } .box h2.blue span { color: #ffcd00; padding: 0 10px 0; } .box h2.yellow { color: #505050; background-color: #ffcd00; font: bold 18px/42px "microsoft yahei"; } .box h2.yellow span { color: #00a8ff; padding: 0 10px 0; } .ny,.qs,.xz,.tp,.lc { padding: 20px 10px; line-height: 28px; overflow: hidden; } .ny ul { margin: 0 10px; overflow: hidden; } .ny ul li { width:300px; float: left; font-size: 12px; overflow: hidden; } .ny li img { margin-left: 50px; position: relative; z-index: 99; -webkit-transition: -webkit-transform 1.2s ease-out; -moz-transition: -moz-transform 1.2s ease-out; -o-transition: -o-transform 1.2s ease-out; -ms-transition: -ms-transform 1.2s ease-out; } .ny li:hover img { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); } .ny ul li.mid { margin: 0 30px; } .ny ul li h3 { font-size: 14px; position: relative; z-index: 999; text-align: center; } .xz { background: url(images/bg_xz.png) 275px 60px no-repeat; position: relative; height: 350px; } .xz p { text-align: center; margin-bottom: 20px; } .xz div { width: 280px; font-size: 12px; position: absolute; line-height: 24px; } .xz div span { font-weight: bold; } .xz div em { color: #cb4952; font-weight: bold; } .xz .it1 { left:30px; top:65px; } .xz .it2 { left:695px; top: 70px; } .xz .it3 { left:30px; top:185px; } .xz .it4 { left:695px; top:168px; } .xz .it5 { left:30px; top:256px; } .xz .it6 { left:690px; top:290px; } .qs,.fw { _zoom: 1; } .qs .intro { width: 600px; float: left; margin-left: 10px; _display:inline; } .qs .intro .img { float: left; width: 240px; height: 195px; border: 2px #f5f5f5 solid; margin: 12px 20px 0 0; overflow: hidden; } .qs .intro .img img { width: 240px; height: 195px; } .qs .intro p { padding-top: 30px; } .qs .gnw { width: 340px; float: right; background-color: #f5f5f5; margin-right: 10px; _display:inline; } .qs .gnw h3{ height:30px; line-height:30px; padding-left:20px;  border-top:1px solid #ffffff; background:#eaeaea; cursor:pointer; font: normal 14px/32px "Microsoft YaHei"; } .qs .gnw h3 em{ float:right; display:block; width:40px; height:30px; background:url(images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; } .qs .gnw h3.on em{ background-position:16px -57px; } .qs .gnw ul{ padding:10px 20px; height: 142px; display:none;} .lc { margin: 0 10px; position: relative; } .case-wrapper { margin-top: 20px; height: 400px; z-index: 0; } .case-intro { background: #f5f5f5; height: 400px; width: 346px; } .case-intro h2 { text-align: center; margin: 26px 0 10px; font: normal 20px/2 "Microsoft Yahei",Simsun; } .case-intro p { padding: 0 30px 0; color: #333; font: normal 14px/1.8 "Microsoft Yahei",Simsun; margin-top: 14px; } .case-title { text-align: center; margin-top: 30px; } .case-title li { display: inline-block; border-top: 1px solid #eaeaea; padding: 6px 40px; line-height: 2; margin: 0 6px; cursor: pointer; *display: inline;} .case-title li:hover { border-top: 1px solid #00a8ff; } .case-title li.cur { border-top: 5px solid #00a8ff; cursor: default; } .case-prev, .case-next { z-index: 2; position: absolute; width: 30px; height: 30px; left: 24px; bottom: 105px; display: block; background: url(images/prev-next.png) no-repeat 0 0; font-size: 12px; text-indent: -99999px; } .case-next { left: 59px; background-position: -45px 0; } .tp { margin: 0 10px; } .tp h4 { background-color: #eaeaea; line-height: 40px; text-indent: 20px; } .tp h4 a { font-weight: normal; font-style: italic; } .tp h4 a:hover { font-style: normal; font-weight: bold; } .proBox { position: relative; width:960px; height:410px; overflow: hidden; } .proBox .pic{ position:relative; margin-top: 60px; z-index:0; } .proBox .pic img { width:400px; height:300px; *float: left; margin-top: 15px;} .proBox .pic img { width:400px; height:300px; margin-top: 15px; *float: left; *margin-top: 75px; } .proBox .pic dl { width: 510px; float: right; margin-top: 15px; *margin-top: 75px; font-size: 13px; line-height: 24px; } .proBox .pic dl dd { margin-bottom: 10px; } .proBox .pic dl dd span { font-weight: bold; } .proBox .hd { width:100%; position: absolute; top: 10px; text-align: center; z-index:1; } .proBox .hd li{margin: 0 5px; height: 30px; overflow: hidden; width: 160px; cursor: pointer; display:inline-block; *display:inline; zoom:1; font-weight: bold; background-color: #eaeaea; } .proBox .hd .on{ background-color: #ffcd00;} .proBox .prev, .proBox .next { width: 40px; height: 90px; margin: -60px 0 0; display: none; background: url(images/arrow.png) no-repeat -5px 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  } .proBox .prev { left: 0; } .proBox .next { background-position: -14px -90px; right: 0; } .proBox .prev:hover, .proBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  } .fw { padding: 20px; line-height: 28px; overflow: hidden; } .fw form span { width: 60px; display: block; float: left; } .fw form input,.fw form textarea { background-color: #f5f5f5; width: 250px; _width: 247px; } .fw form input:hover,.fw form textarea:hover { background-color: #fdf7dd; } .fw form input { margin-bottom: 15px; *margin-bottom: 13px; line-height: 27px; height: 27px; } .fw form textarea { margin-bottom: 0px; line-height: 20px; height: 61px; overflow: hidden; } .fw .sub input,.fw .sub input:hover { width: 80px; cursor: pointer; height: 25px; margin-left: 68px; margin-top: 5px\9; background: none; background-color: #eaeaea; } .fw div { float: left; overflow: hidden; } .fw div.w310 { width: 310px; } .fw div.w260 { width: 260px; } .fw div.mid { margin: 0 40px; } .fw div h3 { border-bottom: 1px dashed #eaeaea; font: bold 16px/42px "microsoft yahei"; margin-bottom: 10px; } .fw div dd { line-height: 30px; text-indent: 10px; } .fw div h3.last { margin-top: 5px; font-size: 12px; position: relative; border-bottom: none; } .weixin { width: 98px; height: 98px; position: absolute; top: -68px; left: 125px; background: url(http://static.zzboiler.com/img/ico-g.png) 0 -288px no-repeat; overflow: hidden; display: none; } .footer { border-top: 2px solid #00a8ff; background-color: #333333; font: 13px/52px "microsoft yahei"; } .footer,.footer a,.footer a:hover { color: #cdcccc; }