*{margin:0;padding:0;font-family:"Microsoft Yahei","WenQuanYi Micro Hei",SimSun,Tahoma,Arial,Helvetica,STHeiti;}
body{background-color:#fff;font:14px/28px "Microsoft Yahei","WenQuanYi Micro Hei",SimSun,Tahoma,Arial,Helvetica,STHeiti;}
body,button,input,select,textarea{color:#666;font:14px/28px "Microsoft Yahei","WenQuanYi Micro Hei",SimSun,Tahoma,Arial,Helvetica,STHeiti}
li{list-style:none}
#LRdiv0{display:none!important}

h1,h2,h3,h4,h5,h6{font-weight:inherit;color:#333}
h3{font-size:24px}
h4 a{color: #333333;}
h3 a.more,h4 a.more{float:right;color:#999999;font-size:12px;transition: all .3s;}
h3 a.more:hover,h4 a.more:hover{color: #ff3f3b;}
.container-fu{width:100%}
.container-fu img{width:100%}
.container,.wrapper, .header .hdbox, .btpro, .cpnav,.ftbox {width: 1190px;margin: 0 auto;overflow: hidden}
.btpro,.container,.cpnav,.ftbox,.header .hdbox,.wrapper{width:1190px;margin:0 auto;overflow:hidden}
a{color:#666;text-decoration:none;}
a:hover{color:#ff3f3c;}
img{border:0;width:100%;}
button,input,select,textarea{padding:0;border:none;border:0;font-size:100%}
:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
.fl{float:left}
.fr{float:right}
.posr{position:relative}
.posa{position:absolute}
.clear{clear:both;overflow:hidden}
.hidden,.hide{display: none;}
.h10,.h20,.h30,.h40,.h50,.h60{width:100%;display:block;clear:both;overflow:hidden}
.h60{height:60px}
.h50{height:50px}
.h40{height:40px}
.h30{height:30px}
.h20{height:20px}
.h10{height:10px}
.header .logo,.header_soso a i,.sites .en span,.sites .mb a,.sites .wb a,.sites .wx a,.sites li.en span.world,.soso_con_close span,.soso_con_l span,.tel{background:url(../images/icon_hf.png)/*tpa=http://static.zzboiler.com/web/images/index/icon_hf.png*/ no-repeat}
.header{width:1190px;margin:0 auto}
.header .hdbox{z-index:99999;margin:0 auto;height:100px}
.header .logo{float:left;overflow:hidden;margin-top:20px;margin-right:48px;height:60px;background-position:-1px -77px;width:320px}
.header .logo a{display:block;overflow:hidden;height:60px;text-indent:-10000px}
.header_top{height:38px;width:1190px;margin:0 auto;position:relative}
.header_top_l{width:485px;float:left}
.header_top_l li{float:left;margin-right:25px;font-size:14px;line-height:38px;height:38px;color:#999}
.header_top_l li a{color:#999;/*transition:all .2s*/}
.header_top_l li a:hover{color:#FFF}
.header_top_l li .more_me{width:135px;height:180px;display:none;margin-left:-60px}
.header_top_l li dl{width:130px;height:163px;position:absolute;top:45px;z-index:9999;left:322px;background:#FFF;border:1px solid #e6e6e6}
.header_top_l li dl dd{width:100px;height:40px;line-height:40px;border-bottom:1px solid #e6e6e6;margin:0 auto;text-align:center}
.header_top_l li dl dd a{/*transition:all .2s;*/text-align:center;width:100%;margin-right:0;height:40px;line-height:40px}
.header_top_l li dl dd a:hover{color:#ff3f3b}
.header_top_l li span{display:block;width:132px;height:12px;background:url(../images/icon_qunav-1.png)/*tpa=http://static.zzboiler.com/web/img/icon_qunav.png*/ center;background-position:-397px -48px;position:absolute;z-index:9999}
.header_top_l li:hover .more_me{
	display: block;
}
.header_top_r{width:500px;height:38px;float:right}
.header_top_r .tel{float:right;width:244px;line-height:38px;color:#999;background-position:0 0;text-indent:32px}
.header_top_r .sites{float:right;width:240px;height:38px}
.header_top_r .sites li{float:right;height:38px;width:20px;margin-left:16px}
.header .sites li span,.header_top_r .sites li a{display:block;height:38px;text-align:right;/*-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;*/color:#999}
.cebian{height:304px;width:60px;position:fixed;top:38.2%;right:0;z-index:9}
.cebian ul{width:100%;height:100%}
.cebian ul li{width:100%;height:60px;background-color:#31353d;float:left;position:relative;cursor:pointer}
.cebian ul li a{width:192px;display:block;float:left;height:60px;position:absolute;top:0;left:0;line-height:60px;color:#FFF;z-index:9999999;background-color:#31353d;font-size:17px}
.cebian ul li span{width:46px;height:59px;border-top:1px solid #464a51;display:block;background:url(../images/icon_hf.png)/*tpa=http://static.zzboiler.com/web/images/index/icon_hf.png*/ no-repeat;float:left;margin:0 7px;transition:all .3s}
.cebian ul li:hover span{border-bottom:none;border-top:1px solid #ff3f3c;transition:all .3s}
.cebian ul li a .span1{background-position:-395px 0;border-top:none}
.cebian ul li a .span2{background-position:-395px -63px}
.cebian ul li .span3{background-position:-395px -123px}
.cebian ul li a .span4{background-position:-395px -183px}
.cebian ul li .span5{background-position:-395px -243px}
.cebian_wx{background:url(../images/bg_wxbox.jpg)/*tpa=http://static.zzboiler.com/web/images/bg_wxbox.jpg*/ no-repeat 100% 100%;
    background-size: 100% 100%; 
    width:107px;height:107px;position:absolute;z-index:-1;right:-110px;top:0}

    .cebian2{height:304px;width:60px;position:fixed;top:38.2%;right:0;z-index:9}
.cebian2 ul{width:100%;height:100%}
.cebian2 ul li{width:100%;height:60px;background-color:#31353d;float:left;position:relative;cursor:pointer}
.cebian2 ul li a{width:192px;display:block;float:left;height:60px;position:absolute;top:0;left:0;line-height:60px;color:#FFF;z-index:9999999;background-color:#31353d;font-size:17px}
.cebian2 ul li span{width:46px;height:59px;border-top:1px solid #464a51;display:block;background:url(../images/icon_hf.png)/*tpa=http://static.zzboiler.com/web/images/index/icon_hf.png*/ no-repeat;float:left;margin:0 7px;transition:all .3s}
.cebian2 ul li:hover span{border-bottom:none;border-top:1px solid #ff3f3c;transition:all .3s}
.cebian2 ul li a .span1{background-position:-395px 0;border-top:none}
.cebian2 ul li a .span2{background-position:-395px -63px}
.cebian2 ul li .span3{background-position:-395px -123px}
.cebian2 ul li a .span4{background-position:-395px -183px}
.cebian2 ul li .span5{background-position:-395px -243px}
.cebian2_wx{background:url(../images/bg_wxbox.jpg)/*tpa=http://static.zzboiler.com/web/images/bg_wxbox.jpg*/ no-repeat 100% 100%;
    background-size: 100% 100%; 
    width:107px;height:107px;position:absolute;z-index:-1;right:-110px;top:0}

.sites .wb a{margin:0 auto;width:20px;background-position:-261px 0}
.sites .wx a{margin:0 auto;width:24px;background-position:-299px 0}
.sites .mb a{margin:0 auto;width:12px;background-position:-339px 0}
.header_top_r .sites li.en span.world{cursor:pointer;margin:0 auto;width:20px;background-position:-370px 0;height:38px;display:block;float:left}
.sites .wb a:hover{background-position:-261px -38px}
.sites .wx a:hover{background-position:-299px -38px}
.sites .mb a:hover{background-position:-339px -38px}
.sites .wx{position:relative}
.sites .wxbox{position:absolute;top:38px;left:-36px;z-index:99999;display:none;overflow:hidden;width:122px;height:122px;background:url(../images/bg_wxbox.jpg)/*tpa=http://static.zzboiler.com/web/images/bg_wxbox.jpg*/ no-repeat;text-indent:-1000px}
.sites li.en{width:115px;line-height:38px;text-indent:5px;color:#999}
.header_top_r .sites li.en span{transition:all .2s}
.header_top_r .sites li.en:hover span{background-position:-370px -39px}
.header_top_r .sites li.en:hover a.none{color:#FFF}
.sites .en:hover span{background-position:-370px -38px}
.sites li.en .allwebsite{position:absolute;top:38px;right:0;display:none;padding:25px;width:290px;background-color:#fff;box-shadow:-1px -1px 8px #aeadad;z-index:99999}
.sites li.en .allwebsite a{padding-right:0;padding-left:15px;height:30px;background:url(../images/icon_web.png)/*tpa=http://static.zzboiler.com/web/images/icon_web.png*/ no-repeat 0 12px;text-align:left;line-height:30px;transition:all .3s}
.sites li.en .allwebsite a:hover{color:#ff3f3b}
.sites li.en:hover .allwebsite{display:block}
.sites li.en .allwebsite dl{overflow:hidden;margin-bottom:25px;width:100%}
.sites li.en .allwebsite dl dt{padding-bottom:10px;width:100%;font-weight:700;font-size:14px}
.sites li.en .allwebsite dl dd{float:left;width:50%}
.nav{z-index:9999;width:822px;height:100px;float:left;overflow:hidden}
.navlist{margin:0 auto;height:100px;width:832px;padding-left:18px}
.navlist li{float:left;width:104px}
.navlist li .items{display:block;overflow:hidden;height:100px;width:120px;position:relative;left:-18px;color:#333;text-align:center;font:400 16px/100px "microsoft yahei"}
.navlist li .online-items{margin:12px 0;height:24px;border-left:1px solid #e1e1e1;background:url(../images/icon_hf-1.png)/*tpa=http://static.zzboiler.com/web/images/icon_hf.png*/ -307px -10px no-repeat;color:red;text-align:right;line-height:24px}
.navah{background:url(../images/icon_nav.png)/*tpa=http://static.zzboiler.com/web/images/icon_nav.png*/ 0 -46px repeat-x;color:#ff2020!important}
.navlist li .online-items{width:138px}
.navlist li.first{margin-left:1px}
.navlist li .navpro,.navpro .plist{height:370px}
.navlist li dl{position:absolute;top:100px;z-index:9999;display:none;background-color:#fff}
.navlist li .poslf{padding-bottom:5px;width:140px;border-bottom:5px #cdcdcd solid;z-index:99999;margin-left:-18px}
.navlist li .poslf .list{width:100%}
.navlist .on .items{background:url(../images/icon_nav.png)/*tpa=http://static.zzboiler.com/web/images/icon_nav.png*/ 0 -46px repeat-x;color:#ff2020!important}
.navlist li .poslf .list a{display:block;width:100%;color:#333;text-align:center;font:400 14px/38px "microsoft yahei"}
.navlist li .poslf .list a:hover{background:url(../images/icon-nav-arrow.png)/*tpa=http://static.zzboiler.com/web/images/icon-nav-arrow.png*/ 105px 16px no-repeat #ff3f3c;color:#fff}
.navlist li .navpro{width:100%;top:100px;overflow:hidden;background:url(../images/icon-navpro.png)/*tpa=http://static.zzboiler.com/web/images/icon-navpro.png*/ left bottom repeat-x #fff;position:absolute;left:0;border-bottom:2px solid #ff3f3b}
.navlist .header_soso{position:relative;cursor:pointer}
.navlist .header_soso a{height:32px;display:block;width:66px;margin:0 auto;text-align:center}
.navlist .header_soso i{display:block;background-position:-12px -217px;float:left;width:24px;height:20px;margin-top:40px}
.navlist .header_soso p{font:400 16px/100px "microsoft yahei";color:#333;display:block;width:32px;height:20px;float:left}
.navlist .header_soso:hover a i{background-position:-131px -217px}
.navlist .header_soso:hover a p{color:#ff3f3c}
.header_soso_con{height:250px;border-bottom:3px solid #ff3f3c;background-color:#282828;position:absolute;top:100px;left:0;width:100%;z-index:9;display:none}
.soso_con_l{width:26%;float:left;margin-right:1.8%}
.soso_con_l span{width:135px;height:133px;float:right;background-position:0 -273px;margin-top:56px}
.soso_con_m{width:57%;float:left;height:92px;margin-top:89px}
.soso_con_m .isch{height:40px;margin-bottom:10px;width:100%;float:left}
.soso_con_m .isch ul li{float:left;line-height:38px;margin-right:10px;padding:0 10px}
.soso_con_m .isch ul li a{color:#fff}
.soso_con_m .isch ul .bg_hui{background-color:#999}
.inslt{height:40px;margin-bottom:10px}
.soso_con_m .isch .key{height:100%;width:80%;border:none;background:0 0;float:left;text-indent:20px;background-color:#fff}
.soso_con_m .isch .sub{height:100%;width:20%;border:none;background:0 0;float:left;text-align:center;color:#fff;background-color:#ff3f3c;display:block;cursor:pointer;font-size:16px}
.soso_con_m .isch .sub:hover{background-color:#ff0400}
.soso_con_close{width:14.8%;float:left;height:250px;position:relative}
.soso_con_close span{background-position:-135px -274px;width:30px;height:30px;position:absolute;right:0;top:30px;display:block;cursor:pointer}
.navpro .plist{width:1190px}
.navpro .plist ul.fv{float:left;width:198px}
.navpro .plist ul span{margin:0 auto;display:block;width:160px}
.navpro .plist .ttimg{margin:0 auto;width:128px;display:block}
.navpro .plist .ttimg img{display:block;text-align:center}
.navpro .plist ul.fv span{margin-bottom:10px;text-align:center;line-height:45px;border-bottom:1px solid #ff3f3c}
.navpro .plist ul.fv span a{color:#ff3f3c;font-size:16px;font-weight:Bold}
.navpro .plist ul li{width:100%;line-height:28px}
.navpro .plist ul li a{text-align:center;display:block}
.navpb{bottom:0;clear:both;overflow:hidden;width:1190px;height:40px;line-height:40px;margin:0 auto;color:#999}
.navpb .ct a{color:#fff;font-size:14px;height:40px;width:150px;display:block;text-indent:60px;background:url(../images/icon_hf.png)/*tpa=http://static.zzboiler.com/web/images/index/icon_hf.png*/ 30px -38px no-repeat;background-color:#3a3a3a}
.navpb .ct a:hover{background-color:#ff3f3c}
.footer{width:100%;height:239px;background-color:#282828}
.footer-c{height:60px}
.footer,.footer dl a{color:#bdbebe}
.copyright,.copyright a{color:#aaa}
.footer a:hover{color:#ccc}
.btlist,.ftbox{margin:0 auto}
.footer .flogo{margin:44px 150px 0 7px;height:145px}
.footer dl.list{float:left;margin-top:30px}
.footer dl.w{overflow:hidden;margin-right:120px}
.footer dl.w dd{float:left;margin-right:20px;width:130px}
.footer dl dt{margin-bottom:15px;font:700 15px/22px "microsoft yahei"}
.footer dl dd{text-indent:2px;line-height:26px}
.copyright{clear:both;height:60px;line-height:60px}
.copyright i{width:105px;height:32px;display:block;background:url(../images/icon_hf.png)/*tpa=http://static.zzboiler.com/lib/images/index/icon_hf.png*/ -286px -140px no-repeat;float:left;margin-right:10px;margin-top:10px}
.copyright .t{width:440px;color:#999}
.copyright .t a{color:#999}
.copyright .t a:hover{color:#fff}
.copyright ul{width:47.8%}
.copyright ul li{float:right;background-position:-374px -35px;text-indent:3px}
.copyright ul li a{color:#999}
.copyright .group{position:relative}
.copyright .last{background:0 0}
.copyright .group span{display:block;cursor:pointer;color:#999}
.copyright .group:hover span{color:#fff}
.copyright .group dl{position:absolute;bottom:50px;left:-46px;display:none;padding-bottom:10px;width:160px;border-top:2px solid #ccc;background:url(../images/icon_group.png)/*tpa=http://static.zzboiler.com/lib/images/index/icon_group.png*/ left bottom no-repeat #f7f6f6;text-align:center;font-size:12px;line-height:24px}
.copyright .group dl,.copyright .group dl a{color:#666}
.copyright .group dl a:hover{font-weight:700}
.pgbanner{overflow:hidden;width:100%;height:200px}
.pgnav{ margin: 15px 0;border-bottom:1px solid #efefef;border-left:5px solid #ff2020;text-indent:10px;font:14px/30px "microsoft yahei"}
.pgnav:hover{border-bottom:1px solid #ff2020}
.contact-tit h1{height:42px;line-height:30px;background:url(../images/bg2.png)/*tpa=http://static.zzboiler.com/web/images/bg2.png*/ no-repeat center bottom;font-size:30px;text-align:center;font-weight:inherit;color:#333;margin:0 auto}
.mid_tit p,.mid_tit-3 p {color:#666;font-size:14px;text-align: center;line-height:30px;}
.mid_tit-2 {overflow: hidden; margin: 0 auto; width: 120px;    margin-bottom: 50px; }
.mid_tit h2,.mid_tit-2 h2{height:42px;background:url(../images/bg2.png)/*tpa=http://static.zzboiler.com/web/images/bg2.png*/ no-repeat center bottom;font-size:30px;text-align:center;font-weight:100;color:#333;margin:0 auto;line-height:30px;padding-left: 0;}
/*--------footer_con------------*/
.janli-t{width:100%;height:35px;display:block;overflow:hidden;margin-bottom: 40px;}
.janli-t b{color:#333;background:url(../images/bg3.png)/*tpa=http://static.zzboiler.com/img/bg3.png*/ no-repeat left bottom;width:100px;line-height:24px;height:35px;font-size:24px;float:left;margin-bottom:0;font-weight:100}

.footer_con { width: 1188px; height: 130px; border: 1px solid #dcdcdc; }
.footer_con ul { width: 1188px; margin: 30px auto; }
.footer_con ul li { float: left; height: 64px; line-height: 64px; color: #666666; padding: 0 70px;_padding:0 70px; transition: all .3s; border-right: 1px solid #dcdcdc; position: relative; }
.footer_con ul li a { display: block; }
.footer_con ul li i { display: block; width: 34px; height: 34px; margin-top: 12px; background: url(../images/icon_footer_con.png)/*tpa=http://static.zzboiler.com/web/images/icon_footer_con.png*/ no-repeat; float: left; transition: all .2s; }
.footer_con ul li span { transition: all .3s; padding-left: 20px; }
.footer_con ul li em { width: 129px; height: 141px; position: absolute; background-image: url(../images/weixin2.png)/*tpa=http://static.zzboiler.com/web/images/weixin2.png*/; left: 26%; top:70px; display: none;opacity: 0;}
.footer_con ul li.wechat i { background-position: -13px -6px; }
.footer_con ul li.dqt i { background-position: -57px -6px; }
.footer_con ul li.qq i { background-position: -97px -6px; }
.footer_con ul li.tel_new { border-right: none; }
.footer_con ul li.tel_new i { background-position: -133px -6px; }
.footer_con ul li:hover i { background-position-y: -39px; }
.footer_con ul li:hover span { color: #ff3f3c; }
li.wx_con{position: relative;}

li.wx_con em{
    z-index: 9;
    top:120px;
    opacity: 1;
}
li.wx_con em.em1 {
    
     display: none;
      width: 129px;
      height: 141px;
      position: absolute;
      background: url(../images/weixinEm_1.png) no-repeat;
      left: 26%;
      background-size: 100%;
    }
    li.wx_con em.em2 {
        display: none;
         width: 129px;
         height: 141px;
         position: absolute;
         background: url(../images/weixinEm_2.png) no-repeat;
         left: 26%;
         background-size: 100%;
       }
       li.wx_con em.em3 {
        display: none;
         width: 129px;
         height: 141px;
         position: absolute;
         background: url(../images/weixinEm_3.png) no-repeat;
         left: 26%;
         background-size: 100%;
       }
       li.wx_con em.em4 {
        display: none;
         width: 129px;
         height: 141px;
         position: absolute;
         background: url(../images/weixinEm_4.png) no-repeat;
         left: 26%;
         background-size: 100%;
       }

       li.wx_con em.em5 {
        display: none;
         width: 129px;
         height: 141px;
         position: absolute;
         background: url(../images/weixinEm_5.png) no-repeat;
         left: 26%;
         background-size: 100%;
       }

       li.wx_con em.em6 {
        display: none;
         width: 129px;
         height: 141px;
         position: absolute;
         background: url(../images/weixinEm_6.png) no-repeat;
         left: 26%;
         background-size: 100%;
       }



/*---------footer_con end-----------*/
/*footer-text-start*/
.hbuy{margin:40px auto 30px;}
.hbuy p{padding:10px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;line-height:26px;font-size: 14px;}
.hbuy em,.hbuy h5{color:#ff2020;font-weight:700;}

/*------------calc-------------------*/
span.close{position: absolute;top: 0;right: 0;display: block;width: 50px;height: 50px;line-height: 50px;text-align: center;cursor: pointer;background: #ff3d3b;color: #FFFFFF;font-size: 24px;}
#calc_fix{  width: 1190px;position: fixed;z-index: 9999;top:50%;left:50%;background: #FFFFFF;margin-left: -595px;margin-top: -300px;}

.container .calculatorNavigation{margin-bottom:40px;height:60px;background-color:#f5f5f5;color:#333;text-align:center;font-size:18px;line-height:60px;}
.container .heat_transfer{float:left;}
.container .heat_transfer ul{overflow:hidden;margin-bottom:10px;margin-left:40px;}
.container .heat_transfer li{float:left;margin-bottom:30px;width:33%;}
.container .heat_transfer li .name{float:left;padding:15px 0 0 0;color:#666;font-size:14px;}
.container .heat_transfer li input{float:left;width:178px;height:50px;border:solid 1px #e2e2e2;border-radius:4px;text-indent:10px;font-size:16px;line-height:28px;margin-right: 15px;}
.container .heat_transfer .huansuanAll{float:left;margin-bottom:20px;width:100%;height:50px;text-align:center;}
.container .heat_transfer .huansuanAll .huansuan{display:inline-block;margin-left:20px;width:178px;height:48px;border:1px solid #d9d9d9;border-radius:4px;color:#666;text-align:center;font-size:18px;line-height:50px;cursor:pointer;}
.container .heat_transfer .huansuanAll .huansuan:hover{border:none;background-color:#ff3f3c;color:#fff;}
.container .li-tab{display:none;overflow:hidden;height:630px;border:1px solid #ebebeb;}
.container .show{display:block;}
.container .calculatorAll ul .a{border:none;background-color:#ff3f3c;}
.container .calculatorAll ul li .b{color:#fff;}
.container .li-tab2 .heat_transfer ul li{width:60%;}
.container .li-tab2 .heat_transfer ul li span{border:1px solid #d9d9d9;font-size:14px;font-size:14px;}
.container .li-tab2 .heat_transfer ul li .val{height:50px;border:1px solid #d9d9d9;font-size:14px;font-size:14px;}
.container .li-tab2 .heat_transfer ul li select{height:50px;border:1px solid #d9d9d9;}
.calculatorjieshao{margin-top:40px;margin-left:40px;color:#999;font-size:14px;line-height:23px;}
/*--------biaodan--------*/
.biaodan{height:auto;display:block;overflow:hidden}
.biaodan p{line-height:24px;font-size:14px;color:#666;display:block;font-weight:100;margin-bottom:20px;text-indent:2em;}
.biaodan form{height:330px;display:block}
.biaodan form input{margin-left:0;padding:0}
.biaodan form .formleft{width:568px;margin-right:40px;float:left;height:100%;overflow:hidden;position:relative}
.biaodan form .formleft input{line-height:38px;border:1px solid #cacbcb;opacity:.5;height:38px;margin-bottom:10px;width:566px;text-indent:10px;float:left}
.biaodan form .formright{width:568px;float:left;height:100%;overflow:hidden;position:relative}
.biaodan form .formright input{line-height:38px;border:1px solid #cacbcb;opacity:.5;height:38px;margin-bottom:10px;width:566px;text-indent:10px;float:left}
.biaodan form .formright textarea{height:90px;width:566px;text-indent:10px;border:1px solid #cacbcb;opacity:.5;line-height:30px}
.biaodan form .formleft button{cursor:pointer;width:100px;height:40px;background-color:#FF3F3C;color:#FFF;line-height:40px;float:right;border:none;position:absolute;right:0;bottom:50px}
.biaodan form .formright button{cursor:pointer;width:100px;height:40px;background-color:#999;color:#FFF;line-height:40px;border:none;position:absolute;left:0;bottom:50px}
/*-------banner_top---------*/
.bservice{background:url(../images/bgservice.jpg)/*tpa=http://static.zzboiler.com/web/banner/bgservice.jpg*/ 50% 50% no-repeat}
.bsolution{ background:url(../images/pgsolution.jpg)/*tpa=http://static.zzboiler.com/web/banner/pgsolution.jpg*/ 50% 50% no-repeat;}
.bsolution{ background:url(../images/pgsolution.jpg)/*tpa=http://static.zzboiler.com/web/banner/pgsolution.jpg*/ 50% 50% no-repeat;}
.mobileFooter,.mobileIban{
    display: none; 
}
.onlyPc{
    display: block; 
}
.pcHeader {display: block; }
.mobileHeader {display: none; }
@media screen and (max-width:1199px){
    body{
		min-width: 1200px; 
	}
    body,button,input,select,textarea{color:#666;font:14px/24px "Microsoft Yahei","WenQuanYi Micro Hei",SimSun,Tahoma,Arial,Helvetica,STHeiti}
    #calc_fix{width: 990px;margin-left:-495px;}
    .container .heat_transfer li input{width: 130px;}

    .bservice{background:url(../images/bgservice_s.jpg)/*tpa=http://static.zzboiler.com/web/banner/bgservice_s.jpg*/ 50% 50% no-repeat}
    .bsolution{ background:url(../images/pgsolution_s.jpg)/*tpa=http://static.zzboiler.com/web/banner/pgsolution_s.jpg*/ 50% 50% no-repeat;}
    .bsolution{ background:url(../images/pgsolution_s.jpg)/*tpa=http://static.zzboiler.com/web/banner/pgsolution_s.jpg*/ 50% 50% no-repeat;}
    .container,.cpnav,.header .hdbox,.navlist,.wrapper,.navpb{width:990px}
    .header_soso_con{top:80px;}
    .header{width: 990px;margin: 0 auto;}
    .header .logo{width: 330px;}
    .header_top{width:990px;margin: 0 auto;}
    .nav {width: 660px;overflow: hidden;}
    .navlist li .poslf {width: 94px;}
    .navpro .plist {width: 990px;}
    .navpro .plist ul.fv {width: 198px;}
    .container,.cpnav,.header .hdbox,.navlist,.wrapper,.navpb{width:990px}
    .navlist li .items { width: 94px; }
    .navlist li .online-items {width: 138px;}
    .navlist li.first { margin-left: 0; }
    .navlist li .navpro, .navpro .plist { height: 400px; }
    .navlist li .navpro {top: 80px;}
    .navpro .plist ul.tj { display: none; }
    .header .hdbox{height:80px}
    .header .logo{margin-top:13px;}
    .nav{width:630px;}
    .navlist li{width:78px;}
    .navlist li .items{font-size:16px;}
    .navlist .header_soso p{line-height:77px;}
    .navlist .header_soso i{margin-top:30px;}
    .footer_con{width: 988px;}
    .footer_con ul li{padding: 0 46px;}
    .footer_con ul li em{left: 21%;}
    /*------------*/
    .biaodan form .formleft{width:47.7%}
    .biaodan form .formright{width:47.7%}
    .biaodan form .formleft input{width:98%}
    .biaodan form .formright input{width:98%}
    .biaodan form .formright textarea{width:98%}
    .mid_tit2 h2{left:377px}
    .new_fanye .pre{width:43%}
    .new_fanye .mid{width:13%}
    .h60{height:30px;width:100%;display:block;clear:both;overflow:hidden}
    .h50{height:25px;width:100%;display:block;clear:both;overflow:hidden}
    .h40{height:20px;width:100%;display:block;clear:both;overflow:hidden}
    .h30{height:15px;width:100%;display:block;clear:both;overflow:hidden}
    .header .hdbox{height:80px}
    .header .logo{margin-top:13px}
    .nav{height:80px}
    .navlist{margin:0 auto;height:80px}
    .navlist li .items{height:80px;font:400 16px/80px "microsoft yahei"}
    .navlist li dl{top:80px}
    .navlist li .items{font:400 16px/80px "microsoft yahei"}
    .navlist li{width:96px}
    .footer_con{width: 988px;}
    .footer_con ul li{padding: 0 46px;}
    .footer_con ul li em{left: 21%;}
    .ftbox{width:990px;}
    

}
@media screen and (max-width:1190px){
    .header .logo{margin-right:30px;}
    .nav{width:630px;}
    .navlist li{width:78px;}
    .navlist li .items{font-size:16px;}
    .navlist .header_soso p{line-height:77px;}
    .navlist .header_soso i{margin-top:30px;}
}
/*---------bg sm-----------*/
.bg_sm {margin-top:40px;  width: 100%; height: 440px; background: url("https://static.zzboiler.com/web/img/bg_sm.jpg") center; color: #FFFFFF; text-align: center; margin-bottom: 90px; }
.bg_sm span { display: block; font-size: 30px; margin: 90px auto 25px; }
.bg_sm p { text-align: center; }
.bg_sm .profe { width: 100%; height: 110px; margin-top: 50px; }
.bg_sm .profe dl { width: 25%; float: left; }
.bg_sm .profe dl dt { width:50px; height:55px; margin: 0 auto; background: url("https://static.zzboiler.com/web/img/ppci.png") no-repeat -12px -38px; }
.bg_sm .profe dl dd { text-align: center; color: #FFFFFF; font-size: 16px; transition: all .2s;}
/*  .bg_sm .profe dl:hover dt { background-position-y: -116px; }  */
.bg_sm .profe dl:hover dd { color: #ff3f3b; }

.index_3_mobile{
    display: none;
}

@media screen and (max-width:640px) {
    body {
        min-width: 100% !important;
    }
    .container,
    .cpnav,
    .header .hdbox,
    .navlist,
    .wrapper,
    .navpb {
        width: 100% !important;
        padding: 5px 15px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        display: block !important;
    }
    .iban .hd {
        bottom: 0px !important;
        height: 27px !important;
        min-width: 100px !important;
    }
    .iban .hd li {
        width: 60px !important;
        height: 4px !important;
        border-bottom: 0px #FFF solid !important;
        background: #202124;
    }
    .iban .hd li.on{
        background: #ff3f3b!important;
    }
    .qu_nav .threed_box .sm_box {
        margin-right: 10px !important;
    }
    .qu_nav {
        width: 100% !important;
        height: auto !important;
        overflow: hidden !important;
        margin: 10px 0 10px !important;
    }

    .qu_nav ul.squ {
        width: 340px !important;
        height: auto !important;
        float: inherit !important;
        margin: 0 auto !important;
    }
    .qu_nav .threed_box {
        float: inherit !important;
    }
    .pro {
        width: 100% !important;
        height: auto !important;
        margin: 20px 0 20px !important;
        border-top: 1px solid #efefef !important;
        border-left: 1px solid #efefef !important;
        overflow: hidden !important;
        display: block !important;
    }


    /* .container-fu */
    .container-fu.footer_main,
    .rongliang,
    .newslist,
    .appli {
        display: none !important;
    }
    .index_5 div {
        width: 46% !important;
    }
    .iban.mobileIban{
        height: 380px; 

    }
    .pcIban {
        display: none!important;
    }
    .mobileIban {
        display: block!important;
    }
    .threed_box {
        width: 100%!important;
    }
    .threed_box_con {

        width: 820px!important;
        overflow-x: scroll!important;

    }

    .threed_box_con::-webkit-scrollbar-track:vertical {}

    .threed_box_con::-webkit-scrollbar-thumb:vertical {
        background-color: rgba(136, 141, 152, 0.5) !important;
        border-radius: 10px !important;
        background-clip: content-box !important;
        border: 2px solid transparent !important;
    }

    .threed_box_con::-webkit-scrollbar-track:horizontal {}

    .threed_box_con::-webkit-scrollbar-thumb:horizontal {
        background-color: rgba(136, 141, 152, 0.5) !important;
        border-radius: 10px !important;
        background-clip: content-box !important;
        border: 2px solid transparent !important;
    }
    .index_3_pc {
        display: none; 
    }
    
.index_3_mobile{
    display: block;
}

    .index_3_mobile .container {
        position: relative;
        height: 180px;
        text-align: center;
        font-size: 15px;
        line-height: 1.5; 
        padding-top: 25px !important;
        color: #fff;
    }
    .index_3_mobile .container b {
        font-size: 26px;

    }
    .index_3_mobile .container div{
        margin-bottom: 10px; 
    }
.ahover{
    display: block;
    margin: 20px auto 0;
    border: 1px solid #fff;
    width: 150px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 12px;

}

    .mobileHeader {
        display: block!important;
    }
    .pcHeader {
        display: none!important;
    }
    .index_5 {
        height: 180px!important;
        margin: 15px 0 10px!important;
    }
    .index_5 div b {
        font-size: 16px!important;

    }
    .index_5 div span {
        margin-bottom: 10px!important;
    }
    .pcFooter {
        display: none
    }
    .mobileFooter {
        display: block!important;
        background: #2e3033!important;
        overflow: hidden;
    }
    .onlyPc{
        display: none; 
    }
    .c-btn {
        margin-bottom: 20px!important;
        height: 35px!important;
    padding: 0 20px!important;
        padding: 0 20px!important;
        width: 100%; 
        background-color: #ff3f3b!important;
        color: #fff!important;
        font-size: 14px!important;
        line-height: 35px!important;
        text-align: center!important;
        display: inline-block!important;
        cursor: pointer!important;
        outline: 0!important;
        -webkit-box-sizing: border-box!important;
        -moz-box-sizing: border-box!important;
        box-sizing: border-box!important;
    }
    .pro dl dt {
        margin: 20px auto 0 !important;
    }
    .pro dl {
        width: 50% !important;
        float: left !important;
        box-sizing: border-box !important;
        border-top: none !important;
        border-left: none !important;
        height: 280px !important;
    }
    .pro dl:hover {
        border-color: #efefef !important;
    }


    .pro dl dd a.del,
    .pro dl dd a.con,
    .cebian {
        display: none!important;
    }
    /* 导航 */
    .mobileLogoDiv {
        display: block!important;
        float: left!important;
        width: 125px!important;
        margin: 10px 0 0 20px!important;
    }
    .mobile {
        width: 100%!important;
        display: block!important;
        height: 50px!important;
        z-index: 998999!important;
        position: relative!important;

    }
    .mobile-inner {
        margin-right: auto;
        margin-left: auto;
        background-color: #fafafa;
        position: relative;
    }
    .mobile-inner ul,
    .mobile-inner ul li {
        list-style: none;
        padding: 0;
    }
    .mobile-inner img {
        width: 100%;
    }
    .mobile-inner p {
        color: #676767;
        line-height: 25px;
        font-size: 16px;
        padding-bottom: 30px;
        padding-right: 30px;
        padding-left: 30px;
        margin: 0px;
    }
    .mobile-inner-header {
        background-color: #202124;
        width: 100%;
        height: 50px;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .mobile-inner-header-icon {
        color: #ffffff;
        height: 50px;
        font-size: 25px;
        text-align: center;
        float: right;
        width: 50px;
        position: relative;
        -webkit-transition: background 0.5s;
        -moz-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .mobile-inner-header-icon:hover {
        cursor: pointer;
    }
    .mobile-inner-header-icon span {
        position: absolute;
        left: calc((100% - 25px) / 2);
        top: calc((100% - 1px) / 2);
        width: 25px;
        height: 1px;
        background-color: rgba(255, 255, 255, 1);
    }
    .mobile-inner-header-icon span:nth-child(1) {
        transform: translateY(4px) rotate(0deg);
    }
    .mobile-inner-header-icon span:nth-child(2) {
        transform: translateY(-4px) rotate(0deg);
    }





    .mobile-inner-header-icon-click span:nth-child(1) {
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: clickfirst;
    }
    .mobile-inner-header-icon-click span:nth-child(2) {
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: clicksecond;
    }



    @keyframes clickfirst {
        0% {
            transform: translateY(4px) rotate(0deg);

        }

        100% {
            transform: translateY(0) rotate(45deg);
        }
    }



    @keyframes clicksecond {
        0% {
            transform: translateY(-4px) rotate(0deg);
        }

        100% {
            transform: translateY(0) rotate(-45deg);
        }
    }

    .mobile-inner-header-icon-out span:nth-child(1) {
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: outfirst;
    }
    .mobile-inner-header-icon-out span:nth-child(2) {
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: outsecond;
    }

    @keyframes outfirst {
        0% {
            transform: translateY(0) rotate(-45deg);
        }

        100% {
            transform: translateY(-4px) rotate(0deg);
        }
    }



    @keyframes outsecond {
        0% {
            transform: translateY(0) rotate(45deg);
        }

        100% {
            transform: translateY(4px) rotate(0deg);
        }
    }

    .mobile-inner-nav {
        background-color: rgba(0, 0, 0, 0.9);
        width: 100%;
        position: absolute;
        top: 50px;
        left: 0px;
        padding-top: 10px;
        padding-bottom: 80px;
        display: none;
        overflow-x: hidden;

    }
    .mobile-inner-nav li>a {
        width: 90%;
    }

    .mobile-inner-nav a {
        display: inline-block;
        line-height: 45px;
        text-decoration: none;
        margin-left: 10%;
        color: #FFFFFF;
        border-bottom: solid 1px rgba(255, 255, 255, 0.3);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        font-weight: 300;
    }
    .mobile-inner-nav a:hover {
        /* color: rgba(255,255,255,0.4); */
        border-bottom: solid 1px rgba(255, 255, 255, 0.2);
    }

    .mobile-inner-nav a {
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: ReturnToNormal;
        animation-name: ReturnToNormal;
    }


    @keyframes ReturnToNormal {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0;
        }

        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }


    @-webkit-keyframes ReturnToNormal {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0;
        }

        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    ::-webkit-scrollbar {
        width: 12px !important;
        height: 12px !important;
    }


    .c-footer-tel-m {
        margin-bottom: 20px!important;
        box-sizing: border-box!important;
        display: block!important;
        padding: 0 9px!important;
        height: 35px!important;
        border-radius: 2px!important;
        border: 1px solid rgba(255, 255, 255, .3)!important;
        background-color: transparent!important;
        white-space: nowrap!important;
        overflow: hidden!important;
        text-overflow: ellipsis!important;
        font-size: 14px!important;
        line-height: 33px!important;
        color: #ccc!important;
        cursor: pointer!important;
        margin-bottom: 20px!important;
    }
    .c-footer-copyright {

        position: static;
    margin-top: 20px;
    padding: 0 15px 1px;
    width: auto;
    text-align: center;
    }
    .c-footer-copyright-text {
        margin-bottom: 14px!important;
        font-size: 12px!important;
        line-height: 24px!important;
        color: #ccc!important;
        padding: 0 20px;
        text-align: center;
    }
    .c-footer-copyright-text span {
    display: block;
    }


}