@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: 1475px; 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: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;}




/* CSS Document */
/*公共头部*/
.head{position: fixed; top: 0; z-index: 222; width: 100%; background: #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
.head .container{ display: flex; justify-content: space-between; height: 100px; align-items: center;}
.head .logo{}
.head .logo img{display: block; }
.head-nav{}
.head-nav ul{display: flex;}
.head-nav ul li{ margin-left: 10px; transition:0.6s; text-align: center;  position: relative; transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}
.head-nav ul li>a{display: flex; font-size: 16px;  color: #333; height: 100px;  flex-direction: column;   justify-content: center; width: 113px; }
.head-nav ul li span{color: #666; line-height: 10px; font-family: Arial;  text-transform: uppercase; margin-top: 9px; font-size: 14px;}
.head-nav ul li:hover a,.head-nav ul li.on a{color: #fff;  background: url(../images/nav-li.png) no-repeat center;}
.head-nav ul li:hover span,.head-nav ul li.on span{color: #f2f2f2;}
.head-nav ul li dl{  padding: 0 24px; box-sizing:border-box; float: left;  width: 100%;  left: 50%; transform: translateX(-50%); position: absolute;height: 0;background:rgba(255,255,255,0.9);z-index: 9999999;overflow: hidden; z-index:9999;}
.head-nav ul li.onn dl {height: auto;}
.head-nav ul li dl em{ display: block; height: 0;overflow: hidden;opacity: 0;visibility: hidden;transition: all .5s ease;line-height: 42px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}
.head-nav ul li dl em a{font-size: 15px;color: #333333;display: block;position: relative;text-align: center; }
.head-nav ul li.onn dl em{height: 43px;opacity: 1;visibility: visible;}
.head-nav ul li dl em:hover a {color: #003680;}

.head-zw{height: 100px;}


/* banner */
.banner{overflow: hidden;height:700px;}
.bannerSwiper {position: relative; overflow: hidden;}
.banner .imgBox {height:700px}
.banner .swiper-slide {overflow: hidden;}
#banner-num{width: 645px; height: 1px; background: rgba(255,255,255,0.2); bottom: 124px; left: 16%;}
#banner-num .swiper-scrollbar-drag{width: 215px; height: 1px; background: #fff; position: relative;}
#banner-num .swiper-scrollbar-drag:before,#banner-num .swiper-scrollbar-drag:after{position: absolute; content: ''; width: 11px; height: 11px; background: #fff; border-radius: 50%; right: 0; top: 50%; transform: translateY(-50%);}
#banner-num .swiper-scrollbar-drag:before{}
#banner-num .swiper-scrollbar-drag:after{ right: -3.6%;   width: 23px;   height: 23px; width: 23px; height: 23px; opacity: 0.5;}


#banner-prev,#banner-next{width: 19px; height: 37px; transition:0.6s}
#banner-prev{background: url(../images/banner-arrow.png) no-repeat center; left: 10%;}
#banner-next{background: url(../images/banner-arrow.png) no-repeat center; transform: rotate(180deg); right: 10%;}
#banner-prev:hover{background: url(../images/banner-arrow2.png) no-repeat center;}
#banner-next:hover{background: url(../images/banner-arrow2.png) no-repeat center; }




/* 产品中心 */
.product{background: url(../images/product-bg.png) no-repeat center top; padding: 69px 0 0; height: 1225px; box-sizing: border-box; margin-bottom: 63px;}
.product .container{display: flex;justify-content: space-between;}
.pro-left{width: 283px; position: sticky; top: 110px}
.product-title{position: relative; margin-bottom: 64px;}
.product-title b{display: block; font-size: 58px; color: #CBCBCB; line-height: 44px; font-family: Arial; text-transform: uppercase; margin-bottom: 33px;}
.product-title em{display: block; font-size: 40px; line-height: 40px; color: #333; position: absolute; top: 23px;}
.product-title h3{display: block; font-size: 16px; line-height: 24px; color: #666;}

.left-box{width: 272px; background: #fcfcfc;}
.pro-column{height: 86px;background: #c71700; display: flex; align-items: center; justify-content: center;}
.pro-column img{margin-right: 22px;}
.pro-column h2{display: block; font-size: 22px; color: #fff;}
.pro-column span{display: block; font-size: 16px; color: #f5f5f5; font-family: Arial; text-transform: uppercase; line-height: 12px;}
.pro-column2{background: #333; }
.pro-class ul li{border-bottom: 1px solid #fff;}
.pro-class ul li a{display: block; font-size: 16px; line-height: 66px; color: #333; background: url(../images/product-more.png) no-repeat right 25px center; text-indent: 25px; transition:0.6s}
.pro-class ul li:hover a,.pro-class ul li.on a{background: url(../images/product-more2.png) no-repeat right 25px center; }

.pro-right{width: 910px; overflow: hidden;}
.pro-box {position: relative; }
.pro-prev,.pro-next{position: absolute; right: 0; top: 0; width: 53px;height: 53px;border: 1px solid #666666; border-radius: 50%; z-index: 22; cursor: pointer;}
.pro-prev{background: url(../images/product-arrow.png) no-repeat center; right: 65px;}
.pro-next{background: url(../images/product-arrow.png) no-repeat center; transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.pro-prev:hover{background: url(../images/product-arrow2.png) no-repeat center #c71700; border-color: #c71700;}
.pro-next:hover{background: url(../images/product-arrow2.png) no-repeat center #c71700; border-color: #c71700;}

.proclass-con{margin-top: 43px;display: flex; justify-content:space-between; margin-bottom: 68px;}
.proclass-con .pic{width: 533px; margin-left: 33px;}
.proclass-con .pic img{display: block; width: 100%;}
.proclass-con .info{width: 272px; text-align: right; margin-top: 86px; margin-right: 50px;}
.proclass-con .info strong{display: block; font-size: 26px; color: #333; margin-bottom: 5px;}
.proclass-con .info i{display: block; font-size: 20px; color: #c71700;  font-weight: bold; margin-bottom: 6px; }
.proclass-con .info p{display: block; font-size: 16px; line-height: 30px; color: #666;}
.proclass-con .info a{display: block; width: 134px; font-size: 16px; line-height: 44px;border: 1px solid #666666; color: #666; text-align: center; float: right; margin-top: 33px;}
.proclass-con .info a>img{display: inline-block; margin-left: 18px;}
.proclass-con .info a:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
/* Bounce To Right */
.proclass-con .info a.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.proclass-con .info a.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#c71700;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.proclass-con .info a.hvr-bounce-to-right:hover,.proclass-con .info a.hvr-bounce-to-right:focus,.proclass-con .info a.hvr-bounce-to-right:active {
  color: white;
  border-color: #c71700;
}
.proclass-con .info a.hvr-bounce-to-right:hover:before,.proclass-con .info a.hvr-bounce-to-right:focus:before,.proclass-con .info a.hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  
}
.product-list{overflow: hidden; padding-bottom: 69px; position: relative;}
.product-list ul{flex-direction: inherit!important;}
.product-list ul li{margin-top: 0!important; position: relative; margin-bottom: 25px;overflow: hidden;}
.product-list ul li a{display: block; padding: 16px 20px 0; background: #f5f5f5; box-sizing: border-box; width: 283px}
.product-list ul li .pic {overflow: hidden;  height: 209px;}
.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;}
.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;}
.product-list ul li em{display: block; font-size: 16px; line-height: 63px; color: #666; text-align: center;}
.product-list ul li:hover a{background: #c71700; }
.product-list ul li:hover em{color: #fff;}
.product-list .swiper-scrollbar {width: 100%; height: 1px; background: url(../images/product-line.png) repeat-x center; bottom: 12px; height: 23px!important; }
.product-list .swiper-scrollbar-drag{width: 215px; height: 1px; background: #c71700; position: relative; top: 11px;}
.product-list .swiper-scrollbar-drag:before,.product-list .swiper-scrollbar-drag:after{position: absolute; content: ''; width: 11px; height: 11px; background: #c71700; border-radius: 50%; right: 0; top: 50%; transform: translateY(-50%);}
.product-list .swiper-scrollbar-drag:before{}
.product-list .swiper-scrollbar-drag:after{ right: -2.2%;   width: 23px;   height: 23px; width: 23px; height: 23px; opacity: 0.5;}




/* 售后服务 */
.index-title{text-align: center; position: relative; }
.index-title b{display: block; font-size: 58px; line-height: 40px; text-transform: uppercase; font-family: Arial; color: #cbcbcb;}
.index-title span{color: #c71700;}
.index-title em{display: block; font-size: 40px; line-height: 40px; color: #333333; position: absolute; top: 18px; left: 0; right: 0; margin: auto;}
.service .index-title {padding-bottom: 70px;}
.service-box{display: flex; border-top: 3px solid #C71700; align-items: center;}
.service-box .pic,.service-box .info{width: 50%;}
.service-box .pic img{display: block; width: 100%;}
.service-box .info{margin-left:2.8%; }
.service-box .text{width: 64.5%;}
.service-box .text h2{display: block; font-size: 20px; color: #666; margin-bottom: 26px;}
.service-box .text span{display: inline-block; font-size: 51px; line-height: 37px; color: #C71700;}
.service-box .text em{display: inline-block; font-size: 24px; color: #c71700;}
.service-box .text strong{display: block; font-size: 34px; color: #333; padding-bottom: 10px; border-bottom: 1px solid rgba(242,242,242,0.5); margin-bottom: 29px;}
.service-box .text h3{display: block;font-size: 22px; color: #333; margin-bottom: 7px;}
.service-box .text h4{display: block;font-size: 24px; color: #c71700; font-weight: bold; margin-bottom: 34px;}
.service-box .text p{display: block; font-size: 18px; line-height: 18px; color: #333; border-left: 5px solid #c71700; padding-left: 11px; margin-bottom: 27px;}

.message{background: #c71700; padding: 21px 0 54px; height: 222px; box-sizing: border-box;}
.message-top{height: 55px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px;}
.message-top em{display: block; font-size: 36px; color: #fff;}
.message-icon ul{display: flex;}
.message-icon ul li{margin-left: 16px; position: relative;}
.message-icon ul li a{display: flex; width: 55px;height: 55px;border: 1px solid #ffffff; border-radius: 50%; align-items: center; justify-content: center;}
.message-icon ul li a>img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); margin: auto;}
.message-icon ul li a:hover{background: #ffffff;}
.message-icon ul li a:hover>img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
.message-icon ul li .hide{position: absolute; padding: 10px; width: 160px; left: 50%; transform: translateX(-50%); display: none; z-index: 1}
.mess-form{display: flex; justify-content: space-between;}
.mess-form input{outline: none; border: none; font-family: "Microsoft YaHei";}
.mess-form input{display: block; width: 359px; font-size: 18px; line-height: 68px; color: #999; background: #fff; text-indent: 23px;}
.mess-form .mess-submit{width: 129px; background: #000000; color: #fff; text-indent: 0; cursor: pointer;}


/* 关于三梯 */
.about{margin: 63px 0 76px; position: relative;}
.about-en img{position: absolute; left: 0; top: 87px;}
 .about-box{display: flex; justify-content: space-between;}
.about-box .info{width: 622px;}
.about-box .index-title{text-align: left; margin-bottom: 34px; margin-top: 25px;}
.about-box .index-title em{position: relative; top: auto; margin-top: 16px;}
.about-box .index-title i{display: inline-block; font-size: 16px; line-height: 16px; color: #666; font-style: inherit; margin-left: 22px; letter-spacing: 4.8px;}
.about-box .info p{display: block; font-size: 15px; line-height: 40px; color: #666; margin-bottom: 28px;}
.about-box .info a{font-weight: bold; color: #c71700; text-transform: uppercase;}
.about-btn{margin-bottom: 23px;}
.about-btn ul{display: flex; justify-content: space-between;}
.about-btn ul li{display: block; width: 303px;background: #f5f5f5; font-size: 15px; line-height: 62px; color: #333; text-align: center; cursor: pointer; }
.about-btn ul li>img{display: inline-block; vertical-align: middle; margin-right: 20px;}
.about-btn ul li.on{background: #c71700; color: #fff;}
.about-btn ul li.on>img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

.pic-list{overflow: hidden; padding-bottom: 69px; position: relative;}
.pic-list dl dt  {width: 206px;height: 143px;}
.pic-list dl dt .pic {overflow: hidden;border: 2px solid #f5f5f5; width: 202px; }
.pic-list dl dt .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;}
.pic-list dl dt: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;}
#pic-num1 {width: 100%; height: 1px; background: url(../images/product-line.png) repeat-x center; bottom: 12px; height: 23px!important; }
#pic-num1 .swiper-scrollbar-drag{width: 215px; height: 1px; background: #c71700; position: relative; top: 11px;}
#pic-num1 .swiper-scrollbar-drag:before,.pic-list .swiper-scrollbar-drag:after{position: absolute; content: ''; width: 11px; height: 11px; background: #c71700; border-radius: 50%; right: 0; top: 50%; transform: translateY(-50%);}
#pic-num1 .swiper-scrollbar-drag:before{}
#pic-num1 .swiper-scrollbar-drag:after{ right: -6%;   width: 23px;   height: 23px; width: 23px; height: 23px; opacity: 0.5;}

#pic-num2 {width: 100%; height: 1px; background: url(../images/product-line.png) repeat-x center; bottom: 12px; height: 23px!important; }
#pic-num2 .swiper-scrollbar-drag{width: 215px; height: 1px; background: #c71700; position: relative; top: 11px;}
#pic-num2 .swiper-scrollbar-drag:before,.pic-list .swiper-scrollbar-drag:after{position: absolute; content: ''; width: 11px; height: 11px; background: #c71700; border-radius: 50%; right: 0; top: 50%; transform: translateY(-50%);}
#pic-num2 .swiper-scrollbar-drag:before{}
#pic-num2 .swiper-scrollbar-drag:after{ right: -6%;   width: 23px;   height: 23px; width: 23px; height: 23px; opacity: 0.5;}


.about-box .pic{width: 567px;}
.about-box .pic img{display: block; width: 100%;}


/* 您为什么选择三梯洁净设备? */
.ys{background: url(../images/ys-bg.png) no-repeat center top 218px; position: relative; padding-bottom: 95px;}
.ys-en img{position: absolute; display: block; right: 0; top: 0;}
.ys-title{margin-bottom: 50px; padding-top: 44px;}
.ys-title span{display: block; font-size: 24px; line-height: 22px; color: #666; font-family: Arial; margin-bottom: 18px;}
.ys-title h2{display: block; font-size: 44px; line-height: 44px; color: #333;}
.ys-title b{color: #c71700;}
.ys-content .container{width: 1475px; max-width: 76.8%; background: #f2f2f2; padding: 60px 0 0; box-sizing: border-box;height: 727px; position: relative;}
.ys-box{width: 88%; margin: 0 auto;}
.ys-btn{margin-bottom: 63px;}
.ys-btn ul{display: flex; justify-content: space-between; }
.ys-btn ul li{width: 309px;height: 103px;border: 1px solid #666666; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.ys-btn ul li img{ margin-right: 22px;}
.ys-btn ul li strong{display: block; font-size: 26px; color: #333;}
.ys-btn ul li span{display: block; font-size: 14px; line-height: 10px; color: #666; font-family: Arial;}
.ys-btn ul li.on img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.ys-btn ul li.on{background: #c71700; border-color: #c71700;}
.ys-btn ul li.on strong,.ys-btn ul li.on span{color: #fff;}

.ys-prev,.ys-next{position: absolute; width: 19px; height: 37px; top: 50%; z-index: 1; cursor: pointer;}
.ys-prev{background: url(../images/ys-arrow.png) no-repeat center; left: 26px;}
.ys-next{background: url(../images/ys-arrow.png) no-repeat center; transform: rotate(180deg); right: 26px;}
.ys-prev:hover{background: url(../images/ys-arrow2.png) no-repeat center;}
.ys-next:hover{background: url(../images/ys-arrow2.png) no-repeat center; }


.ys-con{display: flex; justify-content: space-between;}
.ys-pic{width: 48%;}
.ys-pic img{display: block; width: 100%;}
.ys-info{width: 47%; position: relative;}
.ys-info strong{display: block; font-size: 34px; line-height: 34px; color: #333; position: absolute; top: 54px; border-bottom: 1px solid rgba(153,153,153,0.2); width: 100%; padding-bottom: 35px;}
.ys-info em{display: inline-block; font-size: 14px; line-height: 14px; color: #666; font-weight: normal; margin-left: 12px;}
.ys-info .text{margin-top: 46px;}
.ys-info p{display: flex; font-size: 16px; line-height: 22px; color: #666; position: relative;  margin-bottom: 22px; width: 537px;}
.ys-info span{}
.ys-info span{display: inline-block; width: 8px;height: 8px;background: #c71700; border-radius: 50%; margin-right:14px; position: relative; margin-top: 7px;}
.ys-info span:before{position: absolute; content: ''; border-radius: 50%; background: #c71700;  opacity: 0; width: 14px; height: 14px; top: -3px;  left: -3px}
.ys-info span:before{animation:myscale 3s  linear 2s infinite ;-moz-animation:myscale 3s  linear 2s infinite ;	-webkit-animation:myscale 3s  linear 2s infinite ;	-o-animation:myscale 3s  linear 2s infinite ;}

@keyframes myscale
{
	  0% {
	    transform: scale(0);
	    opacity: 1;
	  }
	  100% {
	    opacity: 0;
	    transform: scale(1.4);
	  }
}

@-moz-keyframes myscale /* Firefox */
{
	0% {
	  transform: scale(0);
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	  transform: scale(1.4);
	}
}

@-webkit-keyframes myscale /* Safari and Chrome */
{
	0% {
	  transform: scale(0);
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	  transform: scale(1.4);
	}
}

@-o-keyframes myscale /* Opera */
{
	0% {
	  transform: scale(0);
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	  transform: scale(1.4);
	}
}



/* 新闻资讯 */
.news{margin-bottom: 77px;}
.news-top{display: flex; justify-content: space-between;}
.news-top .index-title{text-align: left; margin-bottom: 34px; }
.news-top .index-title em{position: relative; top: auto; margin-top: 16px;}
.news-top .index-title i{display: inline-block; font-size: 16px; line-height: 16px; color: #666; font-style: inherit; margin-left: 22px; letter-spacing: 4.8px;}
.news-top a{display: block; width: 134px; font-size: 16px; line-height: 44px; height: 44px;border: 1px solid #666666; color: #666; text-align: center; float: right; margin-top: 33px;}
.news-top a>img{display: inline-block; margin-left: 18px; vertical-align: middle;}
.news-top a:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
/* Bounce To Right */
.news-top a.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.news-top a.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#c71700;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.news-top a.hvr-bounce-to-right:hover,.news-top a.hvr-bounce-to-right:focus,.news-top a.hvr-bounce-to-right:active {
  color: white;
  border-color: #c71700;
}
.news-top a.hvr-bounce-to-right:hover:before,.news-top a.hvr-bounce-to-right:focus:before,.news-top a.hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  
}
.news-list{overflow: hidden; position: relative;}
.news-list ul {display: flex;}
.news-list ul li{width: 396px;height: 480px;border: 1px solid #f5f5f5; padding: 18px 16.5px 0; box-sizing: border-box; margin-right: 53px;}
.news-list ul li .pic{width: 363px; height: 282px; overflow: hidden; margin-bottom: 22px;}
.news-list ul li .pic img{display: block; width: 100%;}
.news-list ul li .info{}
.news-list ul li .info span{display: inline-block; font-size: 14px; line-height: 26px; color: #fff; background: #c71700; text-align: center; padding: 0 14px; margin-right: 14px;}
.news-list ul li .info em{display: block; font-size: 18px; line-height: 18px; color: #333; height: 35px; position: relative; margin-top: 16px; margin-bottom: 10px;}
.news-list ul li .info em:before,.news-list ul li .info em:after{position: absolute; content: ''; height: 1px; bottom: 0; left: 0;}
.news-list ul li .info em:before{width: 100%; background: #F5F5F5;}
.news-list ul li .info em:after{width: 17px; background: #C71700; transition:0.6s}
.news-list ul li:hover .info em{color: #C71700;}
.news-list ul li:hover .info em:after{width: 100%;}
#news-num{display: none;}



/* 公共底部 */
.footer{background: #f2f2f2;}
.footer-top{padding: 74px 0 45px; border-bottom: 1px solid rgba(213,213,213,0.2); margin-bottom: 65px;}
.footer-top .container{display: flex; justify-content: space-between;}
.foot-tel{display: flex; align-items: center;}
.foot-tel img{margin-right: 24px;}
.foot-tel em{display: block; font-size: 16px; line-height: 16px; color: #333; margin-bottom: 10px;}
.foot-tel strong{display: block; font-size: 40px; line-height: 32px; color: #c71700; font-family: Arial;}
.footer-nav{border-bottom: 1px solid #D5D5D5; padding-bottom: 41px;}
.footer-nav .container{display: flex; justify-content: space-between;}
.footer-nav dl dt{display: block; font-size: 18px; line-height: 18px; color: #333; height: 40px; position: relative; margin-bottom: 16px;}
.footer-nav dl dt:after{position: absolute; content: ''; width: 16px;height: 1px;background: #c71700; bottom: 0; left: 0;}
.footer-nav dl dd{display: block; font-size: 14px; line-height: 36px; color: #666;}
.footer-nav dl dd a{color: #666;}
.footer-copy .container{display: flex; justify-content: space-between;}
.footer-copy p{display: block; font-size: 14px; line-height: 45px; color: #999;} 
.footer-copy  a{ color: #999;}
.footer-nav dl dd a:hover,.footer-copy  a:hover{color: #c71700;}



/*在线咨询*/
.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: #009843;}
.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: #009843;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 #009843;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;}



/* 内页样式 */
.ny-banner{overflow: hidden;height:450px;}
.ny-banner .imgBox {height:450px}
.ny-banner #banner-num{bottom: 20px; display: none;}
.ny-class{box-shadow: 10px 5px 43px 5px rgba(0, 0, 0, .05); }
.ny-class .container{display: flex; justify-content: space-between; align-items: center;  height: 80px;}
.ny-class ul.ctitle1 {display: flex; height: 80px; align-items: center;}
.ny-class ul.ctitle1 li a {display: block; transition: .5s; font-size: 16px; color: #444; line-height: 80px; padding: 0 10px; position: relative;}
.ny-class ul.ctitle1 li a:after{content: "";    position: absolute;    width: 12px;    height: 6px;    background: url(../images/ctitle-li.png)no-repeat center;    bottom: 0;    left: 45%;    opacity: 0;   transition: ease .5s;}
.ny-class ul.ctitle1 li:hover a:after,.ny-class ul.ctitle1 li.on a:after{opacity: 1;}
.ny-class ul.ctitle1 li:hover a {background: #c71700;color:#fff  }
.ny-class ul.ctitle1 li.on a,.ny-class ul.ctitle1 li a.on {background: #c71700;color:#fff  }
.ny-class ul.ctitle2{
    display: none;}
.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: #000;}
.position a:hover{color: #000;}
.ny-main{padding: 80px 0;}
.ny-title{text-align: center; margin-bottom: 40px;}
.ny-title em{display: block; font-size: 36px;   color: #333;   position: relative;   padding-bottom: 17px;   line-height: 36px; margin-bottom: 10px;}
.ny-title em:after{content: "";   position: absolute;   width: 40px;   height: 2px;   background: #c71700;   bottom: 0;   left: 50%;  transform: translateX(-50%);}
.ny-title span { display: block;   font-size: 16px;    line-height: 30px;    color: #888; font-family: Arial; text-transform: uppercase;}



/* 内页关于我们 */
.nyabout-con{display: flex; justify-content: space-between; align-items: center; margin-bottom: 110px;}
.nyabout-con .info{width:622px;}
.nyabout-con .info h3{font-size: 24px;  line-height: 30px;  color: #333;  position: relative;  padding-bottom: 20px;  margin-bottom: 20px;}
.nyabout-con .info h3::before {  content: "";  position: absolute;  width: 50px;  height: 2px;  background: #c71700;  bottom: 0;  left: 0;}
.nyabout-con .info p{font-size: 16px;   line-height: 30px;   color: #666;   text-align: justify;}
.nyabout-con .info a{display: block;   font-size: 16px;   color: #fff;   line-height: 22px;   padding: 14px 0;   border-radius: 30px;   background: #c71700;   transition: ease .5s;   border: 1px solid transparent;   text-align: center;   width: 160px;   margin-top: 30px;}
.nyabout-con .info a:hover {    color: #c71700;    background: transparent;    border-color: #c71700;	}
.nyabout-con .pic{width: 567px;}
.nyabout-con .pic img{display: block; width: 100%;}
.culture{background: url(../images/culture-bg.jpg) no-repeat center top; padding: 80px 0 70px; background-size: cover; margin-bottom: 80px;}
.culture .ny-title em{color: #fff;}
.culture .ny-title span{color: #fff;}
.culture-list {display: flex; justify-content: space-between; flex-wrap: wrap;}
.culture-list dl{display: flex; height: 132px; width: 42%; background: #fff; align-items: center;  padding: 0 40px; margin-bottom: 25px;}
.culture-list dl img{margin-right: 30px;}
.culture-list dl h2{display: block; font-size: 20px;  line-height: 30px;   color: #333;}
.culture-list dl h3{display: block;     font-size: 16px;  line-height: 30px;  color: #666;}
#about,#culture,#honor{position: relative; top: -150px;}
.honor-list{overflow: hidden; position: relative; padding-bottom: 50px;}
.honor-list ul li{width: 279px;}
.honor-list ul li .pic img{display: block; width: 100%;}
#honor-num{bottom: 0;}
#honor-num .swiper-pagination-bullet{ width: 16px; height: 16px; background: #c71700; margin: 0 10px; opacity: 1;}
#honor-num .swiper-pagination-bullet-active{background: url(../images/honor-num.jpg)no-repeat center}



/* 内页产品列表页 */
.nyproduct-list{}
.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: 35px;}

.nyproduct-list ul li .pic{overflow: hidden; border: 1px solid #fcfcfc; border-bottom: none}
.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 .info{background: #fcfcfc; padding: 10px 20px; transition:0.6s}
.nyproduct-list ul li em{display: block; font-size: 20px; color: #333; }
.nyproduct-list ul li p{display: block; font-size: 15px; line-height: 25px; color: #666; margin-bottom: 20px;   overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nyproduct-list ul li span{display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: #999; border-top: 1px solid #e5e5e5;  padding-top: 15px;}
.nyproduct-list ul li:hover .info{background: #c71700;}
.nyproduct-list ul li:hover em,.nyproduct-list ul li:hover p,.nyproduct-list ul li:hover span{color: #fff;}
.nyproduct-list ul li:hover span>img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}


/* 产品详情页 */
.pro-xq{box-shadow: 0px 7px 5px 3px rgb(0 0 0 / 10%); padding-bottom: 50px;}
.pro-xq .container{display: flex; justify-content: space-between; align-items: flex-start; }
.pro-xq .proLeSwiper {background: #fff; overflow: hidden; position: relative; width: 45%;}
.pro-xq .proLeSwiper .imgBox {display: flex; justify-content: center; align-items: center; padding-bottom: 3rem; box-sizing: border-box;padding-top:1rem}
.pro-xq .proLeSwiper .imgBox img {width:96%; display: block;}
.pro-xq .proLeSwiper .swiper-pagination-bullet {width: 0.75rem;height: 0.75rem;background: #dfdfdf; box-sizing: border-box; opacity: 1; }
.pro-xq .swiper-horizontal>.swiper-pagination-bullets,.pro-xq  .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:10px}
.pro-xq .proLeSwiper .swiper-pagination-bullet-active {background: #c71700;}
.pro-xq .proReCon {width: 50%;}
.pro-xq .proReCon  h4 {font-size: 2.38rem;font-weight: 400;color: #333333; padding-bottom: 1rem; border-bottom: 1px solid #CCCCCC;}
.pro-xq .proReCon .text {margin: 1rem 0; font-size: 1rem;color: #666666;font-weight: 400;line-height: 2.31rem;}
.pro-xq .proReCon .conus {display: flex; margin-top: 4rem;}
.pro-xq .proReCon .conus .zxdz {display: block;width: 13.06rem;height: 4.06rem;background: #c71700; border-radius: 2.06rem; text-align: center; line-height: 4.06rem; font-size: 1.13rem;color: #ffffff;}
.pro-xq .proReCon .conus .tel {display: flex; align-items: center; margin-left: 4rem;}
.pro-xq .proReCon .conus .tel a {display: flex; justify-content: center; transition: .5s; align-items: center; margin-right: 1rem; border-radius: 50%; width: 3.38rem;height: 3.38rem;border: 0.06rem solid #cccccc;}
.pro-xq .proReCon .conus .tel small {display: block;font-size: 1.13rem;font-weight: 400;color: #333333;}
.pro-xq .proReCon .conus .tel strong {font-size: 1.94rem; color: #c71700; display: block; line-height: 2rem; white-space: nowrap;}
.pro-xq .proReCon .conus .tel a:hover {background: #c71700;}
.pro-xq .proReCon .conus .tel a:hover img {filter: brightness(100);}
.proxq-details{margin-top: 80px;}



/* 内页新闻列表页 */
.nynews-list ul{display: flex; justify-content: space-between; flex-wrap: wrap; }
.nynews-list ul:after{content: '';  width: 33.3%;}
.nynews-list ul li{    width: 33.3%; padding: 0 15px 40px; border-bottom: 1px solid #eeeeee; box-sizing: border-box; margin-bottom: 50px;}
.nynews-list ul li .pic{ overflow: hidden; margin-bottom: 30px;}
.nynews-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;}
.nynews-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;}
.nynews-list ul li h3{display: block; font-size: 18px; line-height: 40px; color: #333;}
.nynews-list ul li p{display: block; font-size: 16px;   line-height: 24px;   color: #666; margin-bottom: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nynews-list ul li .date{display: flex; justify-content: space-between;}
.nynews-list ul li  span{display: inline-block;  font-size: 14px;  color: #666;  background: url(../images/nyproduct-more.png)no-repeat center right;  transition:0.6s;  padding-right: 25px;  }
.nynews-list ul li h4{display: block; font-size: 14px; color: #777;}
.nynews-list ul li:hover h3{color: #c71700;}
.nynews-list ul li:hover  span{background: url(../images/nynews-more2.png)no-repeat center right;color: #c71700; padding-right: 30px;}



/* 内页公司详情页 */
.newsxq-title{   padding-bottom: 31px; margin-bottom: 40px;  border-bottom: 1px solid #dcdcdc;text-align: center; }
.newsxq-title h3{font-size: 36px; color: #333; margin-bottom: 10px;}
.newsxq-title span{display: inline-block; font-size:14px; color: #999;}
.newsxq-title .clicks{margin-left: 14px;}
.newsxq-page{border-top: 1px solid #dcdcdc; padding-top: 30px; margin-top: 40px; display: flex; justify-content: space-between; align-items: center;}
.page-left em{display: block; font-size: 16px; color: #333;}
.page-left a{color: #666;}
.page-left a:hover{color: #c71700;}
.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: #c71700;}
.newsxq-page .xq-back a{margin-top: 0;}





/*分页*/
.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: #c71700;}
.fy .layui-laypage-curr {color: #fff; background: #c71700; 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: #009843; 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);}



/* 内页图片详情页 */
.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: #c71700; left: 50%; margin-left: -30px; bottom: 0px;}


/*内页图片列表页*/
.nypic-list{}
.nypic-list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.nypic-list ul:after{content: ''; width: 31%;}
.nypic-list ul li{width: 31%; margin-bottom: 35px;}

.nypic-list ul li .pic{overflow: hidden;}
.nypic-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;}
.nypic-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;}

.nypic-list ul li h3{display: block; font-size: 18px; color: #333; background: #fcfcfc; text-align: center; line-height: 60px; transition: 0.6s}
.nypic-list ul li:hover h3{background: #c71700; color: #fff}

/*2023.12.18产品内页修改*/
.pro-box{display: flex; justify-content: space-between; align-items: flex-start}
.ny-right{width: 987px}



/* 2023.12.19右侧悬浮 */
        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #ba272d;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #ba272d;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
		
		
.service-box ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.service-box ul li{display: block; width: 277px; margin-bottom: 15px; }
.service-box ul li b{position: relative;display: block;  line-height: 55px; font-size: 20px; background: #c71700; color: #fff; font-weight: normal; padding-left: 39px;}
.service-box ul li b:after{position: absolute; content: ''; width: 6px; height: 6px; background: #fff; left: 17px; top: 50%; transform: translateY(-50%); border-radius: 50%;}




/*内页应用行业列表页*/
.nyapp-list ul li{display: flex; border-bottom: 1px solid #eeeeee; justify-content: space-between; align-items:center; padding-bottom: 79px; margin-bottom: 75px;}
.nyapp-list ul li:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0}
.nyapp-list ul li:nth-child(odd){flex-direction: row-reverse;}
.nyapp-list ul li .pic{width: 46%;}
.nyapp-list ul li .pic img{display: block; width: 100%}
.nyapp-list ul li .info{width: 54%;  padding: 0 2.75%; box-sizing:border-box;}
.nyapp-list ul li .info strong{display: block; font-size: 28px; color: #333; margin-bottom: 11px;}
.nyapp-list ul li .info p{font-size: 16px; line-height: 34px; color: #666; margin-bottom: 15px }
.nyapp-list ul li .info .app-more{margin-top: 25px}
.nyapp-list ul li .info .app-more>a{transition:0.6s; display: inline-block; border: 1px solid #aaaaaa; border-radius: 25px; font-size: 16px; color: #333; width: 163px; line-height: 48px; text-align: center; margin-right: 50px;}
.nyapp-list ul li .info .app-more>a:last-child{margin-right: 0}
.app-more img{display: inline-block; vertical-align:  middle; margin-right: 11px; }
.nyapp-list ul li .info .app-more>a:hover{background: #c71700; color: #fff; border-color: #c71700}
.nyapp-list ul li .info .app-more>a:hover  img{filter: grayscale(100%) brightness(200%);}

.nyapp-list ul li .info{width: auto}
.apppic-list{display: flex; align-items: center; justify-content: center}
.apppic-list a{display: inline-block; margin: 0 10px}



.foot-right{display: flex}
.foot-icon{margin-right: 16px}
.foot-icon ul  li  a{border-color: #c71700}
.foot-icon ul li a>img {
    -webkit-filter: brightness(1) invert(0);
    filter: brightness(1) invert(0);

}


/*2024.1.9*/
.proxq-details table{border-spacing: 0}



#feedback{position: relative; top: -200px}
.feedback{width:auto;margin:30px auto 0;width:650px;}
.feedback dl{overflow: hidden;padding:5px 0;}
.feedback dd{overflow: hidden;}
.feedback dt.fdtitle{font-weight: normal;font-size: 16px; float: left;width:90px;}
.feedback dd .fdinput{float:left;width:450px;line-height: 35px;height:35px; background: #fff;border:1px solid #ddd;border-radius: 3px;padding-left:15px}
.feedback dd .fdtext{width:450px;height:80px;float:left; background: #fff;border:1px solid #ddd;border-radius: 3px;padding-left:15px;padding-top:10px;}
.feedback dd .fdsub,.feedback dd .fdres{border-radius: 3px;padding:2px 20px;margin-left:10px;line-height:20px;color:#fff;cursor: pointer;}
.feedback dd .fdsub{margin-left:90px; border:1px solid #f50; background:#f60;width:120px;line-height:35px;}
.feedback dd .fdres{border:1px solid #282828; background:#444;width:120px;line-height:35px;}
.feedback .codeimg{float:left;margin-left:5px;cursor:pointer;border:1px solid #ddd; width:100px; height:28px;}
/*vaildate*/
#yzform label.error{position:absolute;padding:3px 15px;background: #f8f8f8;border:1px solid #ddd;margin-left:25px;font-weight: normal;color:#f30;border-radius: 3px;}



/*2024.10.8*/
.flex-sbc{display: flex; justify-content: space-between;  align-items: center;}
.mess-form input{width: 272px;}
.mess-form .code{background: #fff}
.mess-form .code input{width: 80%;}