@charset "utf-8";
* { margin: 0; padding: 0; border: none; outline: 0; }
:focus { outline: 0; }
address, caption, cite, code, dfn, em, th, var, optgroup { font-style: normal; font-weight: normal !important; }
input, button, textarea, select, optgroup, option { resize: none; font-family: inherit; font-size: inherit; background:none;}
    input[type=text], input[type=button], input[type=submit], button, textarea, select { outline: none; -webkit-appearance: none; border-radius: 0; font-family: inherit; }
    input[type=button], input[type=submit] { line-height: 30px; border: none; background: #ccc; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; }
ol, ul { list-style: none; }

.table { width:50%; text-align:center;}
.table th {background-color: #E6001F;color:#FFFFFF;  padding:5px 10px;}
.table td {background-color: #dbdbdb;color:#333; padding:5px 10px;}

caption, th { text-align: center; }
:link, :visited, ins { text-decoration: none; }
a { transition: 0.5s; -webkit-transition: 0.5s; }
img { vertical-align: middle; max-width: 100%; }
.scaleImg, .scaleImg2 { overflow: hidden; display: block;position:relative; }
    .scaleImg img, .scaleImg2 img { width: 100%; transition: 0.5s; -webkit-transition: 0.5s; }
    .scaleImg2 img { transform: scale(1.1); -webkit-transform: scale(1.1); }

* { -webkit-tap-highlight-color: rgba(255,0,0,0); }
/*去掉手机端a链接点击时候出现的边框*/
.clear { clear: both; height: 0; font-size: 0; overflow: hidden; line-height: 0; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.mt20 { margin-top: 20px; }
.font18 { font-size: 18px; }
.font34 { font-size: 34px; }
.singleTxt { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
a { color: #333; }
body { font-family: "Microsoft YaHei"; font-size: 14px; color: #333; overflow-x: hidden; overflow-y: auto; }
/*:first-child  filter:alpha(opacity=50);*/
/*滚动条样式*/
nav, header, footer { display: block; }
nav { overflow: hidden; }
.overflowY { overflow-y: auto; }
    .overflowY::-webkit-scrollbar { width: 5px; height: 5px; }
    .overflowY::-webkit-scrollbar-thumb { background: rgba(125,168,42,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
        .overflowY::-webkit-scrollbar-thumb:window-inactive { background: rgba(125,168,42,0.4); }
.loadings { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: #fff; z-index: 9999; display: none\9; }
    .loadings .gif { position: absolute; left: 0; right: 0; text-align: center; top: 50%; margin-top: -20px; }

html { scrollbar-face-color: #bbb; scrollbar-highthit-color: #bbb; scrollbar-shadowcolor: #ffffff; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #bbb; scrollbar-track-color: #dee0ed; scrollbar-darkshadow-color: #bbb; }
.diepng { display: none; }
.h-menu .langeue .link:hover{ color:#e6001f;}
.scrollToTop {  margin-bottom: 37px;  display: none; }
.scrollToTop img { display: block; width: 16px; padding: 14px 10px;background: #e6001f; background: rgba(230,0,31,0.8); }
.scrollToTop:hover { background: #e6001f; }   
.fixedBottom{ position:fixed; right:2%; bottom:2%; z-index:50;}
.fixedBottom a{ margin-bottom:1px;}
.tellPhone { position:relative; width: 36px; height:36px; display:block; text-align: center;  background: #e6001f; background: rgba(230,0,31,0.8); }
.tellPhone >img { width: 20px; padding: 8px 0 9px 0; }
.tellPhone:hover { background: #e6001f; }
.tellPhone p { margin-right: 1px; font-size: 16px; position: absolute; display: none; right: 100%; white-space: nowrap; top: 0; background: #E6001F; color: #fff; line-height: 36px;height: 36px; padding: 0 15px; transform-origin: right; -webkit-transform-origin: right; }
 .tellPhone p span { font-style: italic; font-family: arial; font-size: 20px; }
.tellPhone .emmm img{ width:150px; max-width:150px;}
.tellPhone .emmm{ position:absolute; right:100%; bottom:0; padding:10px; background:#e6001f; display:none;transform-origin: right; -webkit-transform-origin: right; }
.tellPhone:hover .emmm{display: block; animation: phone 0.5s both;-webkit-animation: phone 0.5s both;}

.autowidth { width: 1100px; margin: auto; }
.blockImg { display: block; margin: auto; width: 100%; max-width: 100%; }
.header { position: fixed; left: 0; right: 0; top: 0; background: #fff; z-index: 60; box-shadow: 0 5px 10px -5px #ccc; padding: 25px 0 0 0; transition: 0.3s; -webkit-transition: 0.3s; }
.h-logo { margin-right: 70px; }
.h-logo svg { width: 160px; height: 60px; display: block; }
.displayNone { display: none; position: absolute; left: 0; top: 100%; padding-top: 12px; white-space: nowrap; /*animation: opac 1s both;-webkit-animation: opac 1s both;*/ }
.headerUL li.on .displayNone { display: block; }
.headerUL li:nth-child(4) .displayNone, .headerUL li:nth-child(5) .displayNone { left: auto; right: 0; }

.displayNone a { color: #999; font-size: 14px; display: inline-block; margin-right: 15px; }
    .displayNone a:hover { color: #000; }
.headerUL { position: relative; padding-bottom: 45px; }
    .headerUL .line { position: absolute; left: 0; top: 38px; height: 2px; width: 64px; background: #e6001f; }
    .headerUL li { float: left; padding-right: 40px; position: relative; }
        .headerUL li .oneA { font-size: 16px; display: block; line-height: 40px; color: #666; }
        .headerUL li.on .oneA { color: #000; }
.h-menu { line-height: 28px; margin-top: 6px; }
    .h-menu .search { float: left; position: relative; margin-right: 28px; }
        .h-menu .search input { width: 150px; padding: 4px 15px; line-height: 20px; border: 1px solid #d9d9d9; border-radius: 16px; font-size: 14px; }
        /*.h-menu .search input:focus{ border-color: #E6001F;}*/
        .h-menu .search a { position: absolute; right: 10px; top: 0px; }
		.h-menu .search button { position: absolute; right: 10px; top: 5px; }
		
    .h-menu .langeue { float: left; }
        .h-menu .langeue .link { padding-left: 26px; background: url("../images/map.png")/*tpa=http://www.wolf-heiztechnik.com.cn/images/map.png*/ no-repeat left center; display: block; }
footer { background: #333; color: #666; position: relative; z-index: 5; }
.topFt { padding: 30px 0 80px 0; border-bottom: 1px solid #555; }
.footerUL li { float: left; width: 20%; }
    .footerUL li .oneA { display: inline-block; font-size: 16px; font-weight: bold; color: #dcdcdc; position: relative; padding-bottom: 15px; margin-bottom: 15px; }
        .footerUL li .oneA:before { position: absolute; left: 0; bottom: 0; height: 2px; background: #8c8c8c; width: 26px; content: ''; transition: 0.4s; -webkit-transition: 0.4s; }
    .footerUL li a:hover { color: #fff; }
    .footerUL li:hover .oneA { color: #fff; }
        .footerUL li:hover .oneA:before { background: #E6001F; }
.sonMenu a { display: block; color: #aaa; line-height: 2; }
.botFt .fr svg { width: 80px; height: 30px; display: inline-block; vertical-align: middle; }
.botFt { line-height: 50px; }

.o-interface-animations { cursor: pointer; vertical-align: middle; color: #888; display: inline-block; position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
    .o-interface-animations svg { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: inline-block; width: 50px; height: 50px; margin-right: 5px; }
.o-interface-animations__fillrect { fill-opacity: 0; }
.o-interface-animations__icon { fill-opacity: 0; stroke: #e80000; stroke-width: 4px; -webkit-transition: stroke .5s ease-out; transition: stroke .5s ease-out; }
.o-interface-animations__icon--hover { stroke: #666; }
.o-interface-animations__icon__download-line { fill-opacity: 0; stroke: #e80000; stroke-width: 4px; -webkit-transition: stroke .5s ease-out; transition: stroke .5s ease-out; }
.o-interface-animations__icon__download-line--hover { stroke: #666; }
.o-interface-animations__circle-line-1 { fill-opacity: 0; stroke: #e80000; stroke-width: 4px; }
.o-interface-animations__circle-line-2 { fill-opacity: 0; stroke: #999; stroke-width: 4px; }
.o-fff .o-interface-animations__circle-line-2 { stroke: #fff; }
.o-fff .o-interface-animations__icon--hover { stroke: #fff; }
.o-interface-animations-blockbutton { padding: 0 10px 0 25px; position: relative; text-transform: uppercase; color: #999; border: 2px solid #999; line-height: 1; text-align: center; top: 0; }
    .o-interface-animations-blockbutton svg { display: inline-block; position: relative; top: -1px; height: 34px; width: 36px; vertical-align: middle; margin: 0; }
.indexContact .o-interface-animations-blockbutton:hover { border-color: #E6001F; color: #999; }






@media only screen and (max-width:1160px ) {
    .autowidth { width: 96%; }
    .h-logo { margin-right: 35px; }
    .headerUL li { padding-right: 20px; }
}



@media only screen and (min-width:960px ) {
    body::-webkit-scrollbar { width: 10px; height: 10px; }
    /* 滚动槽 */
    body.active::-webkit-scrollbar { width: 0px; height: 0px; }
    /* 滚动槽 */
    body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
    /* 滚动条滑块 */
    body::-webkit-scrollbar-thumb { background: rgba(158,158,158,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
        body::-webkit-scrollbar-thumb:window-inactive { background: rgba(158,158,158); }

    .header.active { padding: 0; }
        .header.active .h-logo { margin-top: 6px; }
            .header.active .h-logo svg { width: 100px; height: 28px; }
        .header.active .headerUL { padding-bottom: 0px; }
            .header.active .headerUL li.on .displayNone { display: none; }
        /* .header.active .headerUL .line{ display: none;}
    .header.active .headerUL li .oneA{ display: none;}*/
        .header.active .h-menu { margin-top: 5px; }
    .scaleImg img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); }
    .scaleImg2 img:hover { transform: scale(1); -webkit-transform: scale(1); }
    .tellPhone:hover p { display: block; animation: phone 0.5s both; -webkit-animation: phone 0.5s both; }

    @keyframes phone {
        from { transform: scale(0,1); -webkit-transform: scale(0,1); }
        to { transform: scale(1,1); -webkit-transform: scale(1,1); }
    }

    @-webkit-keyframes phone {
        from { transform: scale(0,1); -webkit-transform: scale(0,1); }
        to { transform: scale(1,1); -webkit-transform: scale(1,1); }
    }
}


@media only screen and (max-width:960px ) {
    .font34 { font-size: 24px; }
    .font18 { font-size: 16px; }
    .diepng { right: 2%; display: block; z-index: 22; position: fixed; top: 14px; cursor: pointer; width: 26px; height: 20px; }
        .diepng span { border-radius: 2px; position: absolute; left: 0; background: #E6001F; width: 100%; height: 2px; display: block; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; }
        .diepng .line1 { top: 0; }
        .diepng .line2 { top: 50%; margin-top: -1px; }
        .diepng .line3 { bottom: 0; }
        .diepng.on .line1 { transform: rotate(-135deg); -o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); top: 50%; bottom: auto; }
        .diepng.on .line2 { transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 50%; bottom: auto; }
        .diepng.on .line3 { display: none; }
    .botFt { line-height: 40px; font-size: 12px; }
    .opacityBg { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #000; background: rgba(0,0,0,0.5); z-index: 15; }
    .h-nav { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: fixed; float: none; box-shadow: -4px 0 10px -5px #ccc; width: 405px; padding: 0 0 0 15px; top: 0; bottom: 0; right: 0; z-index: 20; background: #fff; transform: translate3d(100%,0,0); -webkit-transform: translate3d(100%,0,0); transition: transform .4s; transition: transform .4s,-webkit-transform .4s; -webkit-transition-timing-function: cubic-bezier(.7,0,.3,1); transition-timing-function: cubic-bezier(.7,0,.3,1); }
        .h-nav.on { transform: translate3d(0%,0,0); -webkit-transform: translate3d(0%,0,0); }

    .headerUL { padding: 50px 0 0 0; }
    .header { padding: 10px 0; background: rgba(255,255,255,0.8); }
    .h-menu { margin-right: 40px; margin-top: 0; }
    .headerUL li { padding: 0; float: none; margin: 0 0 15px 0; }
    .displayNone { position: static; display: block; padding: 0; white-space: normal; }
    .headerUL .line { display: none; }
    .h-menu .search { margin-right: 10px; }
    .searchBtn { /*border: 1px solid #bbb; */ border-radius: 50%; display: block; width: 28px; height: 28px; background: url("../images/search.png")/*tpa=http://www.wolf-heiztechnik.com.cn/images/search.png*/ no-repeat center; }
    .hideSearch { position: absolute; display: none; right: -60px; top: 38px; padding: 10px; background: #ccc; }
    .h-menu .search a { right: 18px; top: 11px; }
	.h-menu .search button { right: 18px; top: 15px; }
    .h-logo svg { height: 28px; width: 90px; }
    body { font-family: arial,"Microsoft YaHei"; }
    .o-interface-animations svg { width: 30px; height: 30px; }
}

@media only screen and (max-width:740px ) {
    .botFt { line-height: 22px; padding: 10px 0; }
        .botFt .fl, .botFt .fr { float: none; text-align: center; }
            .botFt .fr svg { width: 60px; height: 18px; }
    .o-interface-animations { top: 0; }
    .displayNone a { display: block; margin-right: 0; }

    .h-nav { padding: 0; }
    .headerUL li .oneA { line-height: 1.8; padding: 0 10px; }
    .displayNone a { padding: 3px 10px; border-bottom: 1px solid #ececec; }
}


@media only screen and (max-width:480px ) {
    .font34 { font-size: 20px; }
    .h-nav { width: auto; left: 0; /* padding: 0 10px;*/ }
    .footerUL li .oneA { font-size: 12px; }
    .sonMenu a { font-size: 12px; white-space: nowrap; }
    .topFt { padding: 15px 0; }
}

@keyframes opac {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes opac {
    from { opacity: 0; }
    to { opacity: 1; }
}


@keyframes dh-1 {
    from { opacity: 0; transform: translate3d(0,35px,0); -webkit-translate3d(0,35px,0); }
    to { opacity: 1; transform: translate3d(0,0,0); -webkit-translate3d(0,0,0); }
}

@-webkit-keyframes dh-1 {
    from { opacity: 0; transform: translate3d(0,35px,0); -webkit-translate3d(0,35px,0); }
    to { opacity: 1; transform: translate3d(0,0,0); -webkit-translate3d(0,0,0); }
}


















.tipsMain .centerSuccess span { display: inline-block; background: #484848; color: #fff; font-size: 16px; padding: 10px 25px; }
.tipsMain .centerSuccess { text-align: center; position: fixed; top: 45%; left: 0; width: 100%; }
.tipsMain .bgcolor { width: 100%; height: 100%; background: #000; filter: alpha(opacity=30); opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; }
.tipsMain { display: none; position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; }