@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:16px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1299px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1299px; margin:0 auto}
.container-s{width:1573px; margin:0 auto; max-width: 82%;}

.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}


.flex{display: flex;}
.flex-sbc{display: flex; justify-content: space-between;  align-items: center;}
.flex-c{display: flex; align-items: center;}
.flex-cc{display: flex; align-items: center; justify-content: center;}
.flex-ccc{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.flex-dcsb{display: flex; flex-direction: column; justify-content: space-between;}
.flex-sb{display: flex; justify-content: space-between;}
.flex-sbw{display: flex;justify-content: space-between; flex-wrap: wrap;}
.flex-cw{display: flex; align-items: center; flex-wrap: wrap;}
.flex-dc{display: flex; flex-direction: column;}
.flex-w{display: flex; flex-wrap: wrap;}
.flex-sbcw{display: flex;justify-content: space-between; align-items: center;  flex-wrap: wrap;}

/*字体引入*/

  @font-face {
    font-family: "DIN";
    src: url("../font/DIN-Bold.otf");
  }




/* 公共头部 */
.top{background: #f2f2f2;}
.top-box{height: 36px;}
.top-box p,.top-box ul li a{display: block; font-size: 14px; color: #666;}
.top-box ul li a:hover{color: #e60013;}
.top-box ul{width: 232px;}
.header-box{height: 92px;}
.header{border-bottom: 1px solid #E60013;}
.header .container{ height: 92px;}

.header .logo img{display: block; margin-right: 36px;}
.header .logo .text{position: relative; padding-left: 39px;}
.header .logo .text::after{position: absolute; content: ''; width: 1px;   height: 34px;   background: #f2f2f2; top: 50%; transform: translateY(-50%); left: 0;}
.header .logo .text strong{display: block; font-size: 24px; color: #333; line-height: 24px; margin-bottom: 4px;}
.header .logo .text b{color: #e60013;}
.header .logo .text h2{display: block; font-size: 16px; color: #333;}

.head-tel .icon{width: 54px;  height: 54px;  background: #ffffff;  box-shadow: 0px 4px 3.68px 0.32px rgba(0,0,0,0.05); border-radius: 50%; margin-right: 15px;}
.head-tel .icon img{animation:move 3s 0s infinite;-webkit-animation:move 3s 0s infinite;}
@keyframes move
{
    0%, 65%{ 
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    70% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    75% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    80% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    85% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    90% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    95% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    100% {  
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
}

@-webkit-keyframes move
{
    0%, 65%{ 
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    70% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    75% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    80% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    85% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    90% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    95% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    100% {  
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
}

.head-tel .text em{display: block; font-size: 16px; color: #333;}
.head-tel .text b{display: block; font-size: 26px; line-height: 26px; color: #E60013;  font-family: "DIN";}


.nav-box{height: 62px;}
.pc-nav ul{display: flex; position: relative; justify-content: space-between;}
.pc-nav ul li {height: 62px;display: flex;align-items: center;position: relative;}
.pc-nav ul li a>h3{display: block; position: relative; font-size: 16px; color: #333; transition: 0.6s;  }
.pc-nav ul li a{display: flex; align-items: center;padding: 0  29px; transition: 0.6s;}
.pc-nav ul li i>img{display: block; margin-left: 9px; transition:0.6s}
.pc-nav ul li:hover i>img,.pc-nav ul li.on i>img{transform: rotate(180deg); -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.pc-nav ul li.on>a>h3,.pc-nav ul li:hover>a>h3{color: #E60013; font-weight: bold;  }


.header-sec3 {position: fixed;top: -100%; left: 0;  width: 100%; height: 100px; background-color: #fff; z-index: 999; transition:0.6s}
.header-sec3.active {top: 0;}
.header-sec3 .container {height: 100%;}
.header-sec3 .cont { height: 100%; display: flex; align-items: center; justify-content: space-between; max-width: 500px; margin: 0 auto;}
.header-sec3 .cont .form { display: flex; align-items: center; width: calc(100% - 90px); border-radius: 30px; border: 2px solid #333; padding: 0 20px; overflow: hidden;}
.header-sec3 .cont .form .f_sub {outline: none;width: 20px;border: none;background: transparent;overflow: hidden; height: 30px; cursor: pointer;}
.header-sec3 .cont .form .f_sub img {max-width: 100%;}
.header-sec3 .cont .form .int { outline: none;width: 80%;width: calc(100% - 20px);padding: 10px 0;font-size: 16px;border: none;background-color: transparent;color: #333; padding-left: 22px;}
.header-sec3 .cont .f_close { overflow: hidden; width: 20px; display: block;}
.header-sec3 .cont .f_close img {width: 100%;}
.head-fixed{position: fixed; top: 0; background: #fff; width: 100%; z-index: 222;}


/* banner */
.banner{position: relative;}
.banner .imgBox img{display: block; width: 100%;}
#banner-num{ bottom: 1%;}
#banner-num .swiper-pagination-bullet {width: 10px; height: 10px; background: #ffffff; opacity: 1; margin: 0 5px; transition: 0.6s; border-radius: 50%;}
#banner-num .swiper-pagination-bullet-active{background: #e60013; opacity: 1; }


/* 关键词&搜索 */
.pannel{ background: #f3f3f3;}
.pannel-box{height: 79px;  }
.keyword img{display: block; margin-right: 28px;}
.keyword ul em,.keyword ul li a{display: block; font-size: 16px; color: #666;}
.keyword ul li a{margin-right: 30px;}
.keyword ul li a:hover{color: #E60013;}
.search input{outline: none; border: none; font-family: "Microsoft YaHei";}
.search-text{width: 279px; padding-left: 31px; box-sizing: border-box; line-height: 79px; border-left: 1px solid #d2d2d2;}
.search-submit{width: 79px;  height: 79px;  background: url(../images/search-submit.png) no-repeat center #e60013;}
.search-text input{background: transparent; font-size: 14px; color: #D2D2D2;}
.search-text img{display: inline-block; vertical-align: center; margin-right: 14px;}
.search-text input::placeholder {  color: #D2D2D2; }


/* 欧峥环保 · 产品中心 */
.index-title strong{display: block; font-size: 46px; color: #333;}
.index-title b{color: #E60013;}
.index-title h2{display: inline-block; font-size: 16px; color: #333; position: relative;}
.index-title h2::before,.index-title h2::after{position: absolute; content: '';  top: 50%; transform: translateY(-50%); width: 133px; height: 1px;}
.index-title h2::before{background: url(../images/title-left.png) no-repeat; left: -166px;}
.index-title h2::after{background: url(../images/title-right.png) no-repeat; right: -166px;}

.product{padding: 45px 0 39px;}
.product .index-title{margin-bottom: 45px;}
.column-title{width: 263px;  height: 94px;  background: #e60013;  border-radius: 0px 30px 0px 0px; margin-bottom: 17px;}
.column-title img{display: inline-block; margin: 0 23px;}
.column-title em{display: block; font-size: 24px; color: #fff;}

.product-box{border-bottom: 1px solid #F2F2F2;}
.pro-left{background: url(../images/proleft-bg.png) no-repeat center top; height: 757px;}
.pro-bg{padding: 0 20px; box-sizing: border-box;}
.pro-class {margin-bottom: 11px;}
.pro-class ul li{border-bottom: 1px solid #DBDBDB; cursor: pointer;}
.pro-class ul li:last-child{border-bottom: none;}
.pro-class ul li a{display: inline-block; font-size: 16px; line-height: 69px; color: #333; position: relative; padding-left: 27px; z-index: 3;}
.pro-class ul li a::before{position: absolute; content: ''; width: 9px;   height: 9px;   border: 1px solid #e60013; border-radius: 50%; top: 50%; transform: translateY(-50%); left: 0;}
.pro-class ul li a::after{position: absolute; content: '';  width: 0; height: 42px; background: #e60013; border-radius: 21px; transition: 0.6s; top: 50%; transform: translateY(-50%); left: 0; z-index: -1;}
.pro-class ul li:hover a::before{opacity: 0;}
.pro-class ul li:hover a::after{width: 134px;}
.pro-class ul li:hover a{color: #fff;}
.pro-class ul li.on a::before{opacity: 0;}
.pro-class ul li.on a::after{width: 134px;}
.pro-class ul li.on a{color: #fff;}
.contact-pic img{display: block; width: 100%; margin-bottom: 22px;}
.pro-bg .info em{display: block; font-size: 16px; color: #666; margin-bottom: 9px;}
.pro-bg .info em>img{display: inline-block; vertical-align: middle; margin-right: 11px;}
.pro-bg .info h3{display: block; font-size: 20px; line-height: 30px; color: #C71700; font-family: "Arial";}

.pro-right{width: 998px; position: relative;}
.pro-title{height: 70px; background: #f2f2f2; padding: 0 29px; margin-bottom: 24px;} 
.pro-title h2{display: block; font-size: 20px; color: #333; border-left: 3px solid #E60013; line-height: 20px; padding-left: 19px;}
.pro-title span{display: inline-block; font-size: 15px; color: #777777; margin-left: 17px;}
.pro-title a{display: block; font-size: 15px; color: #777;}
.pro-title a:hover{ color: #C71700; }

.product-list dl dd{width: 31.36%;  position: relative; margin-bottom: 47px;}
.product-list dl dd .pic{border-radius: 6px; overflow: hidden;  position: relative;}
.product-list dl dd .pic img{display: block;  width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.product-list dl dd:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product-list dl dd .info{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.8); bottom: -100%; transition: 0.6s; display: flex; align-items: center; justify-content: center;}
.product-list dl dd:hover .info{bottom: 0;}
.product-list dl dd .info h3{display: inline-block;font-size: 16px;line-height: 40px;color: #fff;position: relative;padding: 0 12px;}
.product-list dl dd .info h3::before,.product-list dl dd .info h3::after{transition: 0.6s; position: absolute;content: '';width: 0;height: 1px;background: #fff;left: 50%;transform: translateX(-50%);}
.product-list dl dd:hover .info h3::before{top: 0; width: 100%}
.product-list dl dd:hover .info h3::after{bottom: 0; width: 100%}

.product-ys{background: url(../images/pro-ys.png) no-repeat left top; width: 405px; height: 50px; position: absolute; bottom: 0; left: 0;}
.product-ys h4{display: block; font-size: 22px; font-weight: bold; color: #fff; text-indent: 75px; padding-top: 2px;}



/* 欧峥环保 · 解决方案 */
.solution{background: url(../images/solution-bg.jpg) no-repeat center; padding: 60px 0 95px;}
.solution .index-title{margin-bottom: 55px;}
.solution-list ul li{width: 211px; text-align: center;}
.solution-list ul li .pic{border:2px solid #fff; border-radius: 50%; position: relative;}
.solution-list ul li .pic>img{display: block; width: 100%;}
.solution-list ul li .more{position: absolute; content: ''; width: 100%; height: 100%; border-radius: 50%; top: 0; background:rgba(230,0,19,0.6); z-index: 2; display: flex; align-items: center; justify-content: center; opacity: 0; transition: 0.6s;}
.solution-list ul li .more>img{display: block; transform: scale(0); transition: 0.6s;}
.solution-list ul li:hover .more{opacity: 1;}
.solution-list ul li:hover .more>img{transform: scale(1);}
.solution-list ul li h3{display: inline-block; font-size: 18px; color: #333; position: relative; text-align: center; margin-top: 32px;}
.solution-list ul li h3::before,.solution-list ul li h3::after{ position: absolute; content: ''; width: 6px; height: 1px; background: #333; top: 50%; transform: translateY(-50%);} 
.solution-list ul li h3::before{left: -18px;}
.solution-list ul li h3::after{right: -18px;}
.solution-list ul li:hover h3{color: #e60013; font-weight: bold;}
.solution-list ul li:hover h3::before,.solution-list ul li:hover h3::after{background: #e60013;}


/* 欧峥环保 · 维修保养 */
.maintenance{background: url(../images/maintenance-bg.jpg) no-repeat center; padding: 53px 0 54px; background-size: cover;}
.maintenance .index-title{margin-bottom: 65px;}
.maintenance .index-title strong,.maintenance .index-title h2{color: #fff;}
.maintenance .container{overflow: hidden;}
.maintenance-list {width: 32.2%; margin: 0 auto; overflow: visible; padding-bottom: 92px;}
.maintenance-list ul {overflow: visible;}
.maintenance-list ul li { align-items: center; position: relative; overflow: hidden;}
.maintenance-list ul li .pic{overflow: hidden;  border-radius: 33px; }
.maintenance-list ul li .pic img{display: block; width: 100%; }
.maintenance-list ul li h3{ position: absolute; content: ''; width: 368px; font-size: 18px;line-height: 67px; color: #333; text-align: center;background: rgba(255,255,255,0.8); border-radius: 15px; bottom: -100%; left: 0; right: 0; margin: 0 auto; transition: 0.6s;}
.maintenance-list ul li:hover h3,.maintenance-list ul li.swiper-slide-active h3{bottom: 23px;}
.maintenance-list ul li.swiper-slide-active  .pic{border: 1px solid #fff; box-sizing: border-box;}
#maintenance-prev,#maintenance-next{background: url(../images/maintenance-arrow.png) no-repeat center;width: 19px; height: 37px; top: 40%;}
#maintenance-prev{left: -19%;}
#maintenance-next{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); right: -19%;}
#maintenance-prev:hover,#maintenance-next:hover{background: url(../images/maintenance-arrow2.png) no-repeat center;}
#maintenance-num{bottom: 0;}
#maintenance-num .swiper-pagination-bullet {background: url(../images/maintenance-num.png) no-repeat center; opacity: 1; width: 20px; height: 21px; margin: 0 9px;}
#maintenance-num .swiper-pagination-bullet-active{opacity: 1; background: url(../images/maintenance-num2.png) no-repeat center}


/* 欧峥环保 · 填料更换 */
.filler{background: url(../images/filler-bg.jpg) no-repeat center; padding: 59px 0 50px; background-size: cover;}
.filler .index-title{margin-bottom: 46px;}
.filler-list{margin-bottom: 62px; overflow: hidden;}
.filler-list ul li{float: left; width: 307px; margin-right: 24px;}
.filler-list ul li .pic{overflow: hidden;}
.filler-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.filler-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.filler-list ul li .info em{display: block; font-size: 16px; line-height: 65px; color: #333; transition: 0.6s; text-align: center; background: #fff;}
.filler-list ul li:hover .info em{background: #e60013; color: #fff;}
.index-more a{display: block; width: 148px;  background: #e60013; border-radius: 26px; position: relative; transition: 0.6s; overflow: hidden; margin: 0 auto;}
.index-more em{display: block; font-size: 15px; color: #fff; text-indent: 27px; line-height: 51px; transition: 0.6s;}
.index-more img{position: absolute; content: ''; background: url(../images/index-more.png) no-repeat; right: 27px; top: 50%; transform: translateY(-50%); transition: 0.6s;}
.index-more a:hover em{text-indent: 44px;}
.index-more a:hover img{right: -100%}



/* 欧峥环保 · 管道设计安装 */
.conduit{background: url(../images/conduit-bg.jpg) no-repeat center; padding: 57px 0 56px; background-size: cover; background-attachment: fixed;}
.conduit .index-title{margin-bottom: 62px;}
.conduit .index-title strong,.conduit .index-title h2{color: #fff;}
.conduit-list{position: relative;}
.conduit-list ul li{padding: 34px 25px 0; background: #fff; box-sizing: border-box;}
.conduit-list ul li .pic{overflow: hidden;}
.conduit-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.conduit-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.conduit-list ul li em{display: block; font-size: 18px; line-height: 95px; color: #333; font-weight: bold; text-align: center;}
.conduit-list ul li:hover{background: #e60013;}
.conduit-list ul li:hover em{color: #fff;}
#conduit-prev,#conduit-next{position: absolute; width: 65px; height: 65px;  border-radius: 50%; background: url(../images/index-arrow.png) no-repeat center rgba(255,255,255,0.5); transition: 0.6s;}
#conduit-prev{left: 3%;}
#conduit-next{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); right: 3%;}
#conduit-prev:hover,#conduit-next:hover{background: url(../images/index-arrow.png) no-repeat center #e60013;}
.conduit .index-more{margin: 71px auto 0;}




/* 欧峥环保 · 经典案例 */
.case{background: url(../images/case-bg.jpg) no-repeat center; padding: 54px 0 51px; background-size: cover;}
.case .index-title{margin-bottom: 54px;}
.case .container-s{position: relative; overflow: hidden;}
.case-list{width: 82.58%; margin: 0 auto; overflow: hidden;}
.case-list ul li .pic{overflow: hidden;}
.case-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.case-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.case-list ul li .info{border:  1px solid rgba(203,203,203,0.5); border-top: none; box-sizing: border-box; padding: 13px 37px 0; height: 130px; }
.case-list ul li .info strong{display: block; font-size: 18px; color: #333; height: 54px; line-height: 54px; position: relative; border-bottom: 1px solid rgba(172,172,172,0.5); position: relative; margin-bottom: 10px;}
.case-list ul li .info strong::after{position: absolute; content: ''; width: 54px; height: 1px; background: #e60013; bottom:-1px; left: 0; transition: 0.6s;}
.case-list ul li .info h3{display: block; font-size: 16px; color: #666;}
.case-list ul li:hover .info strong::after{width: 75px;}
#case-prev,#case-next{position: absolute; width: 65px; height: 65px;  border-radius: 50%; background: url(../images/case-arrow.png) no-repeat center rgba(255,255,255,1); transition: 0.6s;}
#case-prev{left: 0;}
#case-next{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); right: 0;}
#case-prev:hover,#case-next:hover{background: url(../images/index-arrow.png) no-repeat center #e60013;}
.case .index-more{margin: 49px auto 0;}



/* 欧峥环保 · 关于我们 */
.about{background: #ebebeb; padding: 68px 0 0; height: 834px; box-sizing: border-box;}
.about-box {margin-bottom: 67px;}
.about-box .info{width: 56%;}
.about-title{margin-bottom: 38px;}
.about-title h2{display: block; font-size: 46px; color: #333; font-weight: bold;}
.about-title h3{display: block; font-size: 24px; color: #333; margin-bottom: 35px;}
.about-box .info h4{display: block; font-size: 16px; line-height: 28px; color: #666; margin-bottom: 27px;}
.about .index-more a{margin: 50px 0 0;}
.about-box .pic{width: 40.1%;}
.about-box .pic img{display: block; width: 100%;}
.about-contact{width: 100%; height: 206px; background: #e60013; border-radius: 14px; justify-content: space-around;}
.about-contact .text h2{display: block; font-size: 34px; color: #fff; margin-bottom: 20px;}
.about-contact .text strong{font-weight: bold;}
.about-contact .text-bg{background: url(../images/text-bg.png) no-repeat center; width: 498px; height: 54px;}
.about-contact .text-bg h3{display: inline-block; font-size: 18px; line-height: 54px; color: #fff; margin: 0 43px;}
.contact-tel {margin-right: 42px;}
.contact-tel .info{margin-left: 20px;}
.contact-tel .info em{display: block; font-size: 16px; color: #fff; line-height: 16px; margin-bottom: 10px;}
.contact-tel .info b{display: block; font-size: 26px; color: #fff; font-family: "DIN"; line-height: 19px;}


/* 欧峥环保 · 新闻中心 */
.news{padding: 138px 0 55px;}
.news .index-title{margin-bottom: 41px;}
.news-list{overflow: hidden;}
.news-list ul li{float: left; width: 326px;  background: #f6f6f6; padding: 37px; margin-right: 50px; transition: 0.6s; }
.news-list ul li .date{font-family: Arial; margin-bottom: 34px;}
.news-list ul li .date b{display: block; font-size: 34px; line-height: 25px; color: #E60013; }
.news-list ul li .date span{display: block; font-size: 16px; color: #666; position: relative; padding-left: 66px;}
.news-list ul li .date span::after{position: absolute; content: ''; width: 50px; height: 1px; background: rgba(102,102,102,0.5); left: 0; top: 50%; transform: translateY(-50%);}
.news-list ul li h3{ font-size: 18px; color: #333; margin-bottom: 9px;}
.news-list ul li h4{ font-size: 16px; line-height: 24px; color: #666; margin-bottom: 27px;}
.news-list ul li .pic{overflow: hidden; border-radius: 14px;}
.news-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-list ul li:hover{background: #e60013;}
.news-list ul li:hover .date b,.news-list ul li:hover .date span{color: #fff;}
.news-list ul li:hover .date span::after{ background: rgba(255,255,255,0.5); }
.news-list ul li:hover h3,.news-list ul li:hover h4{color: #fff;}
.news .index-more{margin: 51px auto 0;}



/* 公共底部 */
.footer{background: #222; padding: 50px 0 0;}
.foot-logo a img{display: block; margin:0 auto 52px;}
.foot-contact{align-items: flex-end;}
.contact-list dl{padding:  0 21px; position: relative;}
.contact-list dl::after{position: absolute; content: '';  width: 1px;  height: 39px; background: rgba(255,255,255,0.1); right: 0; top: 50%; transform: translateY(-50%);}
.contact-list dl:first-child{padding: 0 21px 0 0;}
.contact-list dl:last-child{padding: 0 0 0 21px;}
.contact-list dl:last-child::after{background: none;}
.contact-list dl dt img{display: block; margin-right: 20px;}
.contact-list dl dd em{display: block; font-size: 18px; color: #fff;}
.contact-list dl dd span{display: block; font-size: 16px; line-height: 24px; color: #fff; }
.contact-list dl dd b{display: block; font-size: 20px; color: #fff; font-family: "DIN"; }
.foot-middle{margin-top: 52px; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1);}
.foot-nav ul{justify-content: space-around;}
.foot-nav ul li a{display: block; font-size: 18px; line-height: 74px; color: #fff; font-weight: bold;}
.foot-copy p{display: block; font-size: 16px; line-height: 65px; color: #B6B6B6;}
.foot-copy a{color: #B6B6B6;}
.foot-nav ul li a:hover,.foot-copy a:hover{color: #e60013;}



/* 内页面包屑 */
.position{padding: 25px 0; border-bottom: 1px solid #ddd; margin-bottom: 40px;}
.position span{display: block; font-size: 14px; color: #808080;}
.position span>img{display: inline-block; vertical-align: middle; margin-right: 15px;}
.position a{color: #808080;}
.position a:hover{color: #e60013;}


.ny-main{margin-bottom: 80px;}
.main-box{ align-items: flex-start;}
.ny-left{width: 20%; background: #fff;}
.column{background: #e60013; height: 126px; margin-bottom: 4px;}
.column .text{color: #fff; margin-left: 26px;}
.column .text strong{display: block; font-size: 31px; line-height: 33px; margin-bottom: 9px;}
.column .text span{display: block; font-size: 16px; line-height: 12px; text-transform: uppercase; font-family: "Arial"}

.ny-class .ctitle1>li{margin-bottom: 1px; position: relative;}
.ny-class .ctitle1>li:last-child{margin-bottom: 0;}
.ny-class .ctitle1>li>h3{background: #f5f5f5; height: 57px; padding: 0 10%;  position: relative; z-index: 5;}
.ny-class .ctitle1>li>h3>a{display: block;width: 100%;}
.ny-class .ctitle1>li>h3:after{position: absolute; content: ''; width: 0; height: 100%; background: #e60013; transition: 0.6s; left: 0;z-index: -1;}
.ny-class .ctitle1>li>h3>a{display: block; font-size: 18px; color: #333; position: relative; z-index: 1;}
.ny-class .ctitle1>li>h3>i{background: url(../images/ctitle-li.png) no-repeat center; height: 100%; width: 10px; position: relative; z-index: 1;}
.ny-class .ctitle1>li:hover>h3:after,.ny-class .ctitle1>li.on>h3:after{width: 100%;}
.ny-class .ctitle1>li:hover>h3>a,.ny-class .ctitle1>li.on>h3>a{color: #fff;}
.ny-class .ctitle1>li:hover>h3>i,.ny-class .ctitle1>li.on>h3>i{background: url(../images/ctitle-li-on.png) no-repeat center; }
.ny-class .ctitle2{display: none;padding: 1.75rem 0 1.5625rem 1.25rem;}
.ny-class .ctitle2>li{margin-bottom: 0.8125rem;}
.ny-class .ctitle2>li>a{display: block; font-size: 1.125rem; color: #333; position: relative; padding-left: 1.375rem;}
.ny-class .ctitle2>li>a:before{content: "";width: 10px;height: 10px;border: 1px solid #dfdfdf;border-radius: 50%;position: absolute;left: 0;top: 50%; transform: translateY(-50%); transition: all 0.4s;}
.ny-class .ctitle2>li>a:after{content: "";width: 6px;height: 6px;background: #dfdfdf;border-radius: 50%;position: absolute;left: 3px;top: 50%;transform: translateY(-50%); transition: all 0.4s;}
.ny-class .ctitle2>li>a:hover,.ny-class .ctitle2>li>a.on,.ny-class .ctitle2>li.on>a{	color: #e60013;}
.ny-class .ctitle2>li>a:hover:before,.ny-class .ctitle2>li>a.on:before,.ny-class .ctitle2>li.on>a:before{	border-color: #e60013;}
.ny-class .ctitle2>li>a:hover:after,.ny-class .ctitle2>li>a.on:after,.ny-class .ctitle2>li.on>a:after{	background: #e60013;}
.ny-class .ctitle2{padding:0.5rem 1.25rem}
.ny-class .ctitle2>li{margin-bottom: 0.3rem;}
.ny-class .ctitle2>li>a{font-size: 16px;transition: all .3s;}
.ny-class .ctitle1>li:hover>h3>a,.ny-class .ctitle1>li.on>h3>a{text-indent: 1rem; color: #fff}
.ny-class .ctitle1>li.on .ctitle2{display: block;}
.ctitle2.on{display: block;}
.contact-left{padding: 23.5px  4% 42px;}
.contact-left .pic img{display: block; width: 100%; margin-bottom: 34px;}
.contact-left .info p{display: flex; align-items: flex-start;font-size: 14px;color: #333;margin-bottom: 7px;}
.contact-left .info p:last-child{margin-bottom: 0;}
.contact-left .info p img{display: inline-block; vertical-align: middle; margin-right: 8px; margin-top: 5px;}
.contact-left .info strong{display: inline-block;font-size: 25px;color: #e60013;font-family: "din";line-height: 22px;}
.contact-left .info b{display: inline-block;font-size: 18px;color: #333;font-family: "Arail";}
.ny-right{width: 76%;}

/* 内页产品列表页 */
.ny-main .contact-left {  padding: 0; margin: 23.5px 0 42px; background: #f5f5f5;}
.ny-main .contact-left .info{padding:  0 4% 25px;}
.ny-main .ny-left{position: sticky; top: 50px;}
.nyproduct-list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.nyproduct-list ul:after{content: ''; width: 31%;}
.nyproduct-list ul li{width: 31%; margin-bottom: 40px; box-sizing: border-box; border: 1px solid #ccc;}
.nyproduct-list ul li .pic {overflow: hidden; position: relative;}
.nyproduct-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nyproduct-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nyproduct-list ul li .hide {opacity: 0; visibility: hidden; position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; transition: all .5s;}
.nyproduct-list ul li .hide .jtBox {color: #fff; font-size: 36px;  width:60px; height: 55px;opacity: 0.9; background: #e60013;     padding-bottom: 5px;  border-radius: 10px; display: flex; align-items: center; justify-content: center;transform: scale(0); transition: .5s;}
.nyproduct-list ul li:hover .hide {opacity: 1; visibility: visible;}
.nyproduct-list ul li:hover .hide .jtBox {transform: scale(1);}
.nyproduct-list ul li h3{display: block; font-size: 18px; line-height: 60px; color: #333; text-align: center;}





/* 内页产品详情页 */
.proxq-box{display: flex; justify-content: space-between; margin-bottom: 40px;}
.proxq-pic{width: 42%;}
.proxq-info{width: 53%;}
.propic-big { box-shadow: 0px 0px 73px 0px rgba(227, 226, 225, 0.42); margin-bottom: 1.25rem;}
.propic-big ul li{}
.propic-big ul li .pic img{display: block; width: 100%;}
.propic-small ul li{background: #fff; position: relative;}
.propic-small ul li:after{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(230, 0, 19, 0.8); top: 0; opacity: 0;}
.propic-small ul li .pic{box-sizing: border-box; border: 0.0625rem solid #eeeeee;}
.propic-small ul li .pic img{display: block; width: 100%;}
/*.propic-small ul li.swiper-slide-thumb-active:after{ opacity: 1;}*/
.proxq-info strong{display: block; font-size: 2rem; color: #333; border-bottom: 1px solid #eee; padding-bottom: 0.5rem; margin-bottom: 2.25rem;}
.proxq-info .text{margin-bottom: 2.4375rem;}
.proxq-info .text em,.proxq-info .text p{display: block; font-size: 1rem; line-height: 1.75rem; }
.proxq-info .text em{color: #e60013;}
.proxq-info .text p{color: #333333; margin-bottom: 1.3125rem;}
.proxq-btn{ padding-bottom: 3.125rem; border-bottom: 1px solid #dbdbdb; margin-bottom: 2rem;}
.proxq-btn a{z-index: 0; position: relative; overflow: hidden;  display: inline-block; width: 30%; font-size: 1.0625rem; line-height: 3.4375rem; background: #000; border-radius: 0.3125rem; text-align: center; color: #fff; }
.proxq-btn a>img{display: inline-block; vertical-align: middle; margin-left: 6%;}
.proxq-btn a:before{content: "";position: absolute;width: 0;height: 100%;left: 50%;top: 0;z-index: -1;opacity: 2;transition: all 0.4s;}
.proxq-btn a:before{background: #e60013;}
.proxq-btn a:hover:before{width: 100%;left: 0;opacity: 1;}
.proxq-arrow{display: flex; justify-content: space-between; align-items: center;}
.proxq-arrow a{display: flex; align-items: center; }
.proxq-arrow i{display: block; display: flex;  align-items: center;  justify-content: center;  width: 3.125rem;  line-height: 2.875rem;  height: 3.125rem;  border-radius: 0.25rem;  border: 0.125rem solid #dbdbdb; transition:0.6s}
.proxq-arrow h5{display: block; font-size: 1.125rem; color: #1a1a1a;}
.proxq-arrow a:first-child i { transform: rotateY(180deg); margin-right: 1.25rem;}
.proxq-arrow a:last-child i {    margin-left: 1.25rem;}
.proxq-arrow a:hover i{background: #e60013;border-color: #e60013;}
.proxq-arrow a:hover i svg path{	fill: #ffffff;}
.proxq-arrow a:hover h5{color: #e6291e;}
.peculiarity-title strong{display: block; font-size: 22px; color: #333; text-indent: 0.4375rem; border-bottom: 0.0625rem solid #ddd; padding-bottom: 1.125rem; margin-bottom: 1.875rem; }
.pro-details{margin-bottom: 40px;}
.proxq-title strong{display: block;  font-size: 2rem; color: #333; text-align: center; padding-bottom: 1rem;}
.recom-box{position: relative; padding-bottom: 30px;}
.recom-list{ margin: 0 auto; overflow: hidden;  box-sizing: border-box;}
#recom-num{display: block;}
.recom-list ul li{}
.recom-list ul li .pic{overflow: hidden; box-shadow: 0px 0px 0.875rem 0px rgba(226,225,224,0.42);}
.recom-list ul li .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.recom-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.recom-list ul li em{display: block; font-size: 17px; color: #333; text-align: center; line-height: 55px;}
.recom-list ul li:hover em{color: #e6291e;}
#recom-num .swiper-pagination-bullet-active{background: #e60013;}



/* 内页图片列表页 */
.picture-list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.picture-list ul:after{content: ''; width: 31%;}
.picture-list ul li{width: 31%; margin-bottom: 40px; }
.picture-list ul li .pic {overflow: hidden; position: relative;}
.picture-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.picture-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.picture-list ul li h3{display: block; font-size: 16px; line-height: 60px; color: #333; background: #fcfcfc; text-align: center; transition: 0.6s;}
.picture-list ul li:hover h3{background: #e60013; color: #fff;}


/* 内页图片详情页 */
.name-title {text-align: center; margin-bottom: 40px;}
.name-title h3{display: block; font-size: 26px; color: #333; position: relative; height: 60px; font-weight: bold;}
.name-title h3:after{position: absolute; content: ''; width: 60px; height: 2px; background: #ec1d01; left: 50%; margin-left: -30px; bottom: 0px;}
.xq-page{border-top: 1px solid #f2f2f2; display: flex; justify-content: space-between; margin-top: 30px; padding: 15px 0;}
.xq-page em{color: #333;}
.xq-page a{color: #666;}
.xq-page a:hover{color: #ec1d01;}
.xq-back a{transition:0.6s; display: block; width: 144px; font-size: 16px; line-height: 45px; color: #fff;  background: #000; border-radius: 25px; text-align: center; margin: 40px auto 0}
.xq-back a>img{display: inline-block; margin-right: 11px; vertical-align: middle;}
.xq-back a:hover{background: #ec1d01;}




/* 内页新闻列表页 */
.newslist {width: 100%;}
.newslist li {margin-bottom: 35px;}
.newslist li a {display: flex;justify-content: space-between;background: #fafafa;padding: 30px;box-sizing: border-box;align-items: center;}
.newslist li .imgBox {width: 28%;overflow: hidden;}
.newslist li .imgBox img {width: 100%; min-height: 150px; object-fit: cover; transition: .5s;}
.newslist li .con {width: 68%;}
.newslist li h6 {font-size: 18px;color: #333;font-weight: bold;}
.newslist li p {margin-top: 5px;color: #666;font-size: 15px;}
.newslist li .more {transition: all .5s;margin-top: 13px;background: #808080;color: #fff;width: 130px;height: 45px;border-radius: 50px;font-size: 15px;}
.newslist li .more svg {margin-left: 15px;}
.newslist li:hover .more {background: #ec1d01;}
.newslist li:hover .imgBox img {transform: scale(1.1);}



/* 内页新闻详情页 */
.newsCon {background: #ffffff;/* border-radius: 10px; */box-shadow: 0rem 0rem 0.4rem 0rem rgba(226,225,224,0.42);padding: 40px 40px 50px;box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #ddd;padding-bottom: 26px;}
.newsxq-title strong {display: block;font-size: 25px;color: #333;margin-bottom: 10px;}
.newsxq-title span {display: block;font-size: 16px;color: #777;margin: 10px 3px 0 0;}
.newsxq-title .titleDisc {display: flex; flex-wrap: wrap;}
.newsxq-editbox {margin: 30px 0;}
.newsxq-editbox img {max-width: 100%; height: auto !important;}
.newsxq-box .nynews-right {width: 29%;background: #fff; border-radius: .1rem;box-shadow: 0rem 0rem 0.3rem 0rem rgba(226,225,224,0.42); padding: .4rem;box-sizing: border-box; position: relative;}
.newsxq-box .nynews-right {position: sticky; top: 1.5rem;}
 .relist li { padding: .3rem 0; border-bottom: 1px solid #F2F2F2;}
 .relist li .time {font-size: var(--font14); font-weight: 500;color: #999999;}
 .relist span {color: #999999; font-size: var(--font14);}
 .relist h6 {color: #333333; font-size: var(--font18); transition: .35s;font-weight: 700;margin-top: .1rem;}
 .relist li:hover h6 {color: #ec1d01;}
 .relist li:hover .reImg img {transform: scale(1.05);}
 .nynews-right::after {content: ""; background: linear-gradient(99deg,#ec1d01 0%, #dbb07a 100%); width: 65%; position: absolute; left: 50%; bottom: -1%; height: .07rem;  transform: translate(-50%, -50%);}

.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 1rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 0.78rem;height: 0.78rem;min-width: 35px;min-height: 35px;   border: 1px solid #333;}
.news-prev svg {transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block; font-size: var(--font16); color: #333;}
.prev-link em {margin-left: 17px;}
.next-link em {margin-right:17px;}
.next-link {flex-direction: row-reverse;}
.backlist a {width: 125px;/* min-width: 125px; *//* min-height: 42px; */height: 42px;background: #ec1d01;color: #fff;}
.backlist svg {margin-right: .1rem;}
.backlist a:active {background: #ec1d01;}
.newsxq-page a:active .news-prev,.newsxq-page a:active .news-next {background: #ec1d01; border-color: #ec1d01; }
.newsxq-page a:active svg path {fill: #fff;}
@media (any-hover: hover) {
    .newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next {background: #ec1d01; border-color: #ec1d01; }
    .newsxq-page a:hover svg path {fill: #fff;}
}













/*分页*/
.fy { padding: 60px 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap; gap: 1rem;}
.fy a { background: #E6E6E6; display: flex; align-items: center; justify-content: center; color: #707070; font-size: 14px; transition: .4s;  padding: 5px 15px;}
.fy a:hover {color: #fff; background: #e60013;}
.fy .layui-laypage-curr {color: #fff; background: #e60013; font-size: 14px;  margin: 0 5px; padding: 5px 15px;}



/* 搜索页面 */
.search-page .box {margin-top: 50px;}
.search-page form {width: 60%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }
.search-page form .search-text {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 22px;  height: 23px; display: block; cursor: pointer; background: url(../images/searchIcon.png) no-repeat center; outline: none; border: none; background-size: 100%; filter: brightness(0);}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #e60013; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: 18px; margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: 16px; color: #666; line-height: 20px;}
.search-page li .le {width: 95%; }
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}