/*reset*/
html {font-family: sans-serif;line-height: 1.5;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} 
body {font-family: 'Microsoft Yahei','Helvetica Neue',Helvetica,'Lucida Grande',Arial,'Hiragino Sans GB','WenQuanYi Micro Hei',STHeiti,SimSun,sans-serif;font-size: 62.5%;color: #333333;text-align: left;background-color: #fff;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dd,dl,form { margin: 0;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
img { max-width: 100%; height: auto; vertical-align: middle; -ms-interpolation-mode: bicubic; border: 0;}
ol,ul { padding-left: 0; list-style-type: none;}
i,em { font-style: normal;}
big { font-size: 2.4em;}
/* small { font-size: 1.3em;} */
a { text-decoration: none; outline: 0; color: #333333;}
a:hover{ color:#c70008;text-decoration: none;}
span { outline:none;}
article,aside,dialog,footer,header,section,nav,figure,menu,audio,canvas,progress,video { display: block;}
input,select,textarea{outline: 0;font-family: inherit;font-size:100%;border:none;}
input[type='checkbox'], input[type='radio'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto;}
input[type='search'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield;}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none;}
input[type='file'] { display: block;}
input[type='range'] { display: block; width: 100%;}
select[multiple], select[size] { height: auto;}
input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
fieldset { min-width: 0; margin: 0; padding: 0; border: 0;}
legend { font-size: 1.3em; line-height: 2.5; display: block; width: 100%; margin-bottom: 20px; padding: 0; color: #333; border: 0; border-bottom: 1px solid #e5e5e5;}
table { border-spacing: 0; border-collapse: collapse;background-color: transparent;}
td, th { padding: 0;}
::-webkit-scrollbar {width: 4px; background-color: #312f35;} 
::-webkit-scrollbar-track {background-color: #312f35;} 
::-webkit-scrollbar-thumb {background-color: #c70008;} 
*::-webkit-media-controls-start-playback-button {display: none; -webkit-appearance: none;} 
*::-webkit-media-controls-panel {display: none; -webkit-appearance: none;} 
*::--webkit-media-controls-play-button {display: none; -webkit-appearance: none;}

/*zoosnet*/
#LRdiv0 {display: none!important;}

/*color*/
.text-primary {color: #626060;}
.text-muted {color: #9f9f9f;}
.text-black {color: #312f35;}
.text-white {color: #f0f0f0;}
.text-white:hover {color: #c70008;}
.text-red {color: #c70008;}
.text-ftlist {color: #adacae;}

/*tools*/
.full {width: 100%; clear: both;} 
.bgrey {background-color: #f7f7f7; overflow: hidden;}
.bgred {background-color: #c70008; overflow: hidden;}
.fl { float: left;} .fr { float: right;}
.pr { position: relative;} .pa { position: absolute;}
.tc { text-align: center;} .tr { text-align: right;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hide { display: none;} .hidetext { font: 0/0 a; letter-spacing: -9px;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.oh { overflow: hidden; *zoom: 1;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.arr { display: inline-block; overflow: hidden; width: 0; height: 0;}
.opca { opacity: 0 ; filter: alpha(opacity=0);}
.mt10 {margin-top: 10px;}.mr50 {margin-right: 50px;}.mt60 {margin-top: 60px;}.mb60 {margin-bottom: 60px;}.mtb60 {margin: 60px 0;}
.w900 {width: 900px;}.w300 {width: 300px;}

/*header*/
header .top {width: 100%; height: 36px; background-color: #312f35; font-size: 1.3rem;}
header .top ul li {float: left; }
header .top .mininav li {line-height: 36px;}
header .top .mininav li a { margin-right: 20px;color: #b5b5b5; text-decoration: none;}
header .top .mininav li a:hover {color: #f0f0f0;}
header .top .wxla li {height: 36px;line-height: 36px; position: relative;}
header .top .wxla li:hover {cursor: text;}
header .top .wxla li:nth-child(1),header .top .wxla li:nth-child(2) {padding-right: 20px; background:url(https://static.zzboiler.com/zg/images/top-weixin-line.jpg) right 13px no-repeat;}
header .top .wxla li>a {margin-left: 20px;color: #b5b5b5;cursor: text;text-decoration: none;}
header .top .wxla li:nth-child(2),header .top .wxla li:nth-child(2)>a {cursor:pointer;}
header .top .wxla li a:hover,header .top .wxla li:hover>a {color: #f0f0f0;}
header .top .wxla li a i {margin-right: 0.3rem; font-size: 13px; padding: 0;}
header .top .wxla dl { display: none; position: absolute;left: 20px; top: 34px;z-index:99; border-top: 2px solid #c70008; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);}
header .top .wxla .wx {width: 142px;}
header .top .wxla .lang {background-color: #fff;padding: 10px 0;}
header .top .wxla .lang dd {line-height: 30px; width: 82px; text-align: center;}
header .top .wxla .lang a {margin-left: 0;color: #333333;text-decoration: none;}
header .top .wxla .lang a:hover {color: #c70008;}
header .navbox {position: relative;width: 100%;height: 100px;}
header .navbox .logo {margin-top: 22px; float: left;}
header .navbox .logo img {float: left; width: 252px; height:56px;}
header .navbox .navtel {float: right; margin: 28px 5px 0 0;}
header .navbox .navtel>div {float: left; width: 97px;}
header .navbox .navtel>div span {display: block; width: 1px; height: 16px;background:url(https://static.zzboiler.com/zg/images/top-weixin-line.jpg) left 0 repeat-y; margin-top: 14px;}
header .navbox .navtel .icon-navtel {display: block;float: right;color: #c70008;font-size: 30px;margin-right: 12px;}
header .navbox .navtel dl {float: left; margin-top: 5px;}
header .navbox .navtel dl dt {font-size: 12px;line-height: 16px;color: #9b9a9a;}
header .navbox .navtel dl dd {font-size: 14px;line-height: 18px;}
header .navbox .navlist {float: left;height: 100px;margin-left: 59px;font-size: 1.5rem; }
header .navbox .navlist li {float: left;margin: 0 25px;}
header .navbox .navlist li:hover>a {color: #c70008;text-decoration: none;}
header .navbox .navlist li>a {display: block;width:60px;height:100px; line-height: 100px;position:relative;}
header .navbox .navlist li>a:after{content: ""; width:0; height:2px; background-color: #c70008; position:absolute; bottom:0%; left:50%; transition:all .5s;} 
header .navbox .navlist li>a:hover::after {left:0%; width:100%;}
header .navbox .navlist li>dl,header .navbox .navlist li>div {display: none;}
header .navbox .navlist li:hover>dl {display: block; position: absolute; left: -25px; top: 100px; background-color: #fafafa;padding: 10px 0;z-index: 9999;}
header .navbox .navlist li:hover>dl dd {font-size: 0.9em; width: 110px; text-align: center; line-height:36px;}
header .navbox .navlist li:hover>dl dd a,header .navbox .navlist li:hover>dl dd a:hover {display: block;}
header .navbox .navlist li:hover>dl dd a:hover {display: block; color: #fff;background-color: #c70008;}
header .navbox .navlist li>dl:after,header .navbox .navlist li:hover .probox:after {content: ""; width:0; height:2px; background-color: #c70008; position:absolute; top:-2px; left:50%; transition:all .3s;} 
header .navbox .navlist li>dl:hover::after,header .navbox .navlist li:hover .probox:hover::after {left:0%; width:100%;}
header .navbox .navlist li:hover .probox {display: block; width: 100%; position: absolute; left: 0; top: 100px; background-color: #fafafa; font-size: 0.9em; z-index: 9999;}
header .navbox .navlist .probox .prolf,header .navbox .navlist .probox .prort {padding: 56px 0 46px; line-height: 2.0em;}
header .navbox .navlist .probox .prolf { float: left; width: 260px;margin-right: 40px; text-align: center;}
header .navbox .navlist .probox .prolf dl dt {font-size: 1.5em; margin: 20px 0 30px;}
header .navbox .navlist .probox .prolf dl dd {line-height: 2.2em;}
header .navbox .navlist .probox .prolf dl dd:last-child a {display: block; width: 140px; margin: 30px 0 0 60px; line-height: 2.6em;border: 1px solid #cfcfd0; color: #333333;}
header .navbox .navlist .probox .prolf dl dd:last-child a:hover {border-color: #c70008;color: #c70008;}
header .navbox .navlist .probox .prort {float: left; width: 900px; background:url(https://static.zzboiler.com/zg/images/bg_navpro.jpg) 45px 50px no-repeat;}
header .navbox .navlist .probox .prort dl {float: left; margin: 90px 36px 0 46px;}
header .navbox .navlist .probox .prort dl dt {font-weight: bold; font-size: 1.2em; line-height: 2.6em;}
header .navbox .navlist .probox .probt {clear: both;border-top: 1px solid #cfcfd0; line-height: 36px;}
header .navbox .navlist .probox .probt .fl {text-shadow: 0px 0px 1px #fff;}
header .navbox .navlist .probox .probt .fr {line-height: 32px;}
header .navbox .navlist .probox .probt .fr i {font-size: 1.3em;}

/*footer*/
footer {border-top: 4px solid #c70008; background-color: #312f35; overflow: hidden;clear: both;}
footer .ftt a,footer .ftt .ftcont p {color: #adacae; font-size: 1.3rem;line-height: 2.2rem;text-decoration: none;}
footer .ftt a:hover,footer .ftb p a:hover {color: #f0f0f0; text-shadow:0px 0px 1px #f0f0f0;}
footer h6 {color: #f0f0f0; font-size: 1.5rem;margin-bottom: 15px;font-weight: normal;}
footer .fto {margin-top: 50px; margin-bottom: 60px; overflow: hidden;}
footer .fto .fl img {width: 220px; height: 62px;}
footer form.isch input {display: block;float: left; font-size: 1.3rem;line-height: 30px; margin-top: 12px;}
footer form.isch .key {width: 488px;height: 32px; padding-left: 12px; color: #f0f0f0; background-color: #392e31; border-left:1px solid #6e6d70; border-top:1px solid #6e6d70; border-bottom:1px solid #6e6d70; border-right: none; border-radius: 12px 0px 0px 12px;}
footer form.isch .sub {width: 100px;background-color: #6e6d70;color: #cfcfcf;border-right:1px solid #6e6d70;border-top:1px solid #6e6d70; border-bottom:1px solid #6e6d70; border-left: none;border-radius: 0px 12px 12px 0px; cursor: pointer;}
footer form.isch .sub:hover {background-color: #f0f0f0; color: #333333;}
footer .ftt {width: 100%; padding-bottom: 80px; border-bottom: 1px solid #515151; clear: both; overflow: hidden;}
footer .ftt .ftlist {float: left;width: 599px;border-right: 1px solid #515151; overflow: hidden;}
footer .ftt .ftlist ul {float: left; margin-right: 50px;}
footer .ftt .ftlist ul li { text-align: center;}
footer .ftt .ftcont {float: right;width: 500px; background:url(https://static.zzboiler.com/zg/images/bg_ft.png) top right no-repeat;}
footer .ftt .ftcont .ftel {color: #f0f0f0;}
footer .ftt .ftcont .ftel span {padding: 0 10px;}
footer .ftt .ftcont .fl {width: 240px;}
footer .ftt .ftcont .fr {width: 260px;}
footer .ftt .ftcont .fr a {float: right; text-indent: 5px; display: inline-block; height: 25px; line-height: 25px; margin-left: 23px; margin-top: 118px;overflow: hidden;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;text-decoration: none;}
footer .ftt .ftcont .fr em {}
footer .ftt .ftcont .fr .toutiao {width: 70px;}
footer .ftt .ftcont .fr .qie {width: 25px;}
footer .ftt .ftcont .fr .sohu {width: 25px;}
footer .ftt .ftcont .fr .baijia {width: 25px;}
footer .ftt .ftcont .fr i {display: block; float: left; width: 25px; height: 25px;background:url(https://static.zzboiler.com/zg/images/bg_zmt.png) 0px -25px no-repeat;}
footer .ftt .ftcont .fr .qie i {background-position:-75px 0px;}
footer .ftt .ftcont .fr .sohu i {background-position:-25px 0px;}
footer .ftt .ftcont .fr .baijia i {background-position:-50px 0px;}
footer .ftb {width: 100%;line-height: 4.8rem; height: 4.8rem; padding-bottom: 20px; overflow: hidden;}
footer .ftb p {color: #adacae; font-size: 1.3rem;}
footer .ftb p a {color: #adacae;text-decoration: none;}
footer .ftb p span {padding: 0 10px;}

/*product bottom*/
.probtchat {padding: 35px 0; overflow: hidden;}
.probtchat,.probtchat a {color: #f0f0f0;}
.probtchat p {font-size: 1.6em; line-height: 30px;}
.probtchat a {display: block; width: 130px; text-align: center;font-size: 1.4em; line-height: 26px; border-radius: 10px; border: 2px solid #fff; transition: all .3s;}
.probtchat a i {margin-top: 10px;font-size: 1.2em;}
.probtchat a:hover {background-color: #fff; color: #c70008; transition: all .3s;}
.probtadva {margin: 60px 0 80px; overflow: hidden;}
.probtadva dt {text-align: center;}
.probtadva dt h6 {font-size: 2.4em;}
.probtadva dt p {color: #999;font-size: 1.4em; margin-top: 5px;}
.probtadva dd {float: left; background-color: #fff;width: 180px; height: 240px; margin: 30px 24px 10px 0;text-align: center; color: #626060; font-size: 1.4em;box-shadow:0 10px 10px -10px #ccc;}
.probtadva dd:hover { box-shadow:0 10px 10px -10px #c70008; transition: all .3s;}
.probtadva dd:last-child {margin-right: 0;}
.probtadva dd img {width: 55px; height: 55px; padding: 60px 62px 70px;}
.probtlist {background-color: #f7f7f7; width: 240px; padding: 20px;float: left; }
.probtlist li {line-height: 43px; height: 43px; margin-bottom: 6px;}
.probtlist li:last-child {margin-bottom: 0;}
.probtlist li a {display: block; text-indent: 25px; font-size: 1.4em; background-color: #fff; }
.probtlist li a i {float: right; margin-right: 25px; color: #c70008;}
.probtlist li a:hover {background-color: #c70008; color: #f0f0f0; transition: all .3s;}
.probtlist li a:hover i {color: #f0f0f0; transition: all .3s;}
.probtcom {float: right; width: 890px; height: 230px; color: #f0f0f0; background: url("https://static.zzboiler.com/zg/images/probtpic.jpg") no-repeat;}
.probtcom h6 {text-align: center; font-size: 2.6em; padding-top: 40px;}
.probtcom p {padding: 20px 20px 0; font-size: 1.4em; line-height: 2.0em;}
.probtcom p a {color: #fafafa;}
.probtcom p a:hover {font-weight: bold;}
.probtform {clear: both; margin-top: 30px; float: left; width: 100%; padding-top: 20px;}
.probtformlf {float: left; width: 240px;}
.probtformlf .pflfbox {margin: 0 0 12px 20px; width: 100%; height: 200px; text-align: center; padding: 20px 0; font-size: 1.4em; background-color: #fff;}
.probtformlf .pflfbox p {margin-bottom: 5px;}
.probtformlf .pflfbox span {font-weight: bold;}
.probtformlf .pflfbox div {width: 50px; height: 46px; border-radius: 25px; background-color: #f7f7f7; margin: 50px 95px 20px; padding-top: 4px;}
.probtformlf .pflfbox div i {color: #c70008; font-size: 2.0em;}
.probtformlf .pflfbox:hover div {background-color: #c70008; transition: all .3s;}
.probtformlf .pflfbox:hover div i {color: #f0f0f0; transition: all .3s;}
.probtformlf .pflfbox:hover span {color: #c70008;  transition: all .3s;}
.probtformlf .ljzx a {display: block;clear: both; text-align: center; width: 238px; line-height: 40px;border: 1px solid #c70008; margin:0 0 20px 20px;color: #c70008; font-size: 1.4em;}
.probtformlf .ljzx a:hover {background-color: #c70008; color: #fff; transition: all .3s;}
.probtformrt {float: right; width: 890px; font-size: 1.4em;}
.need_form span {text-align: center; margin-top: 10px; font-size: 1.6em; color: #333; display: block; }
.need_form p { color: #626060; margin: 10px 0 20px; padding-right: 20px;}
.need_form form {background-color: #fff; padding: 20px 20px; margin-right: 20px;}
.need_form .yhang {margin-top: 20px; overflow: hidden;}
.need_form .yhang em {float: left; width: 60px; line-height: 40px;}
.need_form .yhang input, .need_form .yhang select {display: block; float: left; width: 770px; height: 40px; line-height: 40px; text-indent: 10px; background: #f7f7f7; box-sizing: border-box;}
.need_form textarea { display: block; padding: 5px 12px; line-height: 30px; height: 120px; width: 746px; background-color: #f7f7f7; }
.need_form input.sub { display: block;width: 118px; line-height: 38px; border: 1px solid #ff3f3b; cursor: pointer; background: #c70008; color: #fff; margin-left: 355px;}
.probtrela {margin-bottom: 60px; float: left;}
.probtrela li {float: left; margin-right: 20px; width: 285px; height: 160px;}
.probtrela li:first-child {background: url("https://static.zzboiler.com/zg/images/probtpic_1.jpg") no-repeat;}
.probtrela li:nth-child(2) {background: url("https://static.zzboiler.com/zg/images/probtpic_2.jpg") no-repeat;}
.probtrela li:nth-child(3) {background: url("https://static.zzboiler.com/zg/images/probtpic_3.jpg") no-repeat;}
.probtrela li:last-child {background: url("https://static.zzboiler.com/zg/images/probtpic_4.jpg") no-repeat;margin-right: 0;}
.probtrela li a {display: block;  position: relative; width: 100%; height: 100%;}
.probtrela li a em {display: block; z-index:9; background-color: #fff;width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0, 0, 0, 0.6);}
.probtrela li a p {text-align: center;clear: both; font-size: 1.8em;}
.probtrela li a div,.probtrela li p {position: relative; z-index: 99; color: #f0f0f0;}
.probtrela li a div {float: left;width: 50px; height: 47px; padding-top:3px; margin: 40px 0 10px 117px; border-radius:25px; background-color: #fff;}
.probtrela li a div i {color: #626060; font-size: 30px; margin: 10px 0 0 10px;}
.probtrela li a:hover em {background:rgba(199, 0, 8, 0.8); transition: all .3s;}
.probtrela li a:hover div i {color: #c70008;}

/*sidebar chatting*/
.sidebar {height:354px;width:70px;position:fixed;top:33.33333%;right:0;z-index:999;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); background-color: #fff;}
.sidebar ul li a {display: block; height: 68px; padding-top: 3px; text-align: center;font-size: 1.1rem; background:url(https://static.zzboiler.com/zg/images/bg_sidebar.jpg) center bottom no-repeat;text-decoration: none;}
.sidebar ul li a i {font-size: 2.6rem; }
.sidebar ul li:nth-child(1) a,.sidebar ul li:last-child a:hover,.sidebar ul li:last-child a:hover i {color: #c70008;}
.sidebar ul li a:hover {background: none #c70008; color: #fff;}
.sidebar ul li a:hover i {color: #fff;}
.sidebar ul li:last-child a {height: 70px; background: none;}
.sidebar .sdwx {display: none;top: -71px;right: 70px; width: 130px; height: 142px;}
.sidebar .sdwx .sdlf {float: left;width: 120px; height: 142px; background-color: #fff;}
.sidebar .sdwx .sdlf img {width: 100%;}
.sidebar .sdwx .sdlf p {line-height: 1.2rem; text-align: center;font-size: 1.2rem;}
.sidebar .sdwx .sdar {margin-top: 116px;}
.sidebar .sdwx .sdar,.sidebar .sdtel .sdar {float: right;width: 10px;}
.sidebar .sdwx .sdar i,.sidebar .sdtel .sdar i {font-size: 1.1rem; color: #fff;}
.sidebar .sdtel {display: none;top: 31px;right: 70px;width: 130px; height: 40px;}
.sidebar .sdtel .sdlf {width: 120px; line-height: 40px; float: left; text-align: center;font-size: 1.2rem; color: #c70008;background-color: #fff;font-weight: bold;}
.sidebar .sdtel .sdar {margin-top: 14px;}
.sidebar li.hvo:hover .sdwx,.sidebar li.hvt:hover .sdtel {display: block; animation: hideTop 0.5s; -webkit-animation: hideTop 0.5s; -moz-animation: hideTop 0.5s; -o-animation: hideTop 0.5s;}
@keyframes hideTop {0%{opacity: 0; transform: translate(-5px,0px);} 100%{opacity: 1; transform: translate(0,0);} } @-webkit-keyframes hideTop {0%{opacity: 0; transform: translate(-5px,0px);} 100%{opacity: 1; transform: translate(0,0);} } @-moz-keyframes hideTop {0%{opacity: 0; transform: translate(-5px,0px);} 100%{opacity: 1; transform: translate(0,0);} } @-o-keyframes hideTop {0%{opacity: 0; transform: translate(-5px,0px);} 100%{opacity: 1; transform: translate(0,0);} } 
.sidebar .sdlibg {background-color: #c70008;}
.sidebar .sdlibg a {color: #fff; background: none;}

/*head phone*/
.masked { position: fixed; background-color: rgba(51, 51, 51, 0.4); width: 100%; height: 100%; top: 0; left: 0; z-index: 19960426;display:none;}
.popup { width: 500px; height: 230px; display: none; background: #fff; position: absolute; top: 50%; margin-top: -115px; left: 50%; margin-left: -250px; z-index: 11999; overflow: hidden; }
.popup i.close { width: 18px; height: 18px; color: #c70008; font-size: 24px; font-weight: bold; font-style: normal; display: block; position: absolute; top: 10px; right: 10px; cursor: pointer; }
.popup .ctn { text-align: center; padding-top: 50px; }
.popup p { font-size: 1.8rem; margin-bottom: 25px;}
.popup .error_num { display: none; color: orange; font-size: 1.4rem; margin-top: 10px;}
.popup input { width: 220px; height: 38px; border: 1px solid #e5e5e5; line-height: 38px; text-indent: 10px; font-size: 1.4rem;clear: both;}
.popup .sub, .popup em.close { cursor: pointer; text-indent: 0; background: #c70008; color: #FFFFFF; width: 80px; height: 42px;border-color: #c70008;}
.popup .success { display: none;font-size: 1.4rem;}
.popup em.close { font-style: normal; display: inline-block; line-height: 40px; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.shake {animation-name:shake;-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name: shake;}
@-webkit-keyframes shake { from, to { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); -webkit-transform: translate3d(-10px, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);} 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); -webkit-transform: translate3d(10px, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);}}

/*calculator*/
#clac_con{position: fixed; background-color: rgba(51, 51, 51,.4); width: 100%; height: 100%; z-index:9999; top: 0px; left: 0px;display: none;}
span.close{position: absolute;top: 0;right: 0;display: block;width: 50px;height: 50px;line-height: 50px;text-align: center;cursor: pointer;background: #c70008; color: #FFFFFF;font-size: 24px; font-family: "Arial";}
#calc_fix{ width: 1200px;position: fixed;z-index: 9999;top:50%;left:50%;background: #fff;margin-left: -600px;margin-top: -300px;}
.calculatorNavigation{margin-bottom:40px;height:50px;background-color:#f5f5f5;color:#333;text-align:center;font-size:18px;line-height:50px;}
.heat_transfer{float:left;}
.heat_transfer ul{overflow:hidden;margin-bottom:10px;margin-left:40px;}
.heat_transfer li{float:left;margin-bottom:30px;width:33%;}
.heat_transfer li .name{float:left;padding:15px 0 0 0;color:#666;font-size:14px;}
.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;}
.heat_transfer .huansuanAll{float:left;margin-bottom:20px;width:100%;height:50px;text-align:center;}
.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;}
.heat_transfer .huansuanAll .huansuan:hover{border-color: #c70008;background-color:#c70008;color:#fff;}
.li-tab{display:none;overflow:hidden;height:630px;border:1px solid #ebebeb;}
.show{display:block;}
.calculatorAll ul .a{border:none;background-color:#c70008;}
.calculatorAll ul li .b{color:#fff;}
.li-tab2 .heat_transfer ul li{width:60%;}
.li-tab2 .heat_transfer ul li span{border:1px solid #d9d9d9;font-size:14px;font-size:14px;}
.li-tab2 .heat_transfer ul li .val{height:50px;border:1px solid #d9d9d9;font-size:14px;font-size:14px;}
.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;}

/*animation*/
.drlf {animation: drleft 0.5s;-webkit-animation: drleft 0.5s;-moz-animation: drleft 0.5s;-o-animation: drleft 0.5s;}
@keyframes drleft {0%{opacity: 0; transform: translate(-100px,0px);} 100%{opacity: 1; transform: translate(0,0);} } @-webkit-keyframes hideTop {0%{opacity: 0; transform: translate(-100px,0px);} 100%{opacity: 1; transform: translate(0,0);} } @-moz-keyframes hideTop {0%{opacity: 0; transform: translate(-100px,0px);} 100%{opacity: 1; transform: translate(0,0);} } @-o-keyframes hideTop {0%{opacity: 0; transform: translate(-100px,0px);} 100%{opacity: 1; transform: translate(0,0);}} 
.drrt {animation: drright 0.5s;-webkit-animation: drright 0.5s;-moz-animation: drright 0.5s;-o-animation: drright 0.5s;}
@keyframes drright {0%{opacity: 0; transform: translate(100px,0px);} 100%{opacity: 1; transform: translate(0,0);} } @-webkit-keyframes hideTop {0%{opacity: 0; transform: translate(100px,0px);} 100%{opacity: 1; transform: translate(0,0);} } @-moz-keyframes hideTop {0%{opacity: 0; transform: translate(100px,0px);} 100%{opacity: 1; transform: translate(0,0);} } @-o-keyframes hideTop {0%{opacity: 0; transform: translate(100px,0px);} 100%{opacity: 1; transform: translate(0,0);}} 
.drtp {animation: drtop 0.5s;-webkit-animation: drtop 0.5s;-moz-animation: drtop 0.5s;-o-animation: drtop 0.5s;}
@keyframes drtop {0%{opacity: 0; transform: translate(0px,-100px);} 100%{opacity: 1; transform: translate(0,0);} } @-webkit-keyframes hideTop {0%{opacity: 0; transform: translate(-100px,0px);} 100%{opacity: 1; transform: translate(0,0);} } @-moz-keyframes hideTop {0%{opacity: 0; transform: translate(-100px,0px);} 100%{opacity: 1; transform: translate(0,0);} } @-o-keyframes hideTop {0%{opacity: 0; transform: translate(-100px,0px);} 100%{opacity: 1; transform: translate(0,0);}} 
.drbt {animation: drbottom 0.5s;-webkit-animation: drbottom 0.5s;-moz-animation: drbottom 0.5s;-o-animation: drbottom 0.5s;}
@keyframes drbottom {0%{opacity: 0; transform: translate(0px,100px);} 100%{opacity: 1; transform: translate(0,0);} } @-webkit-keyframes hideTop {0%{opacity: 0; transform: translate(100px,0px);} 100%{opacity: 1; transform: translate(0,0);} } @-moz-keyframes hideTop {0%{opacity: 0; transform: translate(100px,0px);} 100%{opacity: 1; transform: translate(0,0);} } @-o-keyframes hideTop {0%{opacity: 0; transform: translate(100px,0px);} 100%{opacity: 1; transform: translate(0,0);}} 

/*icon*/
@font-face {font-family: "iconfont"; /* Project id 2708623 */ src: url('//at.alicdn.com/t/font_2708623_qlrnb3okdtf.eot?t=1646115764926'); /* IE9 */ src: url('//at.alicdn.com/t/font_2708623_qlrnb3okdtf.eot?t=1646115764926#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_2708623_qlrnb3okdtf.woff2?t=1646115764926') format('woff2'), url('//at.alicdn.com/t/font_2708623_qlrnb3okdtf.woff?t=1646115764926') format('woff'), url('//at.alicdn.com/t/font_2708623_qlrnb3okdtf.ttf?t=1646115764926') format('truetype'), url('//at.alicdn.com/t/font_2708623_qlrnb3okdtf.svg?t=1646115764926#iconfont') format('svg'); } .iconfont {font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-xingye:before {content: "\e626"; } .icon-shezhi:before {content: "\e7da"; } .icon-haiwai:before {content: "\e65e"; } .icon-shangjiantou:before {content: "\e61f"; } .icon-xiajiantou:before {content: "\e621"; } .icon-youjiantou:before {content: "\e624"; } .icon-zuojiantou:before {content: "\e625"; } .icon-jiantou_qiehuanyou_o:before {content: "\eb8d"; } .icon-you:before {content: "\e620"; } .icon-zuo:before {content: "\e63c"; } .icon-anquan:before {content: "\e627"; } .icon-qiyejingshen-:before {content: "\e61a"; } .icon-gongyingshang:before {content: "\e61c"; } .icon-zhijian:before {content: "\e61d"; } .icon-yanfa:before {content: "\e791"; } .icon-jianchanyuan:before {content: "\e61e"; } .icon-goujian:before {content: "\e8c7"; } .icon-gangcai:before {content: "\e663"; } .icon-youxiang:before {content: "\e615"; } .icon-shenfenzheng:before {content: "\e616"; } .icon-dizhi:before {content: "\e619"; } .icon-noselected:before {content: "\e605"; } .icon-dian:before {content: "\ec1e"; } .icon-shipin:before {content: "\e63b"; } .icon-jisuanqi:before {content: "\e6c8"; } .icon-pro:before {content: "\e613"; } .icon-arrow:before {content: "\e69b"; } .icon-up:before {content: "\e903"; } .icon-top-tel:before {content: "\e6cb"; } .icon-shijian:before {content: "\e64d"; } .icon-gengduo:before {content: "\e63f"; } .icon-yingyong:before {content: "\e62a"; } .icon-top-weixin:before {content: "\e628"; } .icon-dituzuobiao:before {content: "\e603"; } .icon-zhuanli:before {content: "\e6f2"; } .icon-QQ:before {content: "\e882"; } .icon-boke:before {content: "\e986"; } .icon-yueduliang:before {content: "\e60b"; } .icon-mima:before {content: "\e60f"; } .icon-home-tian:before {content: "\e696"; } .icon-shipinxiazai:before {content: "\e632"; } .icon-yueduliang1:before {content: "\e652"; } .icon-fenbu:before {content: "\e610"; } .icon-shisu:before {content: "\e6b8"; } .icon-lijian:before {content: "\e753"; } .icon-ziyuan14:before {content: "\e611"; } .icon-yali:before {content: "\e612"; } .icon-ziliaoxiazai:before {content: "\e692"; } .icon-dituzuobiao2x:before {content: "\e618"; } .icon-shijian1:before {content: "\e61b"; } .icon-yunhang:before {content: "\e623"; } .icon-_reshui:before {content: "\e6a2"; } .icon-fadian:before {content: "\e698"; } .icon-zhengqi:before {content: "\e6f7"; } .icon-huanbao:before {content: "\e635"; } .icon-suo:before {content: "\e640"; } .icon-chilun-:before {content: "\e617"; } .icon-chengben:before {content: "\e64b"; } .icon-weixiu:before {content: "\e7f2"; } .icon-sheji:before {content: "\e741"; } .icon-yunxing:before {content: "\e6ee"; } .icon-pc-Product-fire:before {content: "\e662"; } .icon-M-details:before {content: "\e60e"; } .icon-M-details-Rev-Stop:before {content: "\e60d"; } .icon-M-details-Environmental-protection:before {content: "\e60c"; } .icon-M-details-Less-investment-copy:before {content: "\eceb"; } .icon-M-home-left:before {content: "\e6c2"; } .icon-mbmenu:before {content: "\e602"; } .icon-kefu:before {content: "\e62f"; } .icon-M-home-xia:before {content: "\e644"; } .icon-ts-tubiao_transactionserver:before {content: "\e629"; } .icon-pc-Product-details:before {content: "\e855"; } .icon-pc-Product-hot:before {content: "\e6f0"; } .icon-hmdouyin:before {content: "\e609"; } .icon-bofang:before {content: "\e608"; } .icon-tel:before {content: "\e649"; } .icon-selected:before {content: "\e622"; } .icon-navtel:before {content: "\e607"; } .icon-brand-items:before {content: "\e606"; } .icon-tnews:before {content: "\e604"; } .icon-chazhao:before {content: "\e716"; } .icon-application:before {content: "\e60a"; } .icon-video:before {content: "\e71f"; } .icon-pc-home-find:before {content: "\e601"; } .icon-capacity:before {content: "\e916"; } .icon-top-earth:before {content: "\e72d"; } .icon-phone:before {content: "\e67d"; } .icon-gprice:before {content: "\e6a4"; } .icon-pc-home-souhu:before {content: "\e62d"; } .icon-pc-home-doyin:before {content: "\e614"; } .icon-feedback:before {content: "\e62c"; } .icon-baike:before {content: "\efef"; } .icon-price:before {content: "\e6cd"; } .icon-anli:before {content: "\e6cf"; } .icon-d3:before {content: "\e600"; } .icon-click:before {content: "\ecea"; } .icon-gongyi:before {content: "\e651"; }

/*Swiper 2.7.6*/
.swiper-container {margin:0 auto; position:relative; overflow:hidden; direction:ltr; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1; } .swiper-wrapper {position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide {float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } 
/* IE10 Windows Phone 8 Fixes */ 
.swiper-wp8-horizontal {-ms-touch-action: pan-y; } .swiper-wp8-vertical {-ms-touch-action: pan-x; } 
/* Your custom styles, here you need to specify container's and slide's sizes, pagination, etc. */ 
.swiper-container {/* Specify Swiper's Size: */ /*width:200px; height: 100px;*/ } 
.swiper-slide {/* Specify Slides's Size: */ /*width: 100%; height: 100%;*/ } 
.swiper-slide-active {/* Specific active slide styling: */ } 
.swiper-slide-visible {/* Specific visible slide styling: */ } 
/* Pagination Styles */ 
.swiper-pagination-switch {/* Stylize pagination button: */ } 
.swiper-active-switch {/* Specific active button style: */ } 
.swiper-visible-switch {/* Specific visible button style: */ }

/*responsive one*/
@media (max-width: 767px){
.container {width: auto; padding-left: 3%; padding-right: 3%;} 
.xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12 {display: inline-block;float: left;} .xs-1 {width: 8.3333%;} .xs-2 {width: 16.6667%;} .xs-3 {width: 25%;} .xs-4 {width: 33.3333%;} .xs-5 {width: 41.6667%;} .xs-6 {width: 50%;} .xs-7 {width: 58.3333%;} .xs-8 {width: 66.6667%;} .xs-9 {width: 75%;} .xs-10 {width: 83.3333%;} .xs-11 {width: 91.6667%;} .xs-12 {width: 100%;} .xs-hide {display: none;}
header {position: fixed; left: 0; right: 0; top: 0; z-index: 9999;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);}
header .navbox {height: 55px; position: relative; z-index: 9999;background-color: #fff; overflow: hidden;}
header .navbox .logo {width: 130px; padding: 15px 0 10px; margin-top: 0;}
header .navbox .logo img {max-width: 100%; max-height: 30px; }
header .mbnav {float: right; margin-top: 16px;}
header .mbnav i {font-size: 20px; margin-left: 15px;color: #999;}
header .mbnav > div {float: left;margin-left: 15px;}
.mbmenu {position:relative; cursor:pointer; transition:all 0.3s ease-in-out; z-index:10; display:block; width:20px; height:20px;} 
.mbmenu span,.mbmenu:before,.mbmenu:after {position:absolute; top:50%; left:50%; width:17px; height:2px; margin-left:-10px; background:#666; border-radius:2px; display:inline-block; transition:all 0.3s ease-in-out;}
.mbmenu span {margin-top:-4px;}
.mbmenu:before {content:''; margin-top:3px;}
.mbmenu:after {content:''; margin-top:10px;}
.opmenu .mbmenu:before {opacity:0; transition:0.2s ease 0.1s;}
.opmenu .mbmenu:after {margin-top:2px !important; -webkit-transform:rotateZ(-45deg); transform:rotateZ(-45deg); transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, -webkit-transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s; transition: margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s, -webkit-transform 0.25s ease 0.36s;}
.opmenu .mbmenu span {margin-top:2px !important; -webkit-transform:rotateZ(45deg); transform:rotateZ(45deg); transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, -webkit-transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s, -webkit-transform 0.25s ease 0.36s;}
.m_nav {position:fixed; left:0; top:55px; right:0; width:100%; background:#fff; z-index:9999; display:none; max-height:calc(var(--vh, 1vh) * 100 - 55px); overflow-y:auto;} 
.m_nav .m_wrap {padding:0 5%;}
.m_nav .mNav_bott .m_navli {position:relative; transition:all 0.3s ease-out; border-top:solid 1px #efefef;}
.m_nav .mNav_bott .m_navli:last-child {border-bottom:none;}
.m_nav .mNav_bott .m_navli>a {display:block; padding:15px 35px 15px 15px; font-size:14px; position:relative; overflow:hidden; color:#626060;text-decoration: none;}
.m_nav .mNav_bott .m_navli>a:hover {/*color:#fff;*/}
.m_nav .mNav_bott .m_navli>a:after,.m_nav .mNav_bott .m_navli>a:before {content:''; background:#626060; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:5%; margin:auto;}
.m_nav .mNav_bott .m_navli>a:after {-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} 
.m_nav .mNav_bott .m_navli>a:before {-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}
.m_nav .mNav_bott .m_navli.active {background:#f7f7f7;}
.m_nav .mNav_bott .m_navli.active>a:before {-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#626060;}
.m_nav .mNav_bott .m_navli.active>a:after {-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#626060;}
.m_nav .mNav_bott .m_navli.active>a {font-weight:bold;}
.m_nav .mNav_bott .m_navli .m_secNav{display:none;}
.m_nav .mNav_bott .m_navli .m_secNav .li-title {width:100%; padding:8px 25px; border-top:solid 1px #ccc; padding-top:18px; box-sizing:border-box; color:#fff; font-size:13px; position:relative;} 
.m_nav .mNav_bott .m_navli .m_secNav .li-title a {padding:5px 0 5px 25px; display:block; position:relative; font-size:14px; line-height:1.25; transition:all 0.3s ease-out;text-decoration: none;} 
.m_nav .mNav_bott .m_navli .m_secNav .li-title a:after {content:''; width:15px; height:15px; background:url(https://static.zzboiler.com/zg/images//mbn_arrow.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-7px; background-size:cover;}
.m_nav .mNav_bott .m_navli .m_secNav ul {font-size:0; padding-bottom:18px;}
.m_nav .mNav_bott .m_navli .m_secNav li {font-size:14px;}
.m_nav .mNav_bott .m_navli.m_navli02 .m_secNav ul {overflow:hidden;}
.m_nav .mNav_bott .m_navli .m_secNav li>a {padding:8px 25px;line-height:28px;display:block;position:relative;text-decoration: none;}
.m_nav .mNav_bott .m_navli .m_secNav li>a:hover {color:#c70008;}
.m_nav .mNav_bott .m_navli .m_secNav li>a.cur {color:#c70008;}
.m_nav .mNav_bott .m_navli.nav_link>a:after,.m_nav .mNav_bott .m_navli.nav_link>a:before {display:none;}
.m_nav .mNav_bott .m_navli.nav_link.active>a:before,.m_nav .mNav_bott .m_navli.nav_link.active>a:before {display:none;}
.m_nav .mNav_bott .m_navli.nav_link a:after {content:''; display:block; width:16px; height:16px; background:url(https://static.zzboiler.com/zg/images/mbn_ico.png) no-repeat center; background-size: cover; position:absolute; top:0; bottom:0; right:4%;}
.header-overlay {transition:all 0.2s ease-out; background:rgba(0, 0, 0, 0.5); width:100%; height:100%; position:fixed; left:0; z-index:99; top:0; opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; visibility:hidden;}
.opmenu .header-overlay {opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';visibility:visible;}
footer .fto .fl,footer .ftt .ftcont .fl {width: 100%;text-align: center;}
footer .fto {margin-top: 20px;margin-bottom: 30px;}
footer .ftt {padding-bottom: 40px;}
footer .ftt .ftcont {width: 100%; padding-bottom: 100px; margin-bottom: 50px; background-position: bottom center; font-size: 1.2em;}
.mbnone,.sidebar,header .top {display: none;}
.mbcontact {position: fixed; bottom: 0; width: 100%; line-height: 4.8em; background-color: #312f35; left: 0; right: 0; -webkit-overflow-scrolling: touch; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; background-size: 100% 100%; z-index: 99999; box-shadow: 0px 0px 10px 0px rgba(225, 225, 225, 0.4);} 
.mbcontact div {float: left;width: 50%;text-align: center;}
.mbcontact div a { display: block; font-size: 1.4em;color: #f0f0f0;text-decoration: none;}
.mbcontact div.right {background-color: #c70008;}
}
/*responsive two*/
@media (min-width: 768px) and (max-width: 991px) {
.container {width: 750px; margin: 0 auto;} 
/*col-sm*/
.sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12 {display: inline-block;float: left;} .sm-1 {width: 8.3333%;} .sm-2 {width: 16.6667%;} .sm-3 {width: 25%;} .sm-4 {width: 33.3333%;} .sm-5 {width: 41.6667%;} .sm-6 {width: 50%;} .sm-7 {width: 58.3333%;} .sm-8 {width: 66.6667%;} .sm-9 {width: 75%;} .sm-10 {width: 83.3333%;} .sm-11 {width: 91.6667%;} .sm-12 {width: 100%;} .sm-hide {display: none;}
header {position: fixed; left: 0; right: 0; top: 0; z-index: 9999;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);}
header .navbox {height: 55px; position: relative; z-index: 9999;background-color: #fff; overflow: hidden;}
header .navbox .logo {width: 130px; padding: 15px 0 10px; margin-top: 0;}
header .navbox .logo img {max-width: 100%; max-height: 30px; }
header .mbnav {float: right; margin-top: 16px;}
header .mbnav i {font-size: 20px; margin-left: 15px;color: #999;}
header .mbnav > div {float: left;margin-left: 15px;}
.mbmenu {position:relative; cursor:pointer; transition:all 0.3s ease-in-out; z-index:10; display:block; width:20px; height:20px;} 
.mbmenu span,.mbmenu:before,.mbmenu:after {position:absolute; top:50%; left:50%; width:17px; height:2px; margin-left:-10px; background:#666; border-radius:2px; display:inline-block; transition:all 0.3s ease-in-out;}
.mbmenu span {margin-top:-4px;}
.mbmenu:before {content:''; margin-top:3px;}
.mbmenu:after {content:''; margin-top:10px;}
.opmenu .mbmenu:before {opacity:0; transition:0.2s ease 0.1s;}
.opmenu .mbmenu:after {margin-top:2px !important; -webkit-transform:rotateZ(-45deg); transform:rotateZ(-45deg); transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, -webkit-transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s; transition: margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s, -webkit-transform 0.25s ease 0.36s;}
.opmenu .mbmenu span {margin-top:2px !important; -webkit-transform:rotateZ(45deg); transform:rotateZ(45deg); transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, -webkit-transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s, -webkit-transform 0.25s ease 0.36s;}
.m_nav {position:fixed; top:55px; left:0; right:0; width:750px; margin: auto; background:#fff; z-index:9999; display:none; max-height:calc(var(--vh, 1vh) * 100 - 55px); overflow-y:auto;} 
.m_nav .m_wrap {padding:0 5%;}
.m_nav .mNav_bott .m_navli {position:relative; transition:all 0.3s ease-out; border-top:solid 1px #efefef;}
.m_nav .mNav_bott .m_navli:last-child {border-bottom:none;}
.m_nav .mNav_bott .m_navli>a {display:block; padding:15px 35px 15px 15px; font-size:14px; position:relative; overflow:hidden; color:#626060;text-decoration: none;}
.m_nav .mNav_bott .m_navli>a:hover {/*color:#fff;*/}
.m_nav .mNav_bott .m_navli>a:after,.m_nav .mNav_bott .m_navli>a:before {content:''; background:#626060; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:5%; margin:auto;}
.m_nav .mNav_bott .m_navli>a:after {-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} 
.m_nav .mNav_bott .m_navli>a:before {-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}
.m_nav .mNav_bott .m_navli.active {background:#f7f7f7;}
.m_nav .mNav_bott .m_navli.active>a:before {-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#626060;}
.m_nav .mNav_bott .m_navli.active>a:after {-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#626060;}
.m_nav .mNav_bott .m_navli.active>a {font-weight:bold;}
.m_nav .mNav_bott .m_navli .m_secNav{display:none;}
.m_nav .mNav_bott .m_navli .m_secNav .li-title {width:100%; padding:8px 25px; border-top:solid 1px #ccc; padding-top:18px; box-sizing:border-box; color:#fff; font-size:13px; position:relative;} 
.m_nav .mNav_bott .m_navli .m_secNav .li-title a {padding:5px 0 5px 25px; display:block; position:relative; font-size:14px; line-height:1.25; transition:all 0.3s ease-out;} 
.m_nav .mNav_bott .m_navli .m_secNav .li-title a:after {content:''; width:15px; height:15px; background:url(https://static.zzboiler.com/zg/images//mbn_arrow.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-7px; background-size:cover;}
.m_nav .mNav_bott .m_navli .m_secNav ul {font-size:0; padding-bottom:18px;}
.m_nav .mNav_bott .m_navli .m_secNav li {font-size:14px;}
.m_nav .mNav_bott .m_navli.m_navli02 .m_secNav ul {overflow:hidden;}
.m_nav .mNav_bott .m_navli .m_secNav li>a {padding:8px 25px;line-height:28px;display:block;position:relative;}
.m_nav .mNav_bott .m_navli .m_secNav li>a:hover {color:#c70008;}
.m_nav .mNav_bott .m_navli .m_secNav li>a.cur {color:#c70008;}
.m_nav .mNav_bott .m_navli.nav_link>a:after,.m_nav .mNav_bott .m_navli.nav_link>a:before {display:none;}
.m_nav .mNav_bott .m_navli.nav_link.active>a:before,.m_nav .mNav_bott .m_navli.nav_link.active>a:before {display:none;}
.m_nav .mNav_bott .m_navli.nav_link a:after {content:''; display:block; width:16px; height:16px; background:url(https://static.zzboiler.com/zg/images/mbn_ico.png) no-repeat center; background-size: cover; position:absolute; top:0; bottom:0; right:5%;}
.header-overlay {transition:all 0.2s ease-out; background:rgba(0, 0, 0, 0.5); width:100%; height:100%; position:fixed; left:0; z-index:99; top:0; opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; visibility:hidden;}
.opmenu .header-overlay {opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';visibility:visible;}
footer .fto {margin-top: 20px;margin-bottom: 30px;}
footer form.isch .key {width: 168px;}
footer form.isch .sub {width: 80px;}
footer .ftt .ftcont {width: 100%;}
footer .ftt .ftcont .fl {width: 350px;}
.sidebar,footer .ftt .ftlist,footer .ftb,header .top {display: none;}
.mbcontact {position: fixed; bottom: 0; width: 100%; line-height: 4.8em; background-color: #312f35; left: 0; right: 0; -webkit-overflow-scrolling: touch; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; background-size: 100% 100%; z-index: 99999; box-shadow: 0px 0px 10px 0px rgba(225, 225, 225, 0.4);} 
.mbcontact div {float: left;width: 50%;text-align: center;}
.mbcontact div a { display: block; font-size: 1.4em;color: #f0f0f0;text-decoration: none;}
.mbcontact div.right {background-color: #c70008;}
}
/*responsive three*/
@media (min-width: 992px) and (max-width: 1199px){
.container {width: 980px; margin: 0 auto;}
/*col-md*/
.md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12 {display: inline-block;float: left;} .md-1 {width: 8.3333%;} .md-2 {width: 16.6667%;} .md-3 {width: 25%;} .md-4 {width: 33.3333%;} .md-5 {width: 41.6667%;} .md-6 {width: 50%;} .md-7 {width: 58.3333%;} .md-8 {width: 66.6667%;} .md-9 {width: 75%;} .md-10 {width: 83.3333%;} .md-11 {width: 91.6667%;} .md-12 {width: 100%;} .md-hide {display: none;}
.mbcontact,footer .ftb .fr,footer .ftt .ftcont .fr,.mbnav,.m_nav,.navtel,header .navbox .navlist .probox .prolf {display: none;}
header .navbox .navlist {margin-left: 18px;}
footer .ftb .fl {width: 100%; text-align: center;}
footer .ftt .ftcont {width: 285px; background: none;}
footer .fto {margin-top: 40px; margin-bottom: 50px;} 
footer .ftt {padding-bottom: 50px;}
}
/*responsive four*/
@media (min-width: 1200px) {
.container {width: 1200px; margin: 0 auto;}
/*col-lg*/
.lg-1, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12 {display: inline-block;float: left;} .lg-1 {width: 8.3333%;} .lg-2 {width: 16.6667%;} .lg-3 {width: 25%;} .lg-4 {width: 33.3333%;} .lg-5 {width: 41.6667%;} .lg-6 {width: 50%;} .lg-7 {width: 58.3333%;} .lg-8 {width: 66.6667%;} .lg-9 {width: 75%;} .lg-10 {width: 83.3333%;} .lg-11 {width: 91.6667%;} .lg-12 {width: 100%;} .lg-hide {display: none;}
.mbcontact,.mbnav,.m_nav {display: none;}
}