@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:14px/1.75 "Microsoft YaHei", arial,sans-serif;  background:#fff; font-family: "Noto Sans SC"; min-width: 1300px;}
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}
img { image-rendering: -webkit-optimize-contrast;}
.container{width:1300px; margin:0 auto}
.containers{width:96%; margin:0 auto}
.head-container {width:1400px; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
/* 下滑头部 */
.navfixed {position: fixed; top: 0; width: 100%; z-index: 99999; transition: .5s; background: #fff;}
/* 多行省略 */
.omit {display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }

::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/ height: 4px;scrollbar-arrow-color:red;}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);scrollbar-arrow-color:red;}
::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1);}

/*字体引入*/
@font-face {
  /* font-family: "futura"; */
  font-family: "Noto Sans SC";
  /* src: url("../font/Futura\ Md\ BT\ Bold.ttf"); */
}

/* CSS Document */

/*===============公用头部===============*/
.header .box {height: 96px; display: flex; align-items: center; justify-content: space-between;position: relative;}
.header .box .logo {display: block;}
.header .box .nav {display: flex; align-items: center;     width: 64%; justify-content: space-between; }
.header .box .nav ul {display: flex;     width: 94%; justify-content: space-between;}
.header .box .nav ul li a {font-size: 16px;color: #000000;font-weight: 400; transition: .5s;}
.header .search i { width: 23px;  height: 23px; display: block; background: url(../images/header-search.png) no-repeat center; background-size: 100%; filter: brightness(0); cursor: pointer;}
.header .box .nav ul li:hover a {color: #df1814;}
.header .box .nav ul li.on a {color: #df1814;}
.header .search i:hover {filter: none;}
/* 搜索 */
.se-box {position: absolute; right: 0; top: 0;   height: 96px; display: none; background: #fff; padding-left: 20px; border-left: 1px solid #E3E3E3;}
.se-box form {float: left; height: 100%; display: flex; align-items: center; padding: 10px; box-sizing: border-box;}
.se-box form input {height: 100%; height: 50px; font-size: 16px; color: #333; outline: none; border: none;border-bottom: 2px solid #000000; width: 580px;}
.se-box form input::-webkit-input-placeholder {font-size: 28px;color: #dfdfdf;font-weight: 400; line-height: 30px; ;}
.se-box form a {margin: 0 20px;}
.se-box .close {width: 100px; height: 96px; float: right;  background: #f2f2f2 url(../images/search-close.png) no-repeat center; cursor: pointer;}
/* 搜索页面 */
.search-page .box {margin-top: 10vh;}
.search-page form {width: 60%;margin: auto; margin-bottom: 100px; border: 1px solid #333; border-radius: 30px; padding:10px 20px; box-sizing: border-box; display: flex; justify-content: space-between; }
.search-page form input {padding: 5px 0; width: 95%; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form a {width: 23px;  height: 23px; display: block; background: url(../images/header-search.png) no-repeat center; background-size: 100%; filter: brightness(0);}
.search-page form a:hover {filter: none;}
.search-page ul {}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #df1814; 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);}
.fy { padding-top: 30px; display: flex;justify-content: center;align-items: center;}
.fy a {width: 40px; height: 40px; background: #E6E6E6; display: flex; align-items: center; justify-content: center; color: #707070; font-size: 14px; transition: .4s; margin: 0 10px;}
.fy a.prev {background: #E6E6E6 url(../images/fy-jt.png) no-repeat center; transform: rotate(90deg)}
.fy a.next {background: #E6E6E6 url(../images/fy-jt.png) no-repeat center; transform: rotate(-  90deg)}
.fy a:hover { color: #fff; background: #df1814 url(../images/fy-jt.png) no-repeat center;;}
.fy a.active { color: #fff; background: #df1814;}

/* banner */
.banner-swiper {overflow: hidden; position: relative;}
.banner-swiper img {display: block; width: 100%; image-rendering: pixelated;}
.banner-swiper .box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: space-between;}
.banner-swiper .box h2 {font-size: 90px;font-weight: 700;color: #000000; line-height: 100px;}
.banner-swiper .box h3 {font-size: 32px;font-weight: 400;color: #000000; line-height: 73px;}
.banner-swiper .box h4 {width: 575px; font-size: 56px;color: #df1814;line-height: 100px;font-weight: 400; margin-top: 70px; border-bottom: 1px solid #DF1814;}
.banner-swiper .box h5 {color: #000000;  line-height: 80px;font-size: 28px;}
.banner-swiper .box .re { animation: heart 2.2s ease-in-out .8s infinite alternate;}
.banner-swiper .box .re .img2{position: relative; right: 200px;}
.banner-swiper .swiper-pagination {bottom: 5%;}
.banner-swiper .swiper-pagination-bullet {width: 96px;height: 3px; background: #ffffff; opacity: 1; border-radius: 0; position: relative;}
.banner-swiper .swiper-pagination-bullet-active {background: #df1814;}
.banner-swiper .swiper-pagination-bullet::after {position: absolute; height: 100%; background: #DF1814; content: ""; left: 0;}
/* .banner-swiper .swiper-pagination-bullet-active:after { animation: bg-color 4.2s infinite; } */

/* 产品中心 */
.index-title {display: flex; justify-content: space-between; padding: 48px 0 32px 0;     align-items:flex-start;}
.index-title h3 {color: #000000; line-height: 30px;font-weight: 400;font-size: 26px; padding-left: 13px; border-left: 4px solid #DF1814;}
.index-title a {width: 137px; height: 42px; display: block; text-align: center; transition: .5s; line-height: 42px; font-size: 14px;color: #666666; background: #ffffff;  border-radius: 21px;  box-shadow: -2px 0px 8px 2px rgba(0,0,0,0.10); }
.index-title a:hover {background: #DF1814; color: #fff;}
.index-one {padding-bottom: 70px; background: url(../images/index-one-bj.jpg) no-repeat center; background-size: cover;}
.index-one ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 20px;}
.index-one li img {display: block; width: 100%; transition: .5s;}
.index-one li .box {position: relative; overflow: hidden; border: 1px solid #eee; box-sizing: border-box;}
.index-one li .box .hide {padding: 35px 40px 30px 45px; box-sizing: border-box; position: absolute; width: 100%; bottom: -55%; background: rgba(223,24,20,.86); transition: .5s;}
.index-one li .box .hide p {font-size: 14px;color: #ffffff; line-height: 30px;}
.index-one li h5 {text-align: center;font-size: 16px;color: #000000;font-weight: 400; margin-top: 20px;}
.index-one li:hover .hide {bottom: 0;}
.index-one li:hover img {transform: scale(1.1);}
.index-one li:hover h5 {color: #DF1814;}

/* 关于我们 */
.index-two {border-top: 3px solid #DF1814; padding-bottom: 57px; background: url(../images/index-two-bj.png)no-repeat left;}
.index-two .box {display: flex; justify-content: space-between; align-items: center; padding-bottom: 70px; gap: 2rem;}
.index-two .box .le {width: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.index-two .box .le h4 {font-size: 64px;color: #000000;  font-weight: 700; line-height: 28px; margin-top: 30px;}
.index-two .box .re {width: 50%;}
.index-two .box .re span , .index-two .box .re  {font-size: 16px;color: #000000;line-height: 30px;font-weight: 400;}
.index-two .box .re p { margin-top: 30px;}
.index-two ul {display: flex; justify-content: space-between;}
.index-two ul li {width: 314px; height: 160px; background: #fcfcfc; display: flex; align-items: center; justify-content: center;}
.index-two ul li .con { margin-left: 25px;}
.index-two ul li h6 {font-size: 26px;color: #000000;font-weight: 400; line-height: 30px;}
.index-two ul li .title {display: flex;}
.index-two ul li strong {font-size: 26px;color: #000000;font-weight: 400; line-height: 30px; display: block;}
.index-two ul li span {font-size: 15px;font-weight: 400;color: #000000;line-height: 30px;}
.index-two ul li img {transition: .5s;}
.index-two ul li:hover img {transform: rotateY(180deg); }
.index-two ul li:hover strong {animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) 2 alternate;}
.index-two ul li .title strong:nth-child(1)  {animation-delay: 0.1s;}
.index-two ul li .title strong:nth-child(2)  { animation-delay: 0.3s;}
.index-two ul li .title strong:nth-child(3)   { animation-delay: 0.5s;}

/* 成功案例 */
.index-three {background: url(../images/index-three-bj.jpg) no-repeat center; padding-bottom: 100px;}
.flash4 ul li{width:162px;border-left:1px solid #fff;position:relative;overflow:hidden;float:left; box-sizing: border-box;}
.flash4 ul li .imgTop img{opacity:0.46; display: block; background: linear-gradient(0deg,#030000 0%, rgba(0,0,0,0.46) 100%);}
.flash4 ul li .imgTop img.tm{opacity:1; background: none;}
.flash4 ul li .imgCen { position: absolute; opacity: 0;  padding: 0 55px; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box;bottom: 0; left: 0; background: rgba(223,24,20,.86); height: 96px; width: 100%;}
.flash4 ul li .imgCen span {font-size: 16px;font-weight: 400;color: #ffffff;line-height: 20px;}
.flash4 ul li .imgCen img {   filter: brightness(100);}
.flash4 ul li.first{width:648px;}
.flash4 ul li.fast{position:absolute;right:0px;bottom:0px;}
.flash4 ul li.active .imgCen {opacity: 1;}

/* 新闻中心 */
.index-four {padding-bottom: 67px;}
.index-title {display: flex; justify-content: space-between; padding: 48px 0 32px 0;     align-items:flex-start;}
.index-title h3 {color: #000000; line-height: 30px;font-weight: 400;font-size: 26px; padding-left: 13px; border-left: 4px solid #DF1814;}
.index-title a {width: 137px; height: 42px; display: block; text-align: center; transition: .5s; line-height: 42px; font-size: 14px;color: #666666; background: #ffffff;  border-radius: 21px;  box-shadow: -2px 0px 8px 2px rgba(0,0,0,0.10); }
.index-title a:hover {background: #DF1814; color: #fff;}
.index-four .slideTxtBox .hd {display: flex; justify-content: space-between; padding: 48px 0 32px 0;     align-items:flex-start;}
.index-four .slideTxtBox .hd h3 {color: #000000; line-height: 30px;font-weight: 400;font-size: 26px; padding-left: 13px; border-left: 4px solid #DF1814;}
.index-four .slideTxtBox .hd ul {display: flex; gap: 50px;}
.index-four .slideTxtBox .hd ul li {font-size: 16px;color: #666666; line-height: 30px; position: relative; cursor: pointer;}
.index-four .slideTxtBox .hd ul li:nth-child(1)::after {content: ""; position: absolute; height: 50%;right: -35%;top: 25%; width: 1px; background: rgb(199, 199, 199);}
.index-four .slideTxtBox .hd ul li.on {color: #000000;}
.index-four .slideTxtBox .hd ul li:hover {color: #000000;}
.index-four .slideTxtBox .bd li .box {display: flex; justify-content: space-between;}
.index-four .slideTxtBox .bd li .box .le {width: 576px;}
.index-four .slideTxtBox .bd li .box .le .im {overflow: hidden;}
.index-four .slideTxtBox .bd li .box .le .im img {display: block; transition: .5s;}
.index-four .slideTxtBox .bd li .box .bom {height: 111px; padding: 30px; box-sizing: border-box; background: #fafafa; }
.index-four .slideTxtBox .bd li .box .bom h5 {font-size: 18px;font-weight: 700;color: #444444; float: left;}
.index-four .slideTxtBox .bd li .box .bom img {float: right; margin-top: 30px;}
.index-four .slideTxtBox .bd li .box .le:hover .im img {transform: scale(1.1);}
.index-four .slideTxtBox .bd li dl {width: 676px; }
.index-four .slideTxtBox .bd li dl dd {padding: 30px 0 32px 10px; box-sizing: border-box; border-bottom: 1px solid #D9D9D9;}
.index-four .slideTxtBox .bd li dl dd:nth-child(1) {padding-top: 10px;}
.index-four .slideTxtBox .bd li dl dd .time {display: flex; justify-content: space-between;}
.index-four .slideTxtBox .bd li dl dd h6 {font-size: 18px;font-weight: 700;color: #333333; transition: .5s;}
.index-four .slideTxtBox .bd li dl dd span {font-size: 16px;color: #999999;font-weight: 400; transition: .5s;}
.index-four .slideTxtBox .bd li dl dd:hover h6 {color: #DF1814;}
.index-four .slideTxtBox .bd li dl dd:hover span {color: #DF1814;}

/* 招贤纳士 */
.index-six {padding: 35px 0; background: url(../images/index-six-bj.jpg) no-repeat center; background-size: cover;}
.index-six .box {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.index-six .box h3 {font-size: 38px;font-weight: 700;color: #000000; margin-bottom: 10px;}
.index-six .box p {font-size: 16px;color: #666666;line-height: 28px;}
.index-six .box a {width: 137px; height: 42px;display: block; margin-top: 20px; transition: .5s ; text-align: center; font-size: 14px; line-height: 42px; color: #DF1814; border: 1px solid #df1814; border-radius: 22px; box-shadow: -2px 0px 8px 2px rgba(0,0,0,0.10); }
.index-six .box a:hover {background: #DF1814; color: #fff;}
/* 底部 */
.footer {background: #111111 url(../images/footer-bj.jpg) no-repeat center; background-size: cover;}
.footer .back-top {padding: 32px 0; border-bottom: 1px solid rgba(255,255,255,.1);}
.footer .back-top a {display: flex; justify-content: flex-end;}
.footer .box {display: flex; justify-content: space-between; padding: 114px 0 120px 0; align-items: center;}
.footer .box .footer-nav {width: 15%; padding:0 60px; position: relative;}
.footer .box .footer-nav::after {content: ""; width: 1px; height: 110%; position: absolute; right: 0; background: #000; top: 0;}
.footer .box .footer-nav::before {content: ""; width: 1px; height: 110%; position: absolute; left: 0; background: #000; top: 0;}
.footer .box .re {width: 30%;}
.footer .box h3 {font-size: 18px;color: #ffffff;line-height: 30px;font-weight: 700; margin-bottom: 45px;}
.footer .box .footer-nav ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer .box .footer-nav li a {font-size: 16px;color: #ffffff;line-height: 38px; font-weight: 400; transition: .55s;}
.footer .box .footer-nav li a:hover {color: #DF1814;}
.footer .box .footer-nav li {width: 34%;}
.footer .box .le h4 {font-size: 45px;color: #fff; line-height: 40px; margin-top: 20px; font-weight: 600; text-align: center;}
.footer .box .re dd {font-size: 16px;color: #868686;line-height: 38px;}
.footer .box .re dd b {font-size: 18px; }
.footer .box .copy span {font-size: 16px;display: block; color: #ffffff;line-height: 30px; text-align: center;}
.footer .copyright {padding: 40px 0; display: flex; justify-content: space-between; border-top: 1px solid #000;}
.footer .copyright p ,.footer .copyright p a {font-size: 15px;color: #868686;font-weight: 400;}
.footer .copyright p a:hover {color: #DF1814;}



/* =====================================内页========================================= */
/*内页样式*/
.ny-banner {height: 600px;}
.ny-banner img{display: block;     position: relative; top: -65px;}
.ny-main{margin-top: 25px; margin-bottom:100px;}
.position{height:52px; line-height:52px; font-size:14px; border-bottom: solid 1px #dfdfdf; margin-bottom: 30px;}
.position .container{background:url(../images/position-home.png) no-repeat 0 center; padding-left:30px; width: 1300px;}
.position a{background:url(../images/position-arrow.png) no-repeat right; padding-right:20px; margin-right:10px;}
.position a:last-child{background: transparent;}
.position .on{color: #DF1814;}
.position a:hover{color: #DF1814;}

.ny-left{width: 260px;}
.column-title{position: relative; background: #eeee }
.column-title .icon{width: 155px;height: 100px;background: url(../images/icon-pro1.png) no-repeat center left 34px;padding-left: 105px;}
.column-title:before{content: ""; position: absolute;width: 248px;height: 88px;border: 1px solid #fff;top: 5px;left: 5px;}
.column-title h3{font-size: 28px;color: #333;font-weight: bold;line-height: 28px;padding: 26px 0 2px;    margin-bottom: 2px;}
.column-title span{color: #333;font-family: arial; text-transform: uppercase;}
.ctitle1{width: 236px;border:2px solid #efefef;border-top: none;padding: 15px 10px 12px 10px; margin-bottom: 30px;}
.ctitle1>li{float: left; margin-bottom: 8px;  width: 235px;background: #eee}
.ctitle1>li>a{display: block; width: 215px; padding-left: 20px;height: 50px;line-height: 50px;color: #333;font-size: 16px;transition: all .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: #DF1814}
.ctitle1>li:hover>a:after,.ctitle1>li.on>a:after{width: 10px;}
.ctitle1>li:hover>a,.ctitle1>li.on>a{padding-left: 40px; color: #fff;}

.ny-contact {background: #fafafa;}
.ny-contact .bg{display: block; padding-left: 20px; height: 100px;background: url(../images/ny-contact.jpg) no-repeat center center; background-size: cover}
.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: #DF1814;line-height: 20px;padding-left: 40px;background: url(../images/ny-tel.png) no-repeat center left 6px;margin-bottom: 20px; margin-left: 20px;}

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

.ny-right  .pagelist {padding: 10px 0;margin-top:35px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.ny-right .pagelist a,
.ny-right  .pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.ny-right  .pagelist span.current {color: #DF1814;border: 1px solid #ddd;}



/*内页产品列表*/
.class-title{background: #f5f5f5; padding: 15px 0; margin-bottom: 20px;}
.class-title em{display: block;  font-size: 18px; line-height: 25px; color: #222; border-left: 4px solid #DF1814; padding-left: 15px; font-weight: bold; margin-left: 15px}
.nypro-list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;}
.nypro-list li img {display: block; width: 100%; transition: .5s;}
.nypro-list li .box {position: relative; overflow: hidden; border: 1px solid #eee;}
.nypro-list li .box .hide {padding: 35px 40px 30px 45px; box-sizing: border-box; position: absolute; width: 100%; bottom: -50%; background: rgba(223,24,20,.86); transition: .5s;}
.nypro-list li .box .hide p {font-size: 14px;color: #ffffff; line-height: 30px;}
.nypro-list li h5 {text-align: center;font-size: 16px;color: #000000;font-weight: 400; margin-top: 20px;}
.nypro-list li:hover .hide {bottom: 0;}
.nypro-list li:hover img {transform: scale(1.1);}
.nypro-list li:hover h5 {color: #DF1814;}


/*产品详情*/
.ny-right  .pro1 .pro-list-pic{width: 402px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 598px;position: relative;}
.ny-right  .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px;}
.ny-right  .pro1 .descript1 p{font-size: 15px;color: #666;line-height: 28px;margin: 10px 0;text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ny-right  .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #DF1814;}
.ny-right  .pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.ny-right  .pro1 .descript1 p.haoma em {display: inline-block;color: #DF1814;font-size: 25px;font-weight: bold; vertical-align: middle;}
.ny-right  .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right  .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right  .detail {margin-bottom: 20px;}
.ny-right  .detail .de-title{border-bottom: solid 3px #DF1814; margin-bottom: 20px;}
.ny-right  .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#DF1814;}
.pro-wechat{display: none; position: absolute; left: 150px;    bottom: -90px;}
.pro-wechat img{display: block; margin: 30px auto 0; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}


/*内页成功案例*/
.nycase-list ul{width: 1000px;}
.nycase-list ul li{float: left; width: 303px; margin-right: 30px; margin-bottom: 40px; position: relative;}
.nycase-list ul li .pic{width: 303px; position: relative; overflow: hidden;}
.nycase-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;}
.nycase-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;}
.nycase-list ul li em{display: block; background: #f5f5f5; font-size: 16px; line-height: 50px; color: #333; text-align: center; }
.nycase-list ul li:hover em{background: #DF1814; color: #fff;}


.nyhonor-list ul li em {display: none;}

/*内页新闻列表*/
.ny-news-list{overflow: hidden;}
.ny-news-list ul li{padding: 10px;background:#fafafa; margin-bottom: 30px;height: 139px;width: 1080px;}
.ny-news-list ul li .pic {width: 254px;height: 143px; margin-right: 24px;}
.ny-news-list ul li .pic img {width: 100%; display: block;}
.ny-news-list ul li .info{width: 784px;}
.ny-news-list ul li .info h3{font-size: 18px;color: #595959;overflow: hidden;background: url(../images/news-title.png) no-repeat center left -20px;line-height: 18px;margin-top: 16px;}
.ny-news-list ul li .info span{display: block;font-family: arial;color: #666;padding-left: 20px;background: url(../images/date.png) no-repeat center left;line-height: 12px;margin: 16px 0;}
.ny-news-list ul li .info p{color: #808080;overflow: hidden;text-align:justify;}
.ny-news-list ul li:hover .info h3{padding-left: 20px;background: url(../images/news-title.png) no-repeat center left;color: #DF1814; transition: all 0.5s;}


/* ==========资料下载==========*/
.material {padding: 50px 0 100px 0;}
.material ul {display: flex;justify-content: space-between; flex-wrap: wrap; gap: 20px;}
.material li {display: flex;justify-content: space-between; align-items: center;width: 49%; padding: 20px;border: 1px solid #e6e6e6;  box-sizing: border-box;}
.material li .material-download {background: url(../images/download-icon1.png) no-repeat center; width: 46px; height: 34px;}
.material li .material-img {width: 114px;height: 157px; border: 1px solid #f2f2f2;}
.material li .material-img img {width: 100%;}
.material li h3 {font-size: 20px;color: #333;font-weight: bold;}
.material li span {font-size: 14px;color: #666;    white-space: nowrap;}
.material li span:nth-child(1) {margin-right: 50px;}
.material li .title-info {margin-top: 15px;}
.material li .material-title {width: 60%;}
.material li a:hover .material-download {background: url(../images/download-icon2.png) no-repeat center;  width: 46px; height: 34px}

/* 联系我们 */
.part2 { margin-top: 30px;padding: 30px;background-color: #f7f7f7;}  
.head-row, .content-row { display: flex;}
.head-row>* { padding-top: 15px;padding-bottom: 15px;line-height: 24px;}
.head-row .col1, .content-row .col1 {flex: 5; padding-left: 20px;}
.head-row .col2, .content-row .col2 {  flex: 3;padding-left: 20px;}
.head-row .col3, .content-row .col3 { flex: 3; padding-left: 0;text-align: center;}
.head-row .col4, .content-row .col4 {flex: 1; padding-left: 20px;}
.desc-cell-content { position: relative;}
.content-row-expandable:nth-of-type(2n) {  background-color: #ffffff;}
.content-row { cursor: pointer;font-size: 14px;}
.col4 img {  width: 22px; transition: .2s;}

.content-panel { padding: 24px 30px;  font-size: 14px;}
.content-panel { background-color: #fff;}
.content-panel { display: none;}
.content-panel h3 {
  font-size: 1.11em;
  margin-bottom: .25em;
}

.content-panel p {
  line-height: 26px;
  min-height: 20px;
}

.btn-apply {
  margin-top: 20px;
  color: #fff;
  background-color: #DF1814;
  width: 120px;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 24px;
  display: inline-block;
  cursor: pointer;
}


.part2{
  margin-top: 30px;
  padding: 30px;
  background-color: #f7f7f7;
}

.part2 .intro{
  display: flex;
}

.part2 .intro .left{
  width: calc(100% - 490px);
  flex: 0 0 auto;
  padding-right: 90px;
}

.part2 .intro .right{
  width: 490px;
  flex: 0 0 auto;
}

.part2 .tri-title{
  margin-bottom: 15px;
  font-size: 20px;
}

.part2 .intro .desc{
  font-size: 14px;
  line-height: 24px;
  letter-spacing: .1em;
  color: #666666
}

.part2 .intro .desc p{
  line-height: 24px;
  margin-bottom: 12px;
}

.email{
  margin-top: 30px;
  font-size: 14px;
}

.email a{
  color: #DF1814;
}

.job-list{
  /*margin-top: 30px;
  border-top: 1px solid #e6e6e6;*/
}

.head-row, .content-row{
  display: flex;
}

.content-row{
  font-size: 14px;
}

.head-row .col1, .content-row .col1{
  flex: 5;
  padding-left: 20px;
}

.head-row .col2, .content-row .col2{
  flex: 3;
  padding-left: 20px;
}

.head-row .col3, .content-row .col3{
  flex: 3;
  padding-left: 0;
  text-align: center;
}

.head-row .col4, .content-row .col4{
  flex: 1;
  padding-left: 20px;
}

.head-row>*{
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 24px;
}

.content-row>*{
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 24px;
}

.content-panel{
  display: none;
}

.content-row-expandable.expanded .content-panel{
  display: block;
}

.content-row-expandable:nth-of-type(2n){
  background-color: #ffff;
}

.content-row{
  cursor: pointer;
}

.content-row-expandable.expanded{
  border: 1px solid #e6e6e6;
}

.col4 img{
  width: 22px;
  transition: .2s;
}

.content-row-expandable.expanded .col4 img{
  transform: rotate(90deg);
}

.content-panel{
  background-color: #fff;
}

.content-row-expandable:nth-of-type(2n+1).expanded{
}

.content-panel{
  padding: 24px 30px;
  font-size: 14px;
}

.content-panel h2{
  font-size: 1.25em;
  margin-bottom: .25em;
}

.content-panel h3{
  font-size: 1.11em;
  margin-bottom: .25em;
}

.content-panel p{
  line-height: 26px;
  min-height: 20px;
}

.btn-apply{
  margin-top: 20px;
  color: #fff;
  background-color: #DF1814;
  width: 120px;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 24px;
  display: inline-block;
  cursor: pointer;
}

.btn-apply:hover{
  background-color: #ff5462;
  color: #fff;
}

.part2 .intro .right img{
  display: block;
  width: 100%;
  height: auto;
}



/* 客户反馈 */
.feedback{width:auto;margin:0 auto;width:100%;}
.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:calc(100% - 90px);line-height: 35px;height:35px; background: #fff;border:1px solid #ddd;border-radius: 3px;padding-left:15px}
.feedback dd .fdtext{width:calc(100% - 90px);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;font-family: "微软雅黑"}
.feedback dd .fdsub{margin-left:90px; border:1px solid #f50; background:#f60;width:120px;height:35px;line-height:35px;}
.feedback dd .fdres{border:1px solid #282828; background:#444;width:120px;height:35px;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;}

/*QQ 样式*/
.zx-service{position: fixed;right: 5px;top: 50%;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: #b6b6b6;}
/* .zx-service ul li:hover a{background: #dab866;} */
.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: #b6b6b6;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/footer-copy.png) no-repeat center top 10px #b6b6b6;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;}