@charset "UTF-8";
* { font-family: "Microsoft Yahei","WenQuanYi Micro Hei",SimSun,Tahoma,Arial,Helvetica,STHeit; }

.clear { clear: both; }

.bk_ban { height: 520px; background: url("../images/bg_bkban.jpg")  center no-repeat; overflow: hidden; margin-bottom: 10px; }

.pgbaike { background: url("../images/pgb_baike.jpg")  no-repeat center; }

.manstab ul.hd, .qatab ul.hd { text-align: center; width: 100%; position: absolute; bottom: 0; left: 0; }
.manstab ul.hd li, .qatab ul.hd li { display: inline-block; width: 10px; height: 10px; background: #999999; cursor: pointer; border-radius: 50%; text-indent: -9999px; margin-right: 10px; }
.manstab ul.hd li.on, .qatab ul.hd li.on { background: #ff3f3c; }
.manstab a.prev, .manstab a.next, .qatab a.prev, .qatab a.next { display: block; width: 40px; height: 76px; background: url("../images/icon_baike.png")  no-repeat; position: absolute; top: 50%; margin-top: -38px; opacity: .6; transition: all .2s; }
.manstab a.prev:hover, .manstab a.next:hover, .qatab a.prev:hover, .qatab a.next:hover { opacity: 1; }
.manstab a.next, .qatab a.next { background-position-y: -90px; }

.qatab { height: 400px; margin: 70px auto 0; position: relative; width: 980px; }
.qatab .bd { width: 1020px; margin: 0 auto; overflow: hidden; height: 330px; }
.qatab .bd dl { width: 280px; height: 310px; padding: 10px; margin-right: 35px; background: #ffffff; float: left; }
.qatab .bd dl dt { width: 100%; height: 190px; }
.qatab .bd dl dt img { width: 100%; }
.qatab .bd dl dd span { color: #333333; font-size: 16px; margin: 15px 0 3px; display: block; transition: all .2s; line-height: 24px; }
.qatab .bd dl dd p { color: #666666; font-size: 14px; line-height: 24px; text-align: justify; }
.qatab .bd dl:hover dd span { color: #ff3f3b; }
.qatab a.prev, .qatab a.next { margin-top: -70px; }
.qatab a.prev { left: -100px; }
.qatab a.next { right: -100px; }

/*-------------------*/
.bk_search { width: 700px; margin: 60px auto 50px; }
.bk_search form { width: 100%; height: 44px; line-height: 40px; }
.bk_search form .key { height: 42px; width: 640px; float: left; border: 1px #cccccc solid; border-right: none; border-radius: 4px 0 0 4px; text-indent: 15px; }
.bk_search form .sub { width: 56px; height: 100%; float: left; background: url("../images/icon_baike.png")/*tpa=https://static.zzboiler.com/web/img/icon_baike.png*/ #ff3f3f no-repeat -46px 11px; border: 1px solid #ff3f3c; border-radius: 0 4px 4px 0; cursor: pointer; }
.bk_search .hotkeys { font-size: 12px; color: #999; }
.bk_search .hotkeys a { color: #999999; margin-right: 20px; transition: all .2s; }
.bk_search .hotkeys a:hover { color: #ff3f3c; }

.hks { width: 100%; margin-bottom: 40px; text-align: justify; height: 100px; overflow: hidden; }
.hks a { border: 1px solid #cccccc; border-radius: 4px; padding: 0 20px; margin: 0 0 20px 0; line-height: 35px; display: inline-block; transition: all .2s; }
.hks a:hover { color: #ff3f3b; border-color: #ff3f3b; }

/*------------------*/
.title_fu { width: 100%; height: 40px; line-height: 40px; margin-bottom: 40px; border-bottom: #f0f0f0 1px solid; }
.title_fu span { background: url("../images/bg_rg.png")/*tpa=https://static.zzboiler.com/web/img/bg_rg.png*/ no-repeat center 38px; font-size: 24px; color: #333333; margin-right: 40px; display: block; float: left; }
.title_fu span a{
   font-size: 24px;
   color: #000;
}
.title_fu a { font-size: 14px; color: #999999; display: block; float: right; transition: all .2s; }
.title_fu a:hover { color: #ff3f3b; }

.title_mid { width: 100%; text-align: center; margin-bottom: 40px; }
.title_mid span { margin: 0 auto; background: url("../images/bg_rg.png")/*tpa=https://static.zzboiler.com/web/img/bg_rg.png*/ no-repeat center bottom; color: #333333; font-size: 30px; padding-bottom: 12px; display: inline-block; }

.vbox { width: 100%; margin-bottom: 30px; height: 430px; }
.vbox dl { width: 275px; float: left; margin-right: 30px; margin-bottom: 20px; }
.vbox dl * { transition: all .2s; }
.vbox dl dt { width: 100%; height: 154px; overflow: hidden; position: relative; }
.vbox dl dt img { width: 100%; height: 100%; }
.vbox dl dt span, .vbox dl dt i { display: block; position: absolute; }
.vbox dl dt span { width: 44px; height: 20px; line-height: 20px; text-align: center; color: #ffffff; background: rgba(0, 0, 0, 0.7); background: #000000 \9; bottom: 5px; right: 5px; border-radius: 4px; }
.vbox dl dt i { width: 42px; height: 42px; top: 50%; left: 50%; margin-left: -21px; margin-top: -21px; background: url("../images/icon_baike.png")/*tpa=https://static.zzboiler.com/web/img/icon_baike.png*/ -114px 0; opacity: 0; }
.vbox dl dd { font-size: 12px; color: #999999; }
.vbox dl dd span { color: #666666; font-size: 14px; display: block; margin-bottom: -12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.vbox dl:nth-child(4n) { margin-right: 0; }
.vbox dl:hover dt img { opacity: .9; }
.vbox dl:hover dt i { opacity: 1; }
.vbox dl:hover dd span { color: #ff3f3b; }

/*-----------base-----------*/
.baseknow { width: 100%; background: #f3f3f3; padding: 60px 0 15px 0; margin-bottom: 50px; background: url("../images/bg_base.jpg")/*tpa=https://static.zzboiler.com/web/img/bg_base.jpg*/ center -100px; }
.baseknow dl { width: 48%; float: left; margin-bottom: 25px;height:90px;}
.baseknow dl dt { color: #333333; font-size: 16px; margin-bottom: 6px; }
.baseknow dl dt * { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
.baseknow dl dt a { color: #333333; transition: all .2s; }
.baseknow dl dt a:hover { color: #ff3f3b; }
.baseknow dl dd span { display: none; }
.baseknow dl dd span a { font-size: 12px; color: #666666; padding: 3px 8px; border-radius: 4px; margin-right: 10px; border: #cccccc 1px solid; transition: all .2s; display: none; }
.baseknow dl dd span a:hover { color: #ff3f3b; }
.baseknow dl dd > p { text-align: justify; color: #666666; line-height: 28px; margin-top: 6px; }
.baseknow dl:nth-child(2n-1) { float: right; }

/*---------------------------*/
.jieyi { width: 780px; float: left; margin-bottom: 25px; }
.jieyi dl { width: 100%; height: 150px; margin-bottom: 30px; }
.jieyi dl dt { width: 225px; height: 150px; float: left; }
.jieyi dl dd { width: 530px; float: right; padding-top: 5px; }
.jieyi dl dd h6 { font-size: 16px; transition: all .2s; }
.jieyi dl dd span { font-size: 12px; color: #333333; display: block; margin: 2px 0; }
.jieyi dl dd p { color: #666666; font-size: 14px; line-height: 28px; }
.jieyi dl:hover h6 { color: #ff3f3b; }

.spes { width: 360px; float: right; }
.spes ul { border: 1px solid #f0f0f0; padding: 40px 30px; }
.spes ul li { width: 298px; margin-bottom: 24px; height: 128px; position: relative; }
.spes ul li img { width: 100%; }
.spes ul li span { display: block; position: absolute; bottom: 0; text-align: center; background: rgba(0, 0, 0, 0.7); background: #000000 \9; width: 100%; color: #ffffff; height: 30px; line-height: 30px; transition: all .2s; }
.spes ul li:last-child { margin-bottom: 0; }
.spes ul li:hover span { background: rgba(255, 63, 59, 0.8); background: #ff3f3b\9; }

.mtainlist { width: 100%; margin-top: -10px; }
.mtainlist li { width: 48%; float: left; font-size: 14px; color: #666666; border-bottom: #f0f0f0 1px solid; line-height: 50px; height: 50px; }
.mtainlist li a { display: block; }
.mtainlist li a:before { content: "●  "; color: #ff3f3c; }
.mtainlist li span { float: right; }
.mtainlist li:nth-child(2n) { float: right; }
.mtainlist .telph { width: 360px; height: 40px; line-height: 40px; text-align: center; color: #ffffff; background: #ff3f3c; margin: 55px auto; border-radius: 4px; font-size: 16px; }
.mtainlist .telph:before { content: " "; display: inline-block; width: 20px; height: 20px; background: url("../images/icon_baike.png")/*tpa=https://static.zzboiler.com/web/img/icon_baike.png*/ -68px -128px; margin: 0 20px  0 0; vertical-align: middle; }

.cases dl { width: 230px; padding: 15px 25px; margin-right: 20px; border: 1px solid #f0f0f0; float: left; margin-bottom: 40px; }
.cases dl * { transition: all .2s; }
.cases dl dd { border-bottom: solid 1px #f0f0f0; margin-bottom: 15px; }
.cases dl dd * { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cases dl dd h5 { font-size: 24px; color: #666666; }
.cases dl dd div {
    font-size: 24px;
    color: #666666;
}
.cases dl dd span { color: #333333; font-size: 12px; display: block; }
.cases dl dt { width: 100%; }
.cases dl dt img { width: 100%; }
.cases dl:nth-child(4n) { margin-right: 0; }
.cases dl:hover { border-color: #ff3f3c; }
.cases dl:hover dd { border-bottom-color: #ff3f3c; }
.cases dl:hover dd * { color: #ff3f3c; }

/*--------------ask----------------*/
.askform p { color: #666666; line-height: 30px; height: 30px; margin-bottom: 20px; }
.askform p a { display: inline-block; width: 100px; height: 30px; line-height: 30px; color: #ffffff; text-align: center; background: #ff3f3c; border-radius: 4px; }
.askform form { margin-bottom: 40px; }
.askform form input[type="checkbox"] { -webkit-appearance: none; background: url("../images/icon_baike.png")/*tpa=https://static.zzboiler.com/web/img/icon_baike.png*/ -120px -110px; }
.askform form textarea, .askform form input { border: 1px solid #e6e6e6; }
.askform form textarea { width: 1188px; height: 200px; text-indent: 10px; margin: 25px 0 10px; }
.askform form input.iname, .askform form input.itel, .askform form input.icompany { width: 380px; text-indent: 10px; margin-right: 17px; }
.askform form input.icompany { margin-right: 0; }
.askform form input.isubmit, .askform form input.iclear { width: 100px; height: 34px; color: #ffffff; text-align: center; line-height: 34px; border-radius: 4px; background: #ff3f3c; cursor: pointer; margin-top: 30px; }
.askform form input.isubmit { margin-left: 500px; }
.askform form input.iclear { background: #999999; }

.quslist { display: inline-block; }
.quslist span { display: inline-block; cursor: pointer; padding: 0 15px; transition: all .2s; }
.quslist span:before { display: block; width: 30px; height: 20px; background: url("../images/icon_baike.png")/*tpa=https://static.zzboiler.com/web/img/icon_baike.png*/ -120px -110px; content: " "; margin-top: 4px; float: left; }
.quslist span.on { color: #ff3f3c; }
.quslist span.on:before { background-position-y: -140px; }
.quslist span:hover { color: #ff3f3c; }

.ask { width: 100%; padding: 50px 0 30px; background: #f4f4f8; margin-bottom: 40px; background: url("../images/bg_eng.jpg")/*tpa=https://static.zzboiler.com/web/img/bg_eng.jpg*/ center bottom; }
.ask p { font-size: 14px; color: #666666; line-height: 28px; margin-bottom: 60px; }
.ask .manstab { width: 960px; height: 320px; margin: 0 auto; position: relative; }
.ask .manstab .bd dl { width: 33%; float: left; }
.ask .manstab .bd dl dt { width: 174px; height: 174px; border-radius: 50%; margin: 0 auto; }
.ask .manstab .bd dl dt img { width: 100%; border-radius: 50%; }
.ask .manstab .bd dl dd { text-align: center; }
.ask .manstab .bd dl dd span { color: #333333; font-size: 20px; display: block; margin: 20px 0 0; }
.ask .manstab .bd dl dd * { transition: all .2s; }
.ask .manstab .bd dl:hover dd, .ask .manstab .bd dl:hover dd span { color: #ff3f3c; }
.ask .manstab a.prev, .ask .manstab a.next { margin-top: -100px; }
.ask .manstab a.prev { left: -80px; }
.ask .manstab a.next { right: -80px; }

/*----------------asklist-----------------*/
.qalist .title_mid { margin-top: 40px; }
.qalist dl { width: 100%; margin-bottom: 35px; }
.qalist dl dt { font-size: 16px; color: #333; margin-bottom: 10px; }
.qalist dl dt:before { display: inline-block; width: 26px; height: 23px; background: url("../images/icon_baike.png")/*tpa=https://static.zzboiler.com/web/img/icon_baike.png*/ no-repeat -65px -67px; content: " "; margin-right: 5px; }
.qalist dl dt a { color: #666666; transition: all .2s; }
.qalist dl dt a:hover { color: #ff3f3b; }
.qalist dl dd { background: #f5f5f5; padding: 20px; }
.qalist dl dd span { display: block; color: #333333; overflow: hidden; height: 34px; line-height: 34px; margin-bottom: 5px; }
.qalist dl dd span:before { display: block; content: " "; width: 34px; height: 34px; margin-right: 20px; background: url("../images/icon_baike.png")/*tpa=https://static.zzboiler.com/web/img/icon_baike.png*/ no-repeat -113px -63px; float: left; }
.qalist dl dd p { line-height: 28px; color: #666666; }
.qalist a.more { display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; color: #ffffff; margin: 0 auto 50px; background: #ff3f3c; border-radius: 4px; }

.pagenum { text-align: center; margin: 40px auto; }
.pagenum span { font-size: 16px; padding: 0 8px; }
.pagenum span b { color: #ff3f3c; }

/*--------------maintain-----------------*/
.maintain .title_mid, .bknow .title_mid { margin: 40px auto 20px; }
.maintain dl, .bknow dl { width: 100%; border-bottom: 1px solid #f0f0f0; padding: 30px 0 25px; }
.maintain dl dt, .bknow dl dt { font-size: 24px; color: #333333; margin-bottom: 5px; }
.maintain dl dt a, .bknow dl dt a { color: #333333; }
.maintain dl dd, .bknow dl dd { font-size: 14px; color: #666666; line-height: 24px; }
.maintain dl:hover, .bknow dl:hover { border-bottom-color: #ff3f3c; }
.maintain dl:hover dt a, .bknow dl:hover dt a { color: #ff3f3c; }

.maintain dl dd span { word-spacing: 10px; display: block; }

/*-----------------1000---------------------*/
.bknow dl dd { margin-top: 10px; }
.bknow dl dd span a { font-size: 12px; color: #666666; padding: 3px 8px; border-radius: 4px; margin-right: 10px; border: #cccccc 1px solid; transition: all .2s; }
.bknow dl dd span a:hover { color: #ff3f3c; }
.bknow dl dd p { text-align: justify; color: #666666; line-height: 28px; margin-top: 6px; }

.bk_info { width: 71.5%; float: left; margin-top: 60px; color: #666666; }
.bk_info .tit_info { text-align: center; border-bottom: 1px solid #f0f0f0; margin-bottom: 30px; }
.bk_info .tit_info h1 { font-size: 30px; color: #333333; line-height: 40px; }
.bk_info .tit_info span { word-spacing: 20px; display: block; margin: 18px auto 15px; }
.bk_info .tit_info p { text-align: left; text-indent: 0; margin-bottom: 28px; }
.bk_info .bkcon a, .bk_info .hot_qian a { border-bottom: dashed 1px; }
.bk_info .bkcon a:hover, .bk_info .hot_qian a:hover { border-bottom: solid 1px; }
.bk_info .bkcon p { font-size: 14px; margin-bottom: 28px; text-indent: 2em; line-height: 28px; text-align: justify; }
.bk_info img { width: 600px; height: auto; margin: 0 auto; }
.bk_info .new_fanye { width: 100%; height: 60px; margin-bottom: 40px; }
.bk_info .new_fanye p { text-align: center; line-height: 58px; }
.bk_info .new_fanye .pre { width: 45%; float: left; border: 1px solid #f0f0f0; border-right: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bk_info .new_fanye .mid { width: 9.5%; float: left; border: 1px solid #f0f0f0; border-right: none; }
.bk_info p.hot_qian { margin: -20px 0 30px; padding-bottom: 20px; }
.bk_info p.hot_qian a { margin-right: 20px; }

.bk_info_100 { width: 100%; }

.tuijian { width: 100%; height: 360px; margin-bottom: 20px; }
.tuijian dl { width: 280px; float: left; margin-right: 20px; }
.tuijian dl dt { width: 100%; }
.tuijian dl dt img { width: 100%; height: 100%; }
.tuijian dl dd { text-align: center; margin: 9px auto 8px; color: #333333; }
.tuijian dl:hover { border-bottom: 1px solid #ff3f3c; }
.tuijian dl:last-child { margin-right: 0; }

.infos { margin-bottom: 40px; }
.infos ul { width: 100%; }
.infos ul li { width: 25%; margin-right: 8%; float: left; }
.infos ul li a { font-size: 14px; line-height: 28px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }

.bk_fang, .bk_case, .bk_spe { width: 580px; height: 350px; margin-bottom: 60px; }

.bk_fang { float: left; }
.bk_fang ul li { width: 180px; height: 125px; float: left; margin: 0 20px 20px 0; position: relative; }
.bk_fang ul li img { width: 100%; height: 100%; }
.bk_fang ul li span { display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; background: rgba(0, 0, 0, 0.8); background: #000000 \9; position: absolute; bottom: 0; color: #ffffff; transition: all .2s; }
.bk_fang ul li:nth-child(3n) { margin-right: 0; }
.bk_fang ul li:hover span { background: rgba(255, 63, 59, 0.8); background: #ff3f3b\9; }

.bk_case { float: right; }
.bk_case dl { width: 100%; height: 125px; margin-bottom: 20px; background: #e6e6e6; }
.bk_case dl dt { width: 180px; height: 100%; float: left; }
.bk_case dl dt img { width: 100%; height: 100%; }
.bk_case dl dd { color: #666666; padding-left: 30px; float: left; padding-top: 25px; line-height: 22px; }
.bk_case dl dd a { display: block; font-size: 16px; margin-bottom: 10px; }
.bk_case dl dd span { color: #333333; }

.bk_spe { float: right; }
.bk_spe dl { margin-bottom: 20px; height: 125px; }
.bk_spe dl dt { width: 295px; height: 125px; float: left; }
.bk_spe dl dt img { width: 100%; height: 100%; }
.bk_spe dl dd { padding-left: 20px; float: left; padding-top: 35px; color: #666666; border: 1px solid #f0f0f0; border-left: none; height: 88px; width: 264px; }
.bk_spe dl dd h5 { font-size: 20px; }
.bk_spe dl:hover dd h5 { color: #ff3f3c; }

.bk_nav { width: 1188px; height: 128px; border: 1px solid #f0f0f0; margin-bottom: 60px; }
.bk_nav dl { width: 25%; float: left; height: 128px; }
.bk_nav dl a { display: block; width: 100%; height: 100%; }
.bk_nav dl dt { width: 45px; height: 45px; background: url("../images/icon_baike.png")/*tpa=https://static.zzboiler.com/web/img/icon_baike.png*/ -139px -199px; margin: 25px auto 10px; }
.bk_nav dl dt.que { background-position-y: -264px; }
.bk_nav dl dt.mat { background-position-y: -328px; }
.bk_nav dl dt.faq { background-position-y: -396px; }
.bk_nav dl dd { font-size: 16px; color: #666666; text-align: center; }
.bk_nav dl:hover { background: #f5f5f5; }
.bk_nav dl:hover dt { background-position-x: -209px; }
.bk_nav dl:hover dd { color: #ff3f3c; }

.border_news { border: 1px solid #f0f0f0; height: auto; width: 23%; float: right; margin-bottom: 22px; margin-top: 40px; padding-bottom: 20px; }

.border_news ul { width: 79.7%; margin: 0 auto; padding: 22px 0; }

.border_news ul li { list-style: circle; float: left; width: 100%; }

.border_news ul li a { font-size: 14px; width: 100%; line-height: 28px; }

.border_news b { line-height: 88px; font-size: 16px; display: block; color: #666; margin-bottom: 30px; float: left; width: 100%; text-align: center; border-bottom: 1px solid #f0f0f0; }

/*------------------jieyi---------------------*/
.icon_pro { width: 100%; height: 145px; border-bottom: #f0f0f0 1px solid; }
.icon_pro li { width: 140px; float: left; text-align: center; margin-right: 70px; }
.icon_pro li i { display: block; width: 138px; height: 78px; border: 1px solid #b3b3b3; border-radius: 5px; background: url("../images/icon_baike.png")/*tpa=https://static.zzboiler.com/web/img/icon_baike.png*/ no-repeat 20px -177px; margin-bottom: 5px; }
.icon_pro li i.ry { background-position-y: -250px; }
.icon_pro li i.swt { background-position-y: -327px; }
.icon_pro li i.rm { background-position-y: -410px; }
.icon_pro li i.yr { background-position-y: -490px; }
.icon_pro li i.oth { background-position-y: -570px; }
.icon_pro li:last-child { margin-right: 0; }
.icon_pro li:hover a, .icon_pro li.on a { color: #ff3f3c; }
.icon_pro li:hover i, .icon_pro li.on i { border-color: #ff3f3c; }

.jieyi_page .title_mid { margin-top: 30px; }
.jieyi_page dl { width: 100%; padding: 35px 0 40px; border-bottom: 1px #f0f0f0 solid; height: 150px; }
.jieyi_page dl dt { width: 225px; height: 150px; float: left; }
.jieyi_page dl dt img { width: 100%; }
.jieyi_page dl dd { float: right; width: 945px; color: #666666; line-height: 28px; padding-top: 15px; }
.jieyi_page dl dd h5 { font-size: 24px; }
.jieyi_page dl dd h5 a { color: #333333; }
.jieyi_page dl dd span { display: block; margin-top: 2px; }
.jieyi_page dl:hover { border-bottom-color: #ff3f3c; }
.jieyi_page dl:hover dd h5 a { color: #ff3f3c; }

/*------------MEDIA QUERY---------------*/
@media screen and (max-width: 1199px) { .pgbaike { background: url("../images/pgb_baike_s.jpg")/*tpa=https://static.zzboiler.com/web/img/pgb_baike_s.jpg*/ no-repeat center; }
  .qatab a.prev, .qatab a.next { display: none; }
  .vbox dl { width: 235px; margin-right: 16px; }
  .vbox dl dd span { margin-bottom: -8px; }
  .jieyi { width: 590px; }
  .jieyi dl dt { display: none; }
  .jieyi dl dd { width: 100%; }
  .cases dl { width: 180px; }
  .askform form textarea { width: 988px; }
  .askform form input.iname, .askform form input.itel, .askform form input.icompany { width: 313px; }
  .askform form input.isubmit { margin-left: 400px; }
  .icon_pro li { margin-right: 20px; }
  .jieyi_page dl dd { width: 745px; }
  .tuijian { height: 330px; }
  .tuijian dl { width: 232px; }
  .bk_nav { width: 988px; }
  .bk_spe { width: 380px; }
  .bk_spe dl { width: 295px; margin: 0 auto 20px; }
  .bk_spe dl dd { display: none; }
  .bk_info .new_fanye .pre { width: 44.9%; }
  .bk_case { width: 380px; }
  .bk_case dl dd { width: 160px; padding-left: 15px; } }

/*# sourceMappingURL=baike.css.map */