@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; width: 100%; 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-s{width:1500px; margin:0 auto; max-width: 78%;}
.container{width:1300px; margin:0 auto; }




.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;}

.between{display: flex; justify-content: space-between; align-items: center;}



/*字体引入*/
@font-face {
  font-family: "din";
  src: url("../font/DIN-Bold.otf");
}




.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-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;}



/* CSS Document */
/* 公共头部 */
.head-top{border-bottom: 1px solid rgba(242,242,242,0.4);}
.top-box{ height: 38px;}
.top-box p{display: block; font-size: 15px; color: #666;}
.top-box .icon ul li{display: block; font-size: 15px; color: #666; position: relative; margin-right: 86px;}
.top-box .icon ul li:first-child{ color: #333; font-family: "din";}
.top-box .icon ul li:last-child{margin-right: 0;}
.top-box .icon ul li>img{display: inline-block; margin-right: 8px; vertical-align: middle;}
.top-box .icon ul li .hide{position: absolute; top: 38px;right: 0; display: none; transition:0.6s; box-shadow: 0 0 3px #ccc;
    z-index: 2;}
.top-box .icon ul li:hover .hide{display: block;}
.header-box{height: 96px;}
.head-left{width: 91.5%;}
.pc-logo a img{display: block;  }
.pc-nav {width: 80.5%;}
.pc-nav ul li{position: relative;}
.pc-nav ul li:after{position: absolute; content: ''; width: 0%; height: 1px; background: #A20004; top: 0;  left: 50%; transition:0.6s}
.pc-nav ul li:hover::after{width: 100%; left: 0;}
.pc-nav ul li a{display: block;color: #333;line-height: 96px;}
.pc-nav ul li.on a,.pc-nav ul li:hover a{color: #A20004;}


.pc-nav ul li {position: relative;}
.pc-nav ul li .subnav-box{
    z-index: 2; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);transform: translateY(50px);opacity: 0;pointer-events: none;width: 240%;left: -70%;position: absolute;top: 100%;transition: all 0.4s ease;}
.pc-nav ul li .subnav {display: flex;align-items: flex-start;padding: 10px 0;box-sizing: border-box;z-index: 3;background: #fff;flex-wrap: wrap;text-align: center;}
.pc-nav ul li .subnav a{display: block;font-size: 15px;color: #333;width: 100%; line-height: 35px;}
.pc-nav ul li .subnav a:hover{color: #A20004;}
.pc-nav ul li:hover .subnav-box {  transform: translateY(0);  opacity: 1;  pointer-events: auto;}



.headfixed{position: fixed; top: 0; z-index: 999; left: 0; right: 0; margin: auto; background: #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); }



/* 搜索 */
.heSearch .seBox{width: 38px;}
.heSearch .seBox img {display: block;}
.pub_search_box_case {position: fixed;z-index: 1; left: 0;top: 0;z-index: 8; transition: all .5s ease; transform: translateY(-120%); width: 100%;}
.pub_search_box_case.on {transform: translateY(0%); }
.pub_search_box_case.on .pub_sea_sha {display: block;}
.pub_search_box_case .pub_sea_sha {position: absolute; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 2; display: none;}
.pub_search_case { padding: 2% 8%;box-sizing: border-box;  background-color:#A20004; box-shadow: 0 1px 3px rgb(0 0 0 / 12%); position: relative; z-index:999;display: block;}
.pub_search_case .zhan_c {display:flex; justify-content: space-between;    align-items: flex-start;}
.pub_search_case .zhan_c .close {cursor: pointer;}
.pub_search_box {width: 50%; margin: auto; padding:4rem 0 2rem 0}
.pub_search_box .sea_t {color: #fff; font-size: 1rem; margin-bottom: 1rem;}
.pub_search_box button {border: none; background: none;}
.search_form {display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #fff; padding-bottom: 0.3rem;}
.search_form input {width: 90%; height: 2.5rem; border: none;outline: none; background: none; color: #fff; font-size: 1rem;}
.search_form button {width: 4%; cursor: pointer;}
.search_form button img {max-width: 100%; display: block;}
.logoa{display: inline-block;}




/*首页banner*/
.banner {position: relative; overflow: hidden;  height: 865px;}
.banner ul {height: 100%;}
.banner  ul li{position: relative;   height: 100%;	display: flex;	flex-flow: column;		overflow: hidden;}
.banner  ul li .banner-bg {background-size: cover;background-position: center;    position: absolute;    left: 0px;    right: 0px;    bottom: 0px;    top: 0px;    transition: 1s 2.5s;    transform: perspective(1000px) translate3d(0, 0, 100px);}
.banner  ul li.swiper-slide-active .banner-bg {   transition: 5s 0s;   transform: perspective(1000px) translate3d(0, 0, 0px);}
#banner-num{bottom: 95px; height: 21px; position: relative;}
#banner-num::after{z-index: -1; position: absolute; content: ''; width: 100%; height: 1px; background:  #ededed; top: 50%; transform: translateY(-50%); left: 0;}
#banner-num .swiper-pagination-bullet{z-index: 2; width: 21px; height: 21px; margin: 0 20px; background: url(../images/banner-num.png) no-repeat center; opacity: 1;}
#banner-num .swiper-pagination-bullet-active{background: url(../images/banner-num2.png) no-repeat center;  }
#banner-prev,#banner-next{width: 33px; height: 59px;  background: url(../images/banner-arrow.png) no-repeat center;}
#banner-prev{left: 9%;}
#banner-next{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); right: 9%;}
#banner-prev:hover,#banner-next:hover{background: url(../images/banner-arrow2.png) no-repeat center;}



/* 产品展示 */
.product{padding: 67px 0 62px;}
.product .index-title{margin-bottom: 42px;}
.title-bg{background: url(../images/index-title.png) no-repeat center top; height: 159px; padding-top: 23px; box-sizing: border-box;}
.title-bg span{display: block; font-size: 18px; color: #666;}
.title-bg strong{display: block; font-size: 40px; color: #333; line-height: 40px;}
.index-more a{display: block; width: 149px; border: 1px solid #666666;border-radius: 27px; text-align: center; transition:0.6s}
.index-more span{font-size: 16px;  line-height: 49px;color: #666; margin-right: 12px;  transition: 0.6s;}
.index-more a:hover{border-color: #a20004; background: #a20004; }
.index-more a:hover span{color: #fff; margin-right: 20px;}
.index-more a:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.product-class .item1{width: 33.7%; }
.product-class dl dd{border: 1px solid #f2f2f2; background: #fcfcfc; width: 100%; box-sizing: border-box; padding: 0 9%;}
.product-class .item1 dd{height: 642px;}
.product-class .item2{width: 63%;display: flex;height: 642px;flex-direction: column;justify-content: space-between;}
.product-class .item2 dd{height: 310px; padding: 0 5%; }
.product-class .item2 dd>div{height: 310px;}
.product-class .item1 dd .pic{padding: 25px 0 90px;}
.product-class .item1 dd .pic img{display: block;}
.product-class .class-title{margin-bottom: 18px;}
.product-class .class-title h2{display: block; font-size: 22px; line-height: 22px; color: #333; margin-bottom: 6px;}
.product-class .class-title span{display: block; font-size: 16px; line-height: 16px; color: #666;}
.product-class .class-title a img{filter: invert(40%) sepia(1%) saturate(0%) hue-rotate(178deg) brightness(96%) contrast(85%);}
.product-class .class-title a:hover>img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
.class-pro ul li a{transition:0.6s; display: inline-block;  font-size: 14px; line-height: 32px; color: #666; text-align: center; border: 1px solid #666666; border-radius: 18px; padding: 0 15px;}
.class-pro ul li a:hover{background: #a20004; color: #fff; border-color: #A20004;}
.product-class .item2 dd .class-title{margin-bottom: 42px;}
.product-class .item2 dd .class-title h2{margin-bottom: 9px;}
.product-class .item2 dd .class-title span{margin-bottom: 29px;}
.product-class .item2 dd .class-pro ul{width: 63%;}
.product-class .item2 dd .class-pro ul li{margin-bottom: 11px;}
.product-class .item2 dd:last-child .class-pro ul{width: 84%;}


/* 解决方案 */
.solutions{background: url(../images/solutions-bg.jpg) no-repeat center; background-attachment: fixed; height: 400px; overflow: hidden; margin-bottom: 80px;}
.solutions ul li{width: calc(100% / 6); border-right: 1px solid #737373; box-sizing: border-box; height: 400px;   }
.solutions ul li a{color: #fff;}
.solutions ul li .info{flex-direction: column; transform: translateY(130%); transition:0.6s;}
.solutions ul li .icon{width: 62px; height: 62px; border: 1px solid #fff; border-radius: 50%; margin-bottom: 27px; transition:0.6s}
.solutions ul li .icon>img{display: block; transition: 0.6s;}
.solutions ul li em{display: block; font-size: 20px; line-height: 20px; }
.solutions ul li span{display: block; font-size: 16px; line-height: 16px; font-family: Arial; margin-top: 11px; display: none;}
.solutions ul li .more{margin-top: 19px; display: none;}
.solutions ul li:hover .icon{background: rgba(255,255,255,0.3); transform: scale(1.22); }
.solutions ul li:hover .info{transform: translateY(50%);}
.solutions ul li:hover span,.solutions ul li:hover .more{display: block;}
.solutions ul li:last-child .info{transform: translateY(130%); }
.solutions ul li:last-child .icon{ background: #A20004; border-color: #A20004;}
.solutions ul li:last-child:hover .icon{ transform: scale(1); }
.solutions ul li:last-child:hover .icon img{transform: rotate(90deg);}



/* 工程案例 */
.case{padding-bottom: 36px;}
.case .index-title{margin-bottom: 46px;}
.case-box{position: relative;}
.case-list{width:1300px; margin:0 auto; max-width: 86%; overflow: hidden;}
.case-list ul{flex-direction: inherit!important;}
.case-list ul li{margin-top: 0!important; position: relative; margin-bottom: 40px;overflow: hidden; border: 1px solid #f2f2f2; box-sizing: border-box;}
.case-list ul li .pic{overflow: hidden; border-bottom: 1px solid #f2f2f2;}
.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{background: #fcfcfc; height: 79px; box-sizing: border-box; padding: 0 9%;}
.case-list ul li .info em{display: block; font-size: 18px; color: #555;}
.case-list ul li .info>img{filter: invert(40%) sepia(1%) saturate(0%) hue-rotate(178deg) brightness(96%) contrast(85%);}
.case-list ul li:hover .info>img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
.case-box .container-s{position: relative;}
#case-prev,#case-next{position: absolute; content: ''; width: 27px; height: 51px;  transition:0.6s}
#case-prev{background: url(../images/case-prev.png) no-repeat center; left: 0;}
#case-next{background: url(../images/case-prev.png) no-repeat center; right: 0; transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#case-num{display: none;}
#case-prev:hover{background: url(../images/case-prev2.png) no-repeat center; }
#case-next:hover{background: url(../images/case-prev2.png) no-repeat center; }


/* 关于我们 */
.about{background: url(../images/about-bg.jpg) no-repeat center; height: 745px;}
.about-box{height: 745px;}
.about-box .info {width: 45.3%;}
.about-box .info em{display: block; font-size: 18px; color: #666; font-family: Arial; line-height: 14px; text-transform: uppercase; margin-bottom: 7px;}
.about-box .info strong{display: block; font-size: 40px; line-height: 40px; height: 75px; position: relative; color: #333; margin-bottom: 22px;}
.about-box .info strong::after{position: absolute; content: ''; width: 66px; height: 2px; background: #a20004; bottom: 0; left: 0;}
.about-box .info h2{display: block; font-size: 34px; color: #333; font-weight: bold; margin-bottom: 14px;}
.about-box .info h3{display: block; font-size: 16px; line-height: 30px; color: #666; margin-bottom: 55px;}


/* 新闻中心 */
.news{padding: 60px  0 38px;}
.news .index-title{margin-bottom: 22px;}
.news-list{overflow: hidden;}
.news-list ul li{width: 400px; margin-right: 50px;}
.news-list ul li .pic{overflow: hidden;}
.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 .info{border: 1px solid #f2f2f2; border-top: none; padding: 18px  5% 21px;}
.news-list ul li .info h3{display: block; font-size: 18px; color: #333; margin-bottom: 5px;}
.news-list ul li .info p{display: block; font-size: 15px; line-height: 22px; color: #666; margin-bottom: 13px;}
.news-list ul li .info span{display: inline-block; width: 82px; background: #a20004; border-radius: 12px; font-size: 15px; line-height: 23px; color: #fff; text-align: center;}
.news-list ul li .info em{display: inline-block; font-size: 15px; line-height: 23px; color: #666; font-family: Arial; margin-left: 15px;}
.news-list ul li:hover .info h3{color: #a20004;}


/* 合作伙伴 */
.partner{margin-bottom: 50px;}
.partner-list{overflow: hidden;}
.partner-list ul li{width: 202px; border: 1px solid #f2f2f2; margin-right: 15px; transition:0.6s}
.partner-list ul li .pic img{display: block;}
.partner-list ul li:hover{border-color: #A20004;}

/* 加入我们 */
.join{background: url(../images/join-bg.jpg) no-repeat center; color: #fff; text-align: center; padding: 140px 0 133px; background-size: cover;}
.join h4{display: block; font-size: 48px; line-height: 48px; margin-bottom: 34px;}
.join a{transition:0.6s; display: block; width: 140px; font-size: 16px;  line-height: 43px;  background: #a20004;  border-radius: 22px;color: #fff; margin: 0 auto; }
.join a:hover{background: #7c2933; }

/* 公共底部 */
.footer{background: url(../images/foot-bg.jpg) no-repeat center;}
.footer-top{padding: 86px 0 48px;}
.footer-top dl dt{margin-bottom: 38px; display: block; font-size: 34px; line-height: 34px; color: #333; height: 66px; position: relative; font-weight: bold;}
.footer-top dl dt:after{position: absolute; content: ''; width: 22px;  height: 2px;  background: #7c2933; bottom: 0; left: 0;}
.foot-left ul {width: 255px;}
.foot-left ul li{margin-bottom: 28px;}
.foot-left ul li a{transition:0.6s;  display: block; width: 102px; font-size: 16px; line-height: 30px; color: #666; border: 1px solid #666666; border-radius: 6px; text-align: center;}
.foot-left ul li a:hover{background: #a20004; border-color: #a20004; color: #fff;}
.foot-right p{display: block; font-size: 16px; line-height: 36px; color: #666; margin-bottom: 4px;}
.foot-right p>img{display: inline-block; margin-right: 10px; vertical-align: middle;}
.foot-right dl:first-child{margin-right: 59px;}
.foot-mess{width: 438px;}
.foot-mess input,.foot-mess textarea { border: 1px solid #dfdfdf; background: transparent; text-indent: 13px; margin-bottom: 20px; font-family: "Microsoft YaHei";}
.foot-mess div>input  {width: 204px;  height: 41px;}
.foot-mess textarea{width: 100%; height: 89px; line-height: 35px;}
.foot-mess .submit{width: 89px; background: #a20004; border-radius: 9px; outline: none; font-size: 16px; line-height: 30px;  color: #fff; text-align: center; text-indent: 0; display: block;}
.footer-copy{border-top:1px solid #d5d5d5; padding: 8.5px 0;}
.footer-copy p{display: block; font-size: 15px; color: #999;}
.footer-copy a{ color: #999;}
.footer-copy a:hover{color: #a20004;}




/*在线咨询*/
.zx-service{position: fixed;right: 5px;top: 30%;z-index: 9999;}
.zx-service ul li{margin-bottom: 1px;position: relative;}
.zx-service ul li a{display: block; width: 80px;height: 52px;padding: 14px 0;background: #000;}
.zx-service ul li:hover a{background: #a20004;}
.zx-service ul li a img{display: block;margin: 0 auto 10px;}
.zx-service ul li a span{display: block;width: 80px;color: #fff;text-align: center;line-height: 14px;}
.zx-service ul li dl{width: 150px;padding: 0 15px;background: #a20004;text-align: center;display: none;position: absolute;right: 81px;top: 0;}
.zx-service ul li dl dd{font-family: arial;color: #fff;font-size: 20px;height: 50px;width: 150px;line-height: 50px;}
.weixin-hide{width: 130px;padding: 140px 10px 0;background:url(../images/ny-wechat.jpg) no-repeat center top 10px #a20004;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide span{line-height: 36px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li span{line-height: 12px;font-size: 14px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;} 
.zx-service03:hover .weixin-hide{display: block;}
.zx-service ul li:hover dl{display: block;}






/* 分页 */
.fy { padding: 0.5rem 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a {background: #F5F5F5; display: flex; align-items: center; justify-content: center;  color: #333; font-size: 14px;}
.fy a {width: 40px; height: 40px; transition: .4s; margin:5px; border-radius: 50%;}
.fy a.layui-laypage-prev , .fy a:first-child , .fy a:last-child {width: 70px; border-radius: 30px;}
.fy a:hover {color: #fff; background: #a20004;}
.fy .layui-laypage-curr {display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.fy .layui-laypage-curr {width: 40px; height: 40px; color: #fff; background: #a20004; font-size: 14px; margin: 0 5px;}


/* 搜索页面 */
.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: #a20004; 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);}



.ny-banner{overflow: hidden;height:500px;}
.ny-banner .imgBox {height:500px}
.ny-banner #banner-num{display: none;}
.ny-main{margin: 60px 0 80px;}


/* 二级栏目 */
.ny-class {width: 100%; bottom: 0; z-index: 1;border-bottom:1px solid #ddd;}
.ny-class .container{display: flex; justify-content: space-between; align-items: center; height: 88px;}
.ny-class ul {display: flex;}
.ny-class ul li a {padding:1.75rem 3rem;display: block; transition: .5s;}
.ny-class ul li a {font-size: 1.13rem; color: #333;}
.ny-class ul li:hover a {background: #a20004;color:#fff  }
.ny-class ul li.on a {background: #a20004;color:#fff  }
.position dl {background:url(../images/mbx-home.png) no-repeat 0 center; padding-left:30px; display: flex; flex-wrap: wrap;}
.position dl dd {margin-right:10px;}
.position a {padding-right:10px; font-size: 0.94rem;color: #666666;}
.position a.on {color: #a20004;}
.position a:hover{color: #a20004;}
.ny-title{text-align: center;}
.ny-title b{display: block; font-size: 60px;   font-family: ‘Arial’;   font-weight: bold;    color: #eaeaea; text-transform: uppercase; line-height: 79px;}
.ny-title h3{font-size: 36px;   position: relative;   top: -53px; color: #333;}
.xq-back a{transition:0.6s; display: block; width: 144px; font-size: 16px; line-height: 42px; color: #fff;  background: #000; border-radius: 21px; 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: #a20004;}
.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: #a20004;}


.main-box{display: flex; justify-content: space-between; align-items: flex-start;}
.ny-left{width: 300px;     position: sticky;top: 100px;}
.column-title{position: relative; background: #000 }
.column-title .icon{width: auto;height: 100px;background: url(../images/icon-pro1.png) no-repeat center left 34px;padding-left: 105px;}
.column-title:before{content: ""; position: absolute;width: 288px;height: 88px;border: 1px solid #fff;top: 5px;left: 5px;}
.column-title h3{font-size: 28px;color: #fff;font-weight: bold;line-height: 28px;padding: 26px 0 2px;    margin-bottom: 2px;}
.column-title span{color: #fff;font-family: arial; text-transform: uppercase;}
.ctitle1{width: 276px;border:2px solid #000;border-top: none;padding: 20px 10px 12px 10px;}
.ctitle1>li{float: left; margin-bottom: 8px;  width: 275px;background: #000}
.ctitle1>li>a{display: block; width: 215px; padding-left: 20px;height: 50px;line-height: 50px;color: #fff;font-size: 16px;transition: all 0.5s; position: relative; }
.ctitle1>li>a:after{content: "";width: 0px;height: 2px;background: #fff;position: absolute;left: 0;top: 24px;transition: all 0.2s; left: 20px;}
.ctitle1>li:hover,.ctitle1>li.on{background: #a20004}
.ctitle1>li:hover>a:after,.ctitle1>li.on>a:after{width: 10px;}
.ctitle1>li:hover>a,.ctitle1>li.on>a{padding-left: 40px;}
.ctitle2{background: #fff; background: #f5f5f5; padding:10px 20px}
.ctitle2 li a{display: block; font-size: 14px; color: #666; line-height: 40px;}
.ctitle2 li:hover a,.ctitle2 li.on a{color: #a20004; font-weight: bold; text-indent: 5px; transition:0.6s;}

.ny-contact {background: #fafafa;}
.ny-contact .bg{display: block; width: 230px;padding-left: 20px; height: 100px;background: url(../images/ny-contact.jpg) no-repeat center center;}
.ny-contact span,.ny-contact em{display: block;color: #fff;}
.ny-contact span{font-size: 18px;line-height: 18px;padding-top: 30px;}
.ny-contact em{font-family: arial;}
.ny-contact ul{padding: 20px 10px;background: #f2f2f2;margin-bottom: 20px;}
.ny-contact ul li span,.ny-contact ul li img,.ny-contact ul li a{display: block;margin: 0 auto;}
.ny-contact ul .ny-qcode{padding-bottom: 20px;border-bottom: 1px solid #ccc;margin-bottom: 20px;}
.ny-contact ul .ny-qcode span{color: #4c4c4c;line-height: 14px;padding-top: 10px;}
.ny-contact ul .ny-tel{font-size: 24px;font-family: arial;color: #a20004;padding-left: 60px;background: url(../images/telIcon.png) no-repeat center left 6px;margin-bottom: 20px; margin-left: 20px;}

.ny-right {width: 950px;overflow: hidden;}


/*内页产品列表*/
.ny-product-list ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.ny-product-list ul::after {content: ""; width: 32%;}
.ny-product-list ul li{float: left; width: 32%; margin-bottom: 40px;}
.ny-product-list ul li .pic { position: relative; overflow: hidden;}
.ny-product-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;}
.ny-product-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;}
.ny-product-list ul li h3{display: block;font-size: 15px; line-height: 45px; color: #333; border-bottom: 1px solid #ccc; background: url(../images/link.png) no-repeat right center;}
.ny-product-list ul li:hover h3{color: #a20004}



/* 内页产品详情页 */
.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(162, 0, 4, 0.65); 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: 25px;color: #333;border-bottom: 1px solid #eee;padding-bottom: 14px;margin-bottom: 15px;}
.proxq-info .text{margin-bottom: 20px;}
.proxq-info .text em,.proxq-info .text p{display: block; font-size: 1rem; line-height: 1.75rem; }
.proxq-info .text em{color: #a20004;}
.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: 138px;font-size: 16px;line-height: 54px;background: #000;border-radius: 0.3125rem;text-align: center;color: #fff;}
.proxq-btn a.order{background: #a20004; margin-right: 0.9375rem;}
.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.order:before{background: #a20004;}
.proxq-btn a:before{background: #a20004;}
.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: 15px;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: #a20004;border-color: #a20004;}
.proxq-arrow a:hover i svg path{	fill: #ffffff;}
.proxq-arrow a:hover h5{color: #a20004;}
.peculiarity{margin: 50px 0 80px;}
.peculiarity-title strong{display: block;font-size: 23px;color: #333;text-indent: 0.4375rem;border-bottom: 0.0625rem solid #ddd;padding-bottom: 1.125rem;margin-bottom: 1.875rem;}



/* 内页新闻列表页 */
.all-news-list ul li {width: 100%; position: relative; overflow: hidden;  border-bottom: 1px solid #eeeeee; padding-bottom: 45px; margin-bottom: 45px;}
.all-news-list ul li .box-right {width: 66%;}
.all-news-list li .companyNews-box { display: flex; }
.all-news-list li .companyNews-box em {font-size: 1rem;color: #9f9f9f; position: relative; z-index: 2;}
.all-news-list li .companyNews-box h3 {font-size: 1.1rem;color: #333333; line-height: 24px; margin: 20px 0;  position: relative; z-index: 2;  display: -webkit-box;overflow: hidden;   -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.all-news-list li .companyNews-box .box-img {width: 100%;position: relative;z-index: 2;overflow: hidden;}
.all-news-list li .companyNews-box .box-img img {width: 100%; display: block; transition: .5s;}
.all-news-list li .companyNews-box span {background: url(../images/company-news-jt.png) no-repeat center; transition: .5s; width: 74px; height: 12px; display: block; margin-top: 30px; position: relative; z-index: 2;}
.all-news-list li p {font-size: 0.9rem;color: #555555;/* margin: 3rem 0; */line-height: 25px;position: relative;z-index: 2;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.all-news-list li .bj-img { position: absolute; bottom: 0; width: 100%;  bottom: -100%; transition: .5s;}
.all-news-list li .bj-img img {width: 100%; display: block; }
.all-news-list li:hover h3 {color: #a20004;}
.all-news-list li:hover span {background: url(../images/company-news-jt2.png) no-repeat center; padding-left: 170%;}
.all-news-list li:hover .box-img img {transform: scale(1.05);}
.all-news-list li:hover .bj-img {bottom: 0;}
.all-news-list li .companyNews-box .box-left {width: 30%;margin-right: 4%;position: relative;}
.all-news-list li .companyNews-box .box-img h4 {  position: absolute;  top: 0;  left: 0;  width: 30%;  display: block;  text-align: center;  padding: 13px 10px;  font-size: 1rem;  color: #ffffff;  background: #bca065;  border-radius: 0px 0px 20px 0px;}




/* 新闻详情 */
.mbx {margin-bottom: 50px;color: #888888; font-size: 15px;}
.mbx a:hover {color: #a20004;}
.newsDate {background: #e4ebf4; padding: 50px 0 100px 0;}
.newsDate h3 {font-size: 28px;color: #333333;}
.newsDate .tleBox {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.newsDate .tleBox .tleLe {margin-right: 50px; width: 75%;}
.newsDate .tleBox dl {margin-top: 50px;display: grid; grid-template-columns: repeat(2,auto);gap: .8rem; justify-content: flex-start;}
.newsDate .tleBox dl dd {display: flex; align-items: center;}
.newsDate .tleBox dl dd span {margin-left: 8px;color: #888888;font-size:16px;}
.newsDate .tleBox .more {position: relative; margin-top: 10px; width: 200px; height: 71px; background: #000;  border-radius: 36px; transition: .5s;}
.newsDate .tleBox .more span {display: flex; align-items: center; justify-content: center; height: 100%; margin-right: 30%; color: #fff; font-size: 17px; transition: .5s;}
.newsDate .tleBox .more img{display: inline-block; position: absolute; right: 15%; top: 50%; transform: translateY(-50%);}
.newsDate .tleBox .more:hover{background: #a20004;}
.newDateCon {margin: 50px 0 100px 0;}
.newDateCon img {max-width: 100%;}
.newDateCon .box {display: flex; justify-content: space-between; align-items: flex-start;}
.newDateCon .box .le {width: 65%;}
.newDateCon .box .re {width: 23%; position: sticky; top: 128px;}
.newDateCon .box .le .shareLinks {text-align: center; margin-top: 1rem; color: #666; font-size:14px; margin-bottom: 50px;}
.newDateCon .box .le .shareLinks span {margin-bottom: .1rem; display: block;}
.dateCon{padding-bottom: 40px;}
.newsPage {display: flex; align-items: center; justify-content: space-between;border-top: 1px solid #eee; padding-top: 50px;}
.newsPage a {display: flex; align-items: center;}
.newsPage a .icBox {width: 30px;height: 30px;border: 1px solid #a9a9a9;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.newsPage a .icBox img {filter: brightness(0); -webkit-filter:brightness(0); transform: rotate(90deg); opacity: .5;}
.newsPage a span {color: #999999; font-size:14px; margin-left: 10px;}
.newsPage a.next span {margin-left: 0; margin-right: 10px;}
.newsPage a.next img {transform: rotate(-90deg);}
.newsPage a:hover span {color: #a20004;}
.newDateCon .box .re h4 {font-size: 24px; padding-bottom: 20px; border-bottom: 1px solid #DDDDDD; color: #333;}
.newDateCon .box .re li {padding: 20px 0; border-bottom: 1px solid #DDDDDD;}
.newDateCon .box .re h6 {font-size: 18px;color: #666666; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newDateCon .box .re em {font-size:14px;color: #a4a7ab;margin-top: 15px;display: block;}
.newDateCon .box .re li:hover h6 {color:#a20004 ;}


/* 内页工程案例 */
.show-list ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.show-list ul::after {width: 31%; content: "";}
.show-list li {width: 31%;  border: 1px solid #eee; position:relative; transition: .5s;bottom: 0; margin-bottom: 40px;}
.show-list li img {width: 100%; }
.show-list li .list-img {height: 220px;}
.show-list .list-text {padding: 15px 30px; box-sizing: border-box;}
.show-list li h3 {color: #333;  font-size: 18px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.show-list li .more {padding: 10px 0; display: flex; justify-content: space-between; align-items: center;}
.show-list li i {display: block; width: 10px; height: 2px; background-color: #a20004;}
.show-list li::after {position: absolute; bottom: 0; content: ""; width: 0; height: 2px; background-color: #eee; transition: .5s;}
.show-list li:hover { transition: .5s; bottom: 10px;  position:relative;}
.show-list li:hover::after {width: 100%;}



/* 内页案例详情页 */
.nyXq {background: #f5f5f5; padding: 0 0 7rem;}
.nyXq .box {position: relative;}
.nyXq .box::after { position: absolute; content: ""; width: 100% ; top: 0; height: 18.88rem; background: #a20004; z-index: 0;}
.nyXq .tle { padding: 4rem 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;   position: relative; z-index: 1;}
.nyXq .tle h3 {font-size: 2.5rem;color: #ffffff;font-weight: 700;}
.nyXq .tle ul {display: flex;}
.nyXq .tle ul li , .nyXq  .tle ul li a {font-size: 1rem;color: #ffffff;}
.nyXq .con {background: #fff; position: relative; z-index: 1; padding: 5rem 4% 5rem; box-sizing: border-box;}
.nyXq .con h4 {font-size: 2.13rem;color: #333333;font-weight: 700; margin-bottom: 4rem;text-align: center;}
.fanhui a{transition:0.6s; display: block;width:190px;height:50px;border-radius:50px;text-align: center;line-height: 50px; background: #333;color:#fff;margin:45px auto 0;}
.fanhui a:hover{background: #a20004; }





@media screen and (min-width:200px)  and  (max-width:1500px)  {
	.container-s{max-width: 100%; width: 100%;}
  .container{max-width: 94%; width: 1300px;}
	body{min-width: 1300px; overflow-x: hidden; }




}