/*------------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;}
.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: 45px;
    border: 1px solid #e5e5e5;
    height: 45px;
    margin-bottom: 20px;
    width: 566px;
    text-indent: 14px;
    float: left;
    opacity: .8;}
.biaodan form .formright{width:568px;float:left;height:100%;overflow:hidden;position:relative}
.biaodan form .formright input{line-height: 45px;border: 1px solid #e5e5e5;height: 45px;margin-bottom: 20px;width: 566px;text-indent: 14px;float: left;
    opacity: .8;}
.biaodan form .formright textarea{height: 110px;
    width: 566px;
    text-indent: 10px;
    border: 1px solid #e5e5e5;
    line-height: 30px;
    opacity: .8;}
.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}
input::-webkit-input-placeholder{color:#333;}
.formleft select#product {
    line-height: 45px;
    border: 1px solid #e5e5e5;
    height: 45px;
    margin-bottom: 20px;
    width: 568px;
    text-indent: 14px;
    float: left;
    opacity: .8;
}
/*-------banner_top---------*/
.bservice{background:url(//static.zzboiler.com/web/banner/bgservice.jpg) 50% 50% no-repeat}
.bsolution{ background:url(//static.zzboiler.com/web/banner/pgsolution.jpg) 50% 50% no-repeat;}
.bsolution{ background:url(//static.zzboiler.com/web/banner/pgsolution.jpg) 50% 50% no-repeat;}


    /*------------*/
    .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;}
}
/*------------header_top---------------*/

.prv{position: relative;}
/*.prv * ,.header_mini,.header_mini *{transition: all .3s;}*/
.prv .navah,.navlist li .poslf .list a:hover,.navlist li .poslf .list a,.navlist .header_soso i,.prv .header_soso_con{transition: none;}
/*.navlist .header_soso i{transition: margin-top .3s;}*/
.header_mini{position: fixed;top:0;background: #FFFFFF;z-index: 99999;box-shadow: 0 0 6px #e5e5e5;opacity: .9;}
.header_mini:hover{opacity: 1;}
.header_mini .hdbox{height: 50px;}
.header_mini .header .logo{margin-top:0;transform: scale(.8);margin-left: -34px;margin-left: 0\9;}
.header_mini .navlist li .items,.header_mini .navlist,.header_mini .nav{height: 50px;}
.header_mini .navlist li .items,.header_mini .navlist .header_soso p{line-height: 50px;}
.header_mini .navlist li dl , .header_mini .navlist li .navpro , .header_mini .header_soso_con{top: 50px;}
.header_mini .navlist .header_soso i{margin-top: 15px;}

/*----------------rongliang-----------------*/
.rongliang{width:100%;height:75px;margin:60px 0 70px;border-radius:5px;background:url(//static.zzboiler.com/web/img/bg_rongliang.jpg) center;padding-top:25px;position:relative}
.rongliang .search{width:720px;height:50px;line-height:50px;margin:0 auto;font-size:16px;color:#666;z-index:9999;position:absolute;left:0;right:0}
.rongliang .search span{cursor:pointer;margin-right:5px;display:inline-block;width:95px}
.rongliang .search span i{display:inline-block;width:15px;height:15px;border:1px solid #ccc;margin:-3px 6px;font-size:10px}
.rongliang .search span.on i{background:url(//static.zzboiler.com/web/img/icon_qunav.png) -463px -65px}
.rongliang .search #which{font-style:normal;display:inline-block;width:80px}
.rongliang .search #calc{font-size:12px;color:#ff3f3b;text-decoration:dashed;cursor:pointer}
.rongliang .search a.btn,.rongliang .search input{width:100px;height:40px;line-height:40px;text-align:center;box-shadow:1px 2px 14px 1px #eaeaea;border-radius:5px;background:#FFF;display:inline-block;margin:0 5px}
.rongliang .search input::-webkit-inner-spin-button,.rongliang .search input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
.rongliang .search a.btn{color:#ff3f3b;margin-left:20px;transition:all .3s}
.rongliang .search a.btn:hover{background:#ff3f3b;color:#FFF}

/*------2018.08 product and case----------*/
.fb_grey { width: 100%; padding: 90px 0; background: #f5f5f5; }
.brt { width: 100%; display: block; text-align: center; color: #333333; margin-bottom: 60px; }
.brt a, .brt span { text-align: center; font-size: 30px; background: url("../img/bg_title.png") center bottom no-repeat; display: inline-block; line-height: 54px; }
.brt_l { text-align: left; }
.brt_p { text-align: left; }
.brt_p a, .brt_p span { font-size: 24px; line-height: 45px; }
a.ichat:before,a.td:before,.fa:before,.govs:before{display: inline-block;content: " ";width: 15px;height: 15px;background: url("../img/ppci.png") no-repeat -142px -12px;vertical-align:middle;margin-right:8px;}
a.ichat_g:before{background-position-x: -188px;}
a.ichat_w:before{background-position-x: -165px;}
a.td:before{background-position-x: -213px;}
.fa:before{background-position-x: -334px;width: 20px;}
.govs:before{background-position-x: -361px;width: 20px;}
.iloca,.imac,.iapps,.ifuel,.itime{background: url("../img/ppci.png") no-repeat -70px -184px;}
.imac{background-position-x: -127px;}
.iapps{background-position-x: -186px;}
.itime{background-position-x: -246px;}
.ifuel{background-position-x: -302px;}
/*--bottom red line--*/

/*-----*/
.cinfo dl { width: 50%; float: left; height: 60px; margin-top: 40px; }
.cinfo dl dt { width: 58px; height: 58px; float: left; border: 1px solid #aaaaaa; }
.cinfo dl dd { width: 250px; float: right; height: 100%;  color: #666; }
.cinfo dl dd em { display: block; color: #333; font-style: normal;font-size: 16px; }
/*---------man_form-----------*/
.man_form, .need_form { text-align: center; }
.man_form span, .need_form span { text-align: center; font-size: 30px; color: #333333; display: block; }
.man_form p, .need_form p { color: #666666; text-align: center; margin: 10px 0 30px; }
.man_form { margin: 90px auto 100px; }
.man_form input { width: 338px; height: 38px; border: 1px solid #CCCCCC; color: #999999; text-indent: 10px; float: left; margin-right: 30px; }
.man_form input.sub { width: 80px; height: 40px; line-height: 40px; border: none; text-indent: 0; cursor: pointer; margin-right: 0; background: #414254; color: #FFFFFF; }
/*--------need form---------*/
.need_form form > input, .need_form select { width: 380px; height: 40px; line-height: 40px; text-indent: 10px; float: left; margin-right: 25px; background: #FFFFFF; }
.need_form select { margin-right: 0; }
.need_form textarea { height: 120px; margin: 30px auto; padding: 10px; width: 100%; }
.need_form .sub { text-align: center; }
.need_form .sub input, .need_form .sub a, .need_form .sub a:hover { width: 118px; line-height: 38px; border: 1px solid #ff3f3b; cursor: pointer; display: inline-block; margin-right: 30px; background: #ff3f3b; color: #FFFFFF; }
.need_form .sub a, .need_form .sub a:hover { margin-right: 0; }
.need_form .sub a { color: #ff3f3b; background: none; transition: all .2s; }
/*---------bg sm-----------*/
.bg_sm { width: 100%; height: 440px; background: url("../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("../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; }

@media screen and (max-width: 1190px){
    .man_form input{width:271px;}
    .need_form form > input, .need_form select{width:317px;margin-right: 19px;}
    .need_form select{margin-right: 0;}
}