@charset "UTF-8";

/* content */
.mfpic {background:url(pic3.jpg) 50% top no-repeat; height:200px;}
.copyright { border-top: none;}
.fltl { float:left;}
.fltr {float:right;}
.smain { width:1000px; margin:0 auto;}
.video {width:540px; height:452px; border-top:2px solid #ccc; background:url(video.jpg) 10px 50px no-repeat;}
.video h2 { background:url(icon.png) 0 4px no-repeat; height:50px; font:16px/50px "宋体", sans-serif; font-weight:bolder; text-indent:45px;}
.info {width:370px; height:402px; padding:20px 10px; border:1px solid #ccc;}
.info h2 { background:url(icon.png) -4px -84px no-repeat; height:30px; font:16px/30px "宋体", sans-serif; font-weight:bolder; text-indent:21px;}
.info .intro {margin-top:20px;}
.info .linebr {margin:30px 0; border-top:1px dashed #666;}
.info .cpmt {margin-bottom:10px;float:left;/* font-weight:bold; */ font-family:"宋体";}
.info .cpmt span {display:block;width:120px;height:20px; background-color:#264b80; text-align:center;float:left;color:#f1f1f1;margin-right:5px;}
.jiegou { text-align:center;}
.jiegou h2 {background:url(bg-jiegou.png) left top no-repeat; height:62px; text-align:left;  font:16px/72px "宋体",Verdana, Arial, sans-serif; font-weight:bolder; color:#f1f1f1; text-indent:20px;}
.jiegou img {margin-top:20px;}
/* middle */
.middle {overflow:hidden;}
.midleft {width:685px;}
.application { height:auto;}
.application .pdf {display:block; background:url(icon.png) 0 -225px no-repeat; width:135px; height:25px; line-height:30px; text-indent:43px; left:523px; top:0px; color:#009af0;}
*html .application .pdf { background:url(icon.png) 0 -222px no-repeat; width:80px;  text-indent:23px;color:#009af0;}
*html .application .pdf:hover { width:80px;  text-indent:23px;color:#009af0;}
*+html .application .pdf { width:72px;  text-indent:15px;color:#009af0;}
*+html .application .pdf:hover { width:72px;  text-indent:15px;color:#009af0;}
.project-tab { overflow:hidden; }
.project-tab li {float:left; margin-right:2px; background-color:#f0f0f0; font-size:14px;}
.project-tab li a { cursor:pointer; display:block;padding:0 30px;height:35px; line-height:38px;background-color:#f0f0f0; _width:110px; _padding:0 20px;font-weight: bold; }
.project-tab li a:hover { text-decoration:none; background-color:#5c5c5c; color:#ffffff;}
.project-tab .tabnow a { text-decoration:none; background-color:#5c5c5c; color:#ffffff;}
.project-list { padding-top:10px;
    height: 449px; border-top:3px #5c5c5c solid; _clear:both;
    overflow: hidden;}
.project-list li {margin-bottom:5px; line-height:26px;}
.project-list p {line-height:26px;}
.project-list h3 {
    line-height: 40px;
    font-size: 14px;
    /*background:url(ico_1.gif) left 12px no-repeat;*/
}
.vs { height:404px; /* background:url(vs.png) 0 40px no-repeat; */ font-family:"宋体";}
.vs h2 {background:url(bg-vs-h.png) 0 0 no-repeat; height:32px; font:14px/32px "宋体",Verdana, Arial, sans-serif; font-weight:bolder; color:#000; text-indent:10px;}
.vs h2 span {color:#f1f1f1; font-size:18px;}
.vs1 {left:37px; top:63px; width:190px;}
.vs2 {left:450px; top:63px; width:190px;}
.vs3 {left:27px; top:236px; width:160px;}
.vs4 {left:494px; top:225px; width:150px;}
.vs5 {left:39px; top:408px; width:190px;}
.vs6 {left:465px; top:418px; width:180px;}
.vs7 {list-style:none;left:24px; top:551px; width:205px;}
.vs8 {list-style:none;left:437px; top:551px; width:205px;}
.other {border:1px solid #eae8e8; padding:0 10px; overflow:hidden; *height:202px;}
.other h2 { background:url(icon.png) 0 -151px no-repeat; height:32px; font:14px/32px "宋体",Verdana, Arial, sans-serif; font-weight:bolder; text-indent:30px; border-bottom:1px #eae8e8 dashed;}
.other ul { margin:10px 0;}
.other ul li {float:left; margin:5px 10px; _display:inline;}
.other ul li a {display:block; width:200px; height:160px;}
.other ul li a img {display:block; float:left; padding:2px; border:1px solid #fff; width:194px; height:124px;}
/*.other ul li a:hover img {display:block; float:left; padding:2px; border:1px dashed #c00;}*/
.other ul li a span {display:block; float:left; width:200px; height:30px; line-height:30px; text-align:center; }
.other ul li a:hover {*text-decoration:none; *cursor:pointer;}
.midright { width:275px;}
.ssidebar { border:1px solid #eae8e8; overflow:hidden;}
.ssidebar h2,.scontact h2 {background:url(icon.png) 0 -151px no-repeat;height:32px; font:14px/32px "宋体",Verdana, Arial, sans-serif; text-indent:30px; border-bottom:1px dashed #eae8e8; font-weight:bolder;}
.news { margin:5px 0;}
.news li { height:26px;
    width: 135px;
    float: left; line-height:26px; text-indent:20px; background:url(icon.png) 5px -480px no-repeat; overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}
.csimg {display:block; position:relative; height:140px; margin-left:24px;}
.csimg img { width:225px; height:140px; display:block; position:absolute; left:0; top:0; z-index:1;}
.csimg span { position:absolute; left:0; top:120px; height:20px; width:225px; line-height:20px;
    text-align: center;z-index:99; color:#fff; background-color:#3c3d3e; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;-webkit-opacity:0.7; -o-opacity:0.7; _overflow:hidden; }
.csimg:hover span {filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;-webkit-opacity:1.0; -o-opacity:1.0;opacity: 1.0;}
.csimg:hover {*text-decoration:none;}
.scontact {background:url(bg-contact.png) 0 0 no-repeat; margin-top:-1px; height:202px;border:1px solid #eae8e8;}
/*.scontact h2 { height:40px; font:14px/40px "宋体", Arial, sans-serif; font-weight:bolder; text-indent:30px;}*/
.scontact .teld {position:absolute; left:37px; top:57px;}
.scontact .add {position:absolute; left:37px; top:94px;}
.scontact .chat {position:absolute; left:16px; top:79px;}
.scontact .chat a { display:block; width:152px; height:26px; text-indent:-1000px;}
/*message*/
#mes {border-top:2px solid #ccc; font-family:"宋体"; padding:20px 0 50px;}
#mes h2 { background:url(icon.png) 345px -364px no-repeat; height:104px; text-indent:-10000px;}
.mess ul {float:left; width:420px;}
.mess ul li { margin:5px 0;}
.mess ul li input { border:1px #ccc solid; line-height:30px; height:30px; width:220px;}
.mess ul li label { float:left; text-align:right; width:170px; margin-right:10px; line-height:30px;}
.mess ul li label span { margin:5px; color:#c00; font-weight: bold;}
.mess ul li input:focus,form dl dd textarea:focus { border:1px solid #ccc; box-shadow:0 0 5px #ccc;}
.mess span.submit input { display:block; width:172px; height:44px; background:url(icon.png)  0px -300px no-repeat; border:none; margin-left:395px; cursor:pointer; }
.mess dl {float:left; width:540px;}
.mess dl dd label { float:left; text-align:right; width:100px; margin-right:10px; line-height:30px;}
.mess dl dd label span { margin:5px; color:#c00; font-weight: bold;}
.mess dl dd textarea { border:1px #ccc solid; line-height:16px; width:360px; height:109px; overflow:hidden;}
/* product table */
.protype ul { height: 35px; border-top: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 1px solid #efefef; }
.protype ul li { float:left;line-height:35px;height:34px;width:50%;text-align:center;cursor:pointer;}
.protype .hit { border-bottom:1px solid #fff;background:#f8f8f8;font-weight: bold;}
.protype .tab {clear: both;}
.protype .tab .list { display:none;}
.prospec { width: 100%; font-size: 12px !important;}
.prospec td { line-height: 35px; border: 1px #efefef solid; text-align: center;}
.prospec td img { vertical-align: middle;}
.prospec .title { font: bold 12px/35px "瀹嬩綋", Tahoma, Helvetica, Arial;}
.prospec .mhover { background-color: #ca3943; color: #ffffff;}
.prospec .top td { line-height: 35px; font-weight: bold; background-color: #f8f8f8;}
.prospec .bghui { background-color: #f8f8f8; } .online { display: block; width: 121px; height: 30px; background-color: #f8f8f8; font-weight: bold; line-height: 30px; text-align: center; margin: 30px 0 0 282px; } .online:hover,.prospec .bghui:hover { background-color: #e81212; color: #ffffff; }

.pro-pics { width: 449px; height: 380px; margin-top:20px;}
ul#pro-pics { position: relative; z-index: 20; width: 449px; height: 296px; }
ul#pro-pics li { display: none; position: absolute; z-index: 20; top: 0; left: 0; width: 449px; height: 296px; }
ul#pro-pics li img { width: 437px; height: 284px; padding: 5px; border: 1px solid #e4e4e4; }
#pro-pics-nav { position: relative; z-index: 20; width: 449px; height: 68px; margin-top: 10px; }
#pro-pics-nav ul.imglist2 { position: absolute; z-index: 20; left: 34px; top: 10px;  _left: 28px;width: 397px; height: 54px; z-index:9;}
#pro-pics-nav ul.imglist2 li { width: 81px; height: 54px; margin-right: 15px; float:left;}
#pro-pics-nav ul.imglist2 li a { width:81px; height: 54px;}
#pro-pics-nav ul.imglist2 li a img { width: 77px; height: 50px; padding: 1px; border: 1px solid #e4e4e4; }
#pro-pics-nav ul.imglist2 li.current a img { border-color: #d00602;}
#pro-pics-nav ul.imglist2 .first {display:block; margin-left:6px;}
#pro-pics-nav span.pro-pics-arrow { position: absolute; top: 10px; width: 17px; height: 54px; z-index:99;}
#pro-pics-nav span.pro-pics-arrow a { display: block; width: 17px; height: 54px;  background: url(http://static.zzboiler.com/img/arrow.jpg) 0 0 no-repeat; text-indent: -9999px; cursor:pointer; }
#pro-pics-nav #pro-pics-pre { left: 0px;}
#pro-pics-nav #pro-pics-next { right: 0px; }
#pro-pics-nav #pro-pics-next a { right: 0px; background-position:-26px 0;}
.prointro {width:491px; height: 380px; margin-top:20px; position:relative;}
.prointro h1 {line-height:60px; font-family:"Microsoft YaHei", SimHei, SimSun; font-size:20px; text-indent:20px;}
.prointro dl {border-bottom:1px #ccc dashed; font-size:16px; padding-bottom:5px; overflow:hidden;}
.prointro dl dt,.prointro dl dd {float:left; line-height:30px; height:30px; overflow:hidden;}
.prointro dl dt {width:160px; font-family:"Microsoft YaHei", SimHei, SimSun; font-weight:bold;}
.prointro dl dd {width:331px;}
.prointro .xunjia { background:url(http://static.zzboiler.com/img/chat.jpg) no-repeat; height:55px; position:absolute; left:0; bottom:0;}
.prointro .xunjia a {float:left;display:block; width:175px; height:55px; overflow:hidden;}
.prointro .xunjia span { float:left; display:block; font-size:20px;font-family:"Microsoft YaHei", SimHei, SimSun; line-height:45px; text-indent:16px; color:#d00602;}
.prointro .jianjie {margin-top:10px; line-height:22px;}
.prointro .jianjie span {font-weight:bold; font-size:16px;}