.header.on { background: transparent; box-shadow: none; }
.header.on .headerUL li .oneA { color: #fff; }
.header.on .headerUL li.on .oneA { color: #fff; }
.header.on .h-menu { display: none; }
.header.on .headerUL li.on .displayNone { display: none; }
.header.on .h-logo svg .fff { fill: #fff; }
.banner { overflow: hidden; }
.banner .swiper-pagination-bullets { bottom: 85px; }
.banner .swiper-pagination-bullet { width: 60px; height: 3px; background: #8c8c8c; opacity: 1; border-radius: 0; }
.banner .swiper-pagination-bullet-active { background: #E6001F; }
.bannerImg { background-size: cover !important; height: 100vh; position: fixed; left: 0; right: 0; width: 100%; height: 100%; transition: 0.5s; -webkit-transition: 0.5s; transform: scale(1); -webkit-transform: scale(1); }
.banner .swiper-wrapper { height: 100%; position: fixed; left: 0; right: 0; top: 0; height: 100%; }
.swiperTxt { font-size: 18px; position: absolute; left: 0; right: 0; bottom: 150px; z-index: 16; color: #fff;; }
.swiperTxt h1 { font-size: 48px; position: relative; padding-bottom: 25px; margin-bottom: 20px; }
.swiperTxt h1 a { display: block; color: #fff; float: left; }
.swiperTxt h1:before { position: absolute; left: 0; bottom: 0; content: ''; width: 70px; height: 2px; background: #fff; }
.banner:before { position: absolute; left: 50%; width: 1100px; content: ''; background: #fff; bottom: 0; height: 50px; margin-left: -550px; z-index: 18; }
.o-interface-animations { top: 3px; }
.pagainaBtn { position: absolute; width: 23px; height: 40px; top: 50%; margin-top: -20px; z-index: 17; cursor: pointer; }
.prevBtn { background: url("../images/lt.png")/*tpa=http://www.wolf-heiztechnik.com.cn/images/lt.png*/ no-repeat center; left: 2%; }
.nextBtn { background: url("../images/rt.png")/*tpa=http://www.wolf-heiztechnik.com.cn/images/rt.png*/ no-repeat center; right: 2%; }
.prevBtn:hover { background: url("../images/lt_.png")/*tpa=http://www.wolf-heiztechnik.com.cn/images/lt_.png*/ no-repeat center; }
.nextBtn:hover { background: url("../images/rt_.png")/*tpa=http://www.wolf-heiztechnik.com.cn/images/rt_.png*/ no-repeat center; }

/*.headerUL .line{ display: none;}*/
.indexContact { background: #fff; position: relative; z-index: 5; padding-bottom: 5%; overflow: hidden; }
.part_1 { padding: 0 195px 0 40px; }
.part_1 h2 { color: #000; line-height: 1.3; }
.part_1 h3 { line-height: 1.3; padding-bottom: 20px; position: relative; margin-bottom: 20px; font-weight: normal; }
.part_1 h3:before { position: absolute; left: 0; bottom: 0; height: 3px; width: 80px; background: #E6001F; content: ''; }
.part_1 .Txt { padding: 25px 0 25px 85px; color: #666; line-height: 2; }
.bannerImgDD { display: none; animation: opac 2s both ease; -webkit-animation: opac 1s both ease; }
.bannerImgDD.on { display: block; }

.part_2 { position: relative;margin-bottom:50px;}
.part_2:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.5; -webkit-opacity: 0.5; content: ''; z-index: 2; }
.part_2 .Txt { position: absolute; left: 0; right: 0; top: 50%; margin-top: -80px; text-align: center; color: #fff; z-index: 3; }
.part_2 .Txt h4 { font-style: italic; margin-bottom: 8px; }
.part_2 .Txt .en { font-size: 24px; font-style: italic; margin-bottom: 25px; text-transform: uppercase; }

.part_3 { padding: 40px 60px 40px 20px; }
.part_3 table { width: 100%; }
.part_3 table td { border: none; text-align: center; padding: 40px 0; }
.part_3 table td .Txt { width: 70%; text-align: left; display: inline-block; }
.part_3 .Txt h4 { font-size: 30px; }
.part_3 .Txt h5 { font-size: 30px; font-weight: normal; position: relative; padding-bottom: 25px; margin-bottom: 25px; }
.part_3 .Txt h5:before { position: absolute; left: 0; bottom: 0; height: 3px; width: 80px; background: #E6001F; content: ''; }
.part_3 .cot { line-height: 2; margin-bottom: 15px; }
.indexContact .o-interface-animations:hover { color: #E6001F; }

.part_4 { position: relative; height: 440px; background-size: cover !important; margin-bottom: 8%; }
.part_4 .service { position: absolute; right: 0; bottom: 0; top: 50px; left: 50%; padding: 50px; background: #f8f2eb; font-size: 16px; }
.titles { font-size: 24px; position: relative; padding-bottom: 15px; margin-bottom: 40px; }
.titles:before { position: absolute; left: 0; bottom: 0; height: 2px; background: #E6001F; width: 45px; content: ''; }
.serviceLink a { display: inline-block; line-height: 2.5; margin-right: 40px; }
.serviceLink i { background: url("../images/fw.png")/*tpa=http://www.wolf-heiztechnik.com.cn/images/fw.png*/ no-repeat; margin-right: 5px; display: inline-block; vertical-align: sub; width: 20px; height: 20px; transition: 0.2s; -webkit-transition: 0.2s; }
.serviceLink .i_1 { background-position: 0 0px; }
.serviceLink .i_2 { background-position: 0 -20px; }
.serviceLink .i_3 { background-position: 0 -40px; }
.serviceLink .i_4 { background-position: 0 -60px; }
.serviceLink .i_5 { background-position: 0 -80px; }
.serviceLink a:hover .i_1 { background-position: -20px 0px; }
.serviceLink a:hover .i_2 { background-position: -20px -20px; }
.serviceLink a:hover .i_3 { background-position: -20px -40px; }
.serviceLink a:hover .i_4 { background-position: -20px -60px; }
.serviceLink a:hover .i_5 { background-position: -20px -80px; }
.serviceLink a:hover { color: #E6001F; }

.newsDL dd { float: left; width: 31.33%; margin-left: 2%; }
.newsDL dd a { display: block; }
.newsDL dd h5 { color: #333; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 12px 0 8px 0; }
.newsDL dd h5:hover { color: #E6001F; }
.newsDL dd .txt { line-height: 2; color: #666; max-height: 112px; overflow: hidden; }
.newsDL dd .date { position: relative; color: #888; padding-bottom: 20px; margin-bottom: 10px; }
.newsDL dd .date:before { position: absolute; left: 0; bottom: 0; height: 2px; background: #E6001F; width: 32px; content: ''; transition: 0.4s; -webkit-transition: 0.4s; }
.newsDL dd:hover .date:before { width: 70px; }


.lookMore { margin: 4% 0 0 2%; }
.item-animation { opacity: 0; }
.item-animation.currtt { animation: dh-1 0.5s ease-in both; -webkit-animation: dh-1 0.5s ease-in both; }
.closeVideo { position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; background: #000 url("../images/close.png")/*tpa=http://www.wolf-heiztechnik.com.cn/images/close.png*/ no-repeat center; z-index: 20; cursor: pointer; }
.videoWolf { }
.part_2 .plyr { position: absolute; top: 0; left: 0; width: 100%; z-index: 20; }


@media only screen and (min-width:960px ) {
.part_3 table tr:nth-child(odd) .Img, .part_3 table tr:nth-child(odd) .Txt { position: relative; left: -35px; }
.part_3 table tr:nth-child(even) .Img, .part_3 table tr:nth-child(even) .Txt { position: relative; left: 35px; }
}

@media only screen and (max-width:960px ) {
.banner .swiper-wrapper { position: relative; }
.bannerImg { position: static; height: 5rem; }
.swiperTxt h1 { font-size: 30px; }

.swiperTxt h1 a { display: inline-block; float: none; text-shadow: 1px 1px 1px #333; }
.swiperTxt h1:before { left: 50%; margin-left: -35px; }
.swiperTxt { text-align: center; font-size: 14px; bottom: 30px; }
.banner .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 50%; }
.banner .swiper-pagination-bullets { bottom: 6px; }
/*.swiperTxt{padding: 20px 0; text-align: center; position: static; background: #bbb;}*/
.banner:before { display: none; }
.part_3 .Txt h4, .part_3 .Txt h5 { font-size: 22px; }
.part_1 .Txt { padding-left: 0; }
.part_1 { padding: 15px 0; }
.part_2 .Txt { margin-top: -60px; }
.part_3 { padding-left: 0; padding-right: 0; }
}


@media only screen and (max-width:740px ) {
.part_3 table td { display: block; padding: 10px 0; }
.part_3 table tr { display: block; padding-bottom: 25px; }
.part_3 .Txt h5 { margin-bottom: 10px; padding-bottom: 15px; }
.part_3 table td .Txt, .part_3 table td .Img { margin: auto; width: 90%; text-align: center; }
.part_3 .Txt h5:before { left: 50%; margin-left: -40px; }
.part_4 { height: 340px; }
.part_4 .service { width: 180px; left: auto; padding: 20px 25px; background: rgba(248,242,235,0.8); }
.titles { margin-bottom: 15px; }
.titles { font-size: 20px; }
.newsDL dd { width: auto; float: none; margin-bottom: 15px; margin-left: 0; }
.newsDL dd .scaleImg { width: 400px; margin: auto; max-width: 100%; }
.newsDL dd .date { width: 400px; margin: 0 auto 20px auto; }
.swiperTxt h1 { font-size: 24px; }
.pagainaBtn { display: none; }
}

@media only screen and (max-width:480px ) {
.part_2 { overflow: hidden; }
.part_3 .Txt h4, .part_3 .Txt h5 { font-size: 18px; }
.blockImg { width: 130%; position: relative; left: -15%; max-width: 130%; }
.part_2 .Txt .en { font-size: 18px; margin-bottom: 15px; }
.serviceLink a { line-height: 2; font-size: 14px; }
.serviceLink i { transform: scale(0.8); -webkit-transform: scale(0.8); }
.part_4 .service { top: 20px; }
.part_4 { height: 255px; }
.swiperTxt h1 { font-size: 18px; padding-bottom: 10px; margin-bottom: 10px; }
.bannerImgDD .o-interface-animations svg { display: none; }
.bannerImg { height: 6rem; }
}



.tab_hd_inner { display: table; width: 100%; text-align: center; line-height: 40px; font-size: 16px; background: #ccc; }
.tab_hd_inner a { display: table-cell; }
