/* =====头部===== */ 
body {min-width: 1250px;overflow-x: auto;}
#c-placeholder {height: 1rem;min-height: 80px;}
header {position: sticky; left: 0; top: 0; z-index: 99; width: 100%; transition: .5s; background: #fff; border-bottom: 1px solid #eee;}
.headBox {height: 1rem; min-height: 80px; display: flex; justify-content: space-between; padding: 0 3%; box-sizing: border-box;}
.headBox .logo img {max-width: 2.5rem; height: auto;}
.headBox .logo .xian {width: 1px;background: #f2f2f2; margin: 0 .35rem; height: .43rem; min-height: 35px;}
.headBox .logo .logoCon {line-height: 1.3;}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .headBox .logo img {max-width: 2rem;}
}

/* 头部右侧 */
.headBox .re {display: flex; justify-content: flex-end;  align-items: center;}
/* 导航 */
nav {height: 100%;}
nav > ul {display: flex; height: 100%; justify-content: space-between;}
nav > ul > li {height: 100%; position: relative;}
nav .layui-nav {background: none; padding: 0;}
nav .layui-nav .layui-nav-item {line-height: initial; display: flex; align-items: center; position: relative;}
nav .layui-nav .layui-nav-item > a {padding: .11rem .22rem; margin: 0 .2rem; font-size: var(--font17);color: #333; position: relative; font-weight: 700; line-height: 1;}
nav .layui-nav .layui-nav-item > a::before {content: ''; left: -.2rem; height: 45%; background: #999999; position: absolute; width: 1px; top: 30%;}
nav .layui-nav .layui-nav-item:first-child > a::before {display: none;}
nav .layui-nav .layui-nav-more {display: none;}
nav .layui-nav .layui-this:after, nav .layui-nav-bar {display: none;}
nav .layui-nav .layui-nav-item:hover > a {background: #E70012; color: #fff;}
/* 下拉 */
nav .layui-nav-child { top: 100%; background: #fff;  box-sizing: border-box;}
nav .layui-nav .layui-nav-child dd a:hover {background-color: #E70012; color: #fff;}

/* 搜索按钮 */
.heSearch {cursor: pointer; margin-left: .4rem;}
.heSearch a {width: 0.45rem;height: 0.45rem; min-height: 35px; min-width: 35px; background: #E70012;}
/* 搜索下拉 */
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4  {background-color: #fff;padding: .5rem; border-top: 1px solid #eee;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .close {position: absolute; right: 1.5%; top: 5%; cursor: pointer; max-width: .3rem;}
.hadbox-sec4 .close svg {max-width: 100%;}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font30);}
.hadbox-sec4 .form {display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 0.3rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 3.1rem);padding: 0.16rem 0.24rem; color: #333333; flex: 1;}
.hadbox-sec4 .form .f_sub {width: 1.6rem; height: 0.56rem; min-height: 45px; background: #E70012;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .hadbox-sec4 {padding: .6rem .3rem;}
  .hadbox-sec4 .form {padding-bottom: .2rem;}
  .hadbox-sec4 .f_tit {font-size: var(--font20);}
}


/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#E70012 #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #E70012; border-radius: 5px;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
.more1 {display: inline-flex; align-items: center;padding: .15rem .2rem; background: #E70012; transition: .5s; position: relative;z-index: 1; overflow: hidden;}
.more1 span {margin-right: .2rem;}
.more1 img {transition: .5s;}
.more1:hover img {transform: translateX(.1rem);}


/* ======首页======= */
/* banner */
.indexBanner {overflow: hidden; position: relative; height: calc(100vh - 1rem);}
.indexBanner .swiper {height: 100%;}
.indexBanner .slide .bjBox {height: 100%;}
.indexBanner .slide .bjBox img {width: 100%;height: 100%; min-height: 450px;transition: 1s linear 2s;transform: scale(1.1, 1.1); display: block; object-fit: cover;}
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img { transition: 6s linear;transform: scale(1, 1);}
.indexBanner .slide .box {top: 40%;}
.indexBanner .slide .con1 {text-align: center;}
.indexBanner .slide .con1 .more {margin-top: .5rem;}

.indexBnanerProBox {position: absolute;bottom: 0; right: 0; z-index: 12; padding-right: 12%;   width: auto;}
.indexBnanerProBox .indexBnanerPro {display: flex; justify-content: flex-end;}
.indexBnanerProBox .proCon {position: relative; z-index: 1; padding: .4rem; box-sizing: border-box;}
.indexBnanerProBox .proCon::after {content: ''; position: absolute; height: 100%; width: 0; left: 100vw; top: 0; z-index: -1;background: #e70012; border-radius: 0.23rem 0rem 0rem 0rem; transition: 1.5s;}
.indexBnanerProBox .proCon .indexBnanerPro-left-tit {padding-left: .2rem; border-left: 3px solid #E5C511; line-height: 1; padding-right: .2rem;}
.indexBnanerProBox ul li {margin: 0 .2rem; position: relative;}
.indexBnanerProBox ul li::after {content: '';position: absolute; bottom: 0; left: 0; height: 1px ; background: #fff; width: 100%;}
.indexBanner .indexBnanerProBox.on .proCon::after {width: 100vw; left: 0;}

/* 控件 */
.indexBanner .swiper-pagination {bottom: .48rem; text-align: left;left: 50%;transform: translateX(-50%); width: 1300px;}
.indexBanner .swiper-pagination span {width: 12px; height: 12px; background: #fff;opacity: 1; border-radius: 0;}
.indexBanner .swiper-pagination .swiper-pagination-bullet-active {background: #E70012;}
.indexBanner .swjt {width: 0.8rem;height: 0.8rem;background: rgba(255, 255, 255,.1);}
.indexBanner .swjt svg {max-width: 50%;}
.indexBanner .swjt.swiper-button-next {right: 6%; transform: rotate(180deg);}
.indexBanner .swjt.swiper-button-prev {left: 6%;}

@media screen and (min-width: 200px) and (max-width: 1440px) {
  .indexBanner {height: calc(100vh - 80px);}
}


.indexOne {background: url(../images/indexOne-bj.jpg) no-repeat center; background-size: cover; padding: .7rem 0; position: relative; overflow: hidden;}
.indexOne .fxle {position: absolute;left: 0; width: 10%; top: 0; height: 100%; display: flex; flex-direction: column; z-index: 1;}
.indexOne .fxle::after {content: ''; position: absolute; width: 100%; height: 0; z-index: -1;background: #383431; transition: 1.5s;}
.indexOne .fxle .logo1 {padding: .8rem .1rem;position: relative; z-index: 1;}
.indexOne .fxle .logo1::after { content: ''; position: absolute; top: 0; left: 0; height:0%; width: 100%; z-index: -1;background: #e70012; transition: 1.5s;    }
.indexOne .fxle .logo1 img {max-width: 100%;}
.indexOne .fxle .indexOneText {display: flex; align-items: center; justify-content: center;    flex: 1;}
.indexOne .fxle .indexOneText img {max-width: 25%;}
.indexOne .fxle.on::after {height: 100%;}
.indexOne .fxle.on .logo1::after {height: 100%; }
.indexOne .box {padding-left: 16%; box-sizing: border-box;}
.indexOne .con {position: relative; padding-bottom: .55rem;}
.indexOne .con .imgBox {position: absolute; right: 0;top: 0; height: 100%; max-width: 70%;}
.indexOne .con .imgBox img {width: 100%;height: 100%; object-fit: cover;}
.indexOne .con .tle {padding: .4rem 0; margin-left: .7rem;}
.indexOne .con .tle .xian {width: 0.55rem; height: 0.04rem; min-height: 2px; background: #e70012; margin-right: .18rem;}
.indexOne .info {width: 55%; box-shadow: 0px 3px 2.85px 0.15px rgba(56, 56, 56, 0.17); position: relative;z-index: 1;} 
.indexOne .info .info-box {padding: .5rem .7rem; position: relative; z-index: 1;background: #ffffff url(../images/indexOne-info-bj.jpg) no-repeat center; background-size: cover;}
.indexOne .info::after {content: ''; position: absolute; width: 100%; height: 100%; bottom: -.1rem; right: -.1rem;background: #e70012; z-index: -1;}
.indexOne .info .text p {margin-top: .4rem; line-height: 2;}
.indexOne .info .more {margin-top: .5rem;}
.indexOne .numlist {margin-top: .8rem;background: #ffffff; padding: .4rem; padding-left: .6rem;}
.indexOne .numlist ul {display: flex; align-items: center; justify-content: space-between;}
.indexOne .numlist li .xian {width: 1px; height: .5rem; background: #F2F2F2; min-height: 40px;}
.indexOne .numlist li .num {display: flex; align-items: flex-end;}
.indexOne .numlist li .counter {font-size: var(--font54); line-height: .9; font-weight: 700; color: #E70012;}
.indexOne .numlist li .dw {width: 19px; height: 19px;background: #e70012; padding-bottom: 2.5px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: var(--font18);}
.indexOne .numlist li .dw2 {font-size: var(--font14);}
.indexOne .numlist li span {display: block; margin-top: .15rem; font-size: var(--font18);}

.indexTle .tit {font-family: 'SimSun'; font-weight: 700;}
.indexTle .xian {width: 0.55rem;height: 0.04rem; min-height: 2px; display: inline-block; margin-top: .1rem; background: #e70012;}

.indexTwo {padding:.7rem 0 ;}
.indexTwo .box {margin-top: .5rem;}
.indexTwo ul {display: flex; flex-wrap: wrap;margin: 0 -.14rem;}
.indexTwo li {margin: .14rem; position: relative;}
.indexTwo li a {display: block; height: 100%;}
.indexTwo li .imgBox {position: relative; overflow: hidden; height: 100%;}
.indexTwo li .imgBox img {width: 100%; height: 100%; object-fit: cover; min-height: 3.1rem;}
.indexTwo li .imgBox::before {content: '';  position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255,.01) 40%, #000000); opacity: 1; transition: .5s;}
.indexTwo li .imgBox::after {content: '';  position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background:rgba(0, 0, 0, 0.7); opacity: 0; transition: .5s;}
.indexTwo li .tit {position: absolute; left: 0; bottom: 0; padding: .3rem; width: 100%; transition: .5s; opacity: 1;}
.indexTwo li .hide {padding: .4rem; box-sizing: border-box; position: absolute; inset: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center;}
.indexTwo li .hide {opacity: 0; transition: .5s;}
.indexTwo li .hide .more {margin-top: .45rem;}
.indexTwo li .hide .more i {transform: rotate(180deg);margin-left: .15rem; display: inline-block;}
.indexTwo li:hover .imgBox::before {opacity: 0;}
.indexTwo li:hover .imgBox::after {opacity: 1;}
.indexTwo li:hover .tit {opacity: 0;}
.indexTwo li:hover .hide {opacity: 1;}
.indexTwo li {width: 31%;}
.indexTwo li:nth-child(1) {width: 39%;}
.indexTwo li:nth-child(2), .indexTwo li:nth-child(3) {width: 27%;}

.indexThre {background: #eff9fc; padding-top: .7rem;}
.indexThre .swiperBox {margin-top: .6rem; position: relative; padding-bottom: 1.1rem;}
.indexThre .swiperBox::after {content: ''; background: url(../images/indexThre-bj.jpg) no-repeat center; background-size: cover; width: 100%; height: 63%; bottom: 0; left: 0; position: absolute;}
.indexThre .swiperBox .w1300 {position: relative;}
.indexThre .swiper {position: static;}
.indexThre .swiper .imgBox {overflow: hidden; position: relative;}
.indexThre .swiper .imgBox img {width: 100%; transition: .5s;}
.indexThre .swiper .imgBox::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: linear-gradient(to bottom, rgba(255, 255, 255,.01) 50%, rgba(0, 0, 0,.6));  transition: .5s;opacity: 1;   } 
.indexThre .swiper .swiper-slide .tit {position: absolute; padding: .3rem; bottom: 0; left: 0; padding-right: .1rem; box-sizing: border-box;}
.indexThre .swiper .swiper-slide .en {text-transform:uppercase;}
.indexThre .swiper .swiper-slide .icBox img {max-width: .4rem;}
.indexThre .swiper .swiper-slide:hover .imgBox::before {opacity: 0;}
.indexThre .swiper .swiper-slide:hover .imgBox img { transform: scale(1.1);}
/* 控件 */
.indexThre .pagtion {bottom: -.8rem;}
.indexThre .pagtion span {width: 12px; height: 12px; background: #fff;opacity: 1; border-radius: 0; margin: 10px !important; position: relative;}
.indexThre .pagtion span::after {content: ''; position: absolute; background: none; border: 6px solid #fff; width: 8px; height: 8px; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0); opacity: 0; transition: .5s;}
.indexThre .pagtion .swiper-pagination-bullet-active {background: none;}
.indexThre .pagtion .swiper-pagination-bullet-active::after {transform: translate(-50%,-50%) scale(1); opacity: 1;}
.indexThre .swjt {width: 0.8rem;height: 0.8rem;background: #fff; top: calc(50% - 1.1rem);}
.indexThre .swjt i {font-size: var(--font20); font-weight: 700; color: #E70012;}
.indexThre .swjt.swiper-button-next {right:0; transform: rotate(180deg) translateX(calc(-100% - 0.45rem)) translateY(-100%);}
.indexThre .swjt.swiper-button-prev {left:0;transform: translateX(calc(-100% - 0.45rem)) translateY(100%);}

.indexFour {padding: .8rem 0;}
.indexFour .box {display: flex; margin: 0 -.16rem; justify-content: space-between; margin-top: .5rem;}
.indexFour .le {width: calc(100% - 31% - .3rem);}
.indexFour .le .item {width: 47%; margin: 0 .15rem;}
.indexFour .re {width: 31%;background: #f2f2f2; padding: .4rem .3rem;}
.indexFour .item {padding: .4rem .3rem;background: #f2f2f2;}
.indexFour .item .imgBox {position: relative;overflow: hidden;}
.indexFour .item .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.indexFour .item .more {margin-top: .25rem;}
.indexFour .item .more a {padding: .09rem .22rem; background: #e70012; color: #fff; transition: .5s;}
.indexFour .item .more a:hover {background: #fff; color: #e70012;}
.indexFour .item:hover .imgBox img {transform: scale(1.1);}
.indexFour .re dt {background: rgba(0, 0, 0,.45); border-radius: 100px;color: #ffffff; padding: .08rem .15rem; display: inline-block;}
.indexFour .re dl dd a {display: block; padding: .16rem 0; border-bottom: 1px solid rgba(195, 195, 195,.5);}
.indexFour .re dl dd .tit {margin-top: .1rem;}
.indexFour .re dl dd:last-child  a {border: 0;}
.indexFour .re dl dd:hover .tit p {color: #e70012;}

.indexFive {background: url(../images/indexFive-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0; }
.indexFive .more {margin-top: .5rem;}


/* ========================== 底部 ========================== */
.footer {background: #e7f2fc; padding-top: .6rem;}
.footer .foterTop {padding-bottom: .45rem; border-bottom: 1px solid rgba(209, 209, 209,.5);}
.footer .form {width: 68%;}
.footer form {display: flex;}
.footer form .inBox {width: 27.5%; margin-left: .12rem;height: 0.53rem; min-height: 40px; border: 1px solid #d5d5d5; display: flex; align-items: center; padding: 0 .2rem; box-sizing: border-box;}
.footer form .inBox .icBox {margin-right: .1rem; flex-shrink: 0;}
.footer form .inBox .icBox img {max-width: .2rem;}
.footer form .inBox input {border: 0; background: none; color: #333; max-width: 65%;}
.footer form .inBox label {font-size: var(--font14);color: #999999; flex-shrink: 0;}
.footer form .inBox .imgCode {}
.footer form .codeBox input {max-width: 30%;}
.footer form .codeBox .imgCode {max-width: 30%;}
.footer form .codeBox .imgCode img {width: 100%; height: auto;}
.footer form button {margin-left: .12rem;background: #e70012; padding: 0 .2rem; color: #fff; flex-shrink: 0; cursor: pointer;}
.foternav {padding: .7rem 0 1rem; display: flex; justify-content: space-between;}
.foternav dl dt {font-size: var(--font18); font-weight: 700; color: #333; position: relative; padding-bottom: .3rem; margin-bottom: .3rem;}
.foternav dl dt::before {content: ''; width: 0.07rem; height: 0.07rem; background: #e70012; position: absolute; bottom: 0; left: 0;}
.foternav dl dt::after {content: ''; width: .25rem; height: 0.07rem; background: #333333; position: absolute; bottom: 0; left: .07rem;}
.foternav dd {margin: .1rem 0;}
.foternav dd a {color: #666666; font-size: var(--font15);font-weight: 400;}
.foternav dd a:hover {color: #e70012;}
.foterCopy {padding: .15rem 0;border-top: 1px solid rgba(209, 209, 209,.5);}
.foterCopy p , .foterCopy p a {font-size: var(--font15); color: #666;}
.foterCopy p a:hover {color: #e70012;}


/* ==========================内页=============================== */
.ny-banner {height: 4.5rem;}

.mbx {padding: .15rem 0; border-bottom: 1px solid #eee;}
.layui-breadcrumb a:hover {color: #e70012 !important;}

.ny-main{padding: 50px 0 80px; padding-top: 0;}
.ny-main .danpianBox {padding: .5rem 0;}
.main-box{ align-items: flex-start; padding-top: 50px;}
.ny-left{width: 22%; background: #fff;}
.column{background: #e70012; height: 126px; margin-bottom: 4px;}
.column .text{color: #fff; margin-left: .2rem;}
.column .text strong{display: block; font-size: var(--font30);  margin-bottom: .1rem;}
.column .text span{display: block;  text-transform: uppercase; font-family: "Arial"}

.ny-class .ctitle1>li{margin-bottom: 1px; position: relative;}
.ny-class .ctitle1>li:last-child{margin-bottom: 0;}
.ny-class .ctitle1>li>h3{background: #f5f5f5;min-height: 45px; padding: .1rem 10%;  position: relative; z-index: 5;}
.ny-class .ctitle1>li>h3>a{display: block;width: 100%;}
.ny-class .ctitle1>li>h3:after{position: absolute; content: ''; width: 0; height: 100%;  background: #e70012; transition: 0.6s; left: 0;z-index: -1;}
.ny-class .ctitle1>li>h3>a{display: block; font-size: var(--font17); color: #333; position: relative; z-index: 1;}
.ny-class .ctitle1>li>h3>i{background: url(../images/ctitle-li.png) no-repeat center; height: 100%; min-height: 45px; width: 10px; position: relative; z-index: 1; margin-left: 10px;}
.ny-class .ctitle1>li:hover>h3:after,.ny-class .ctitle1>li.on>h3:after{width: 100%;}
.ny-class .ctitle1>li:hover>h3>a,.ny-class .ctitle1>li.on>h3>a{color: #fff;}
.ny-class .ctitle1>li:hover>h3>i,.ny-class .ctitle1>li.on>h3>i{background: url(../images/ctitle-li-on.png) no-repeat center; }
.ny-class .ctitle1>li:hover>h3>a,.ny-class .ctitle1>li.on>h3>a{color: #fff}

.contact-left{padding: .2rem 4% .4rem;}
.contact-left .pic img{display: block; width: 100%; margin-bottom: .3rem;}
.contact-left .info p{display: flex; align-items:center;font-size: var(--font14);color: #333;}
.contact-left .info p:last-child{margin-bottom: 0;}
.contact-left .info p img{display: inline-block; vertical-align: middle; margin-right: 8px; margin-top: 5px;}
.contact-left .info strong{display: inline-block;font-size: var(--font24);color: #e70012;}
.contact-left .info b{display: inline-block;font-size: var(--font18);color: #333;font-family: "Arail";}

.ny-main .contact-left {padding: 0; margin: .2rem 0 .4rem; background: #f5f5f5;}
.ny-main .contact-left .info{padding:  0 4% .2rem;}
.ny-main .ny-left{position: sticky; top: 1.5rem;}

.ny-right{width: 75%;}


/* 内页产品列表页 */
.nypro-list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.nypro-list ul:after{content: ''; width: 31.5%;}
.nypro-list ul li{width: 31.5%; margin-bottom:.3rem; box-sizing: border-box; border: 1px solid #dddddd; text-align: center;  transition:0.6s}
.nypro-list ul li .pic{overflow: hidden; border-bottom: 1px solid #dddddd; padding: .3rem;}
.nypro-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;}
.nypro-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;}
.nypro-list ul li .info{padding: .2rem 4%;}
.nypro-list ul li strong{font-size: var(--font18);color: #333;font-weight: normal;margin-bottom: .1rem;}
.nypro-list ul li p{color: #777; margin-bottom: .3rem; }
.nypro-list ul li .pro-btn{display: flex; justify-content: center;}
.nypro-list ul li em{display: inline-block;background: #333333; font-size: var(--font14);  color: #fff; padding: .1rem .2rem; }
.nypro-list ul li span{display: flex; align-items: center; justify-content: center; width: 2.8125rem;height: 2.5rem;background: #e70012;}
.nypro-list ul li:hover{border-color: #e70012;}
.nypro-list ul li:hover strong{color: #e70012;  font-weight: bold;}
.nypro-list ul li:hover em{background: #e70012;}


/* 产品详情 */
.proDate {}
.proDate .dateTop {display: flex; justify-content: space-between; align-items: flex-start;}
.dateTop .topLe {width: 45%; border: 1px solid #dddddd; box-sizing: border-box; }
.dateTop .topRe {width: 50%;}
.proDateSwiper { --swiper-theme-color: #e70012;  --swiper-navigation-size: var(--font40);}
.proDateSwiper .swiper-slide img {text-align: center; display: block; margin: auto; width: 100%;object-fit: cover;}
.proDateSwiper .swiper-pagination {text-align: right; padding-right: .2rem; box-sizing: border-box; color: #333;}
.dateTop .topRe .tle {margin-top: .2rem;}
.dateTop .topRe .tle h3 {font-size: var(--font24);color: #333333;border-bottom: 1px solid #DDDDDD; padding-bottom: .2rem;}
.dateTop .topRe .text {margin-top: .2rem;}
.dateTop .topRe .text p {color: #777777;font-size: var(--font15);}
.dateTop .topRe .info {margin-top: .8rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.dateTop .topRe .info .heTel .icBox { display: flex; align-items: center; justify-content: center;margin-right: .1rem; width: 0.55rem;height: 0.55rem; border-radius: 50%;border: 0.01rem solid rgba(66, 66, 66,.26)}
.dateTop .topRe .info .heTel .icBox img {max-width: 43%;}
.dateTop .topRe .info .more a {width: 1.48rem; height: 0.49rem; background: #e70012; font-size: .16rem; color: #fff;}
.proDate .dateBox .dateCon1 {margin-top: .4rem;}
.proDate .dateBox .conTle {padding-bottom: .2rem; border-bottom: 1px solid #DDDDDD; margin-bottom: .2rem; position: relative;}
.proDate .dateBox .conTle::after {content: ""; position: absolute; bottom: -2px; left: 0;background: #e70012; height: 3px;width: 1.5rem;}
.proDate .dateBox .conTle h4 {font-size: 0.3rem;}
.proDate .dateBox .conTle span {font-size: var(--font14);color: #999999;font-family: Arial, Arial-Regular; text-transform: uppercase;}

.dateConSwiper {--swiper-theme-color: #e70012;;  --swiper-navigation-size: var(--font40);}
.dateConSwiper .swiper-slide {border: 1px solid #dddddd;}
.dateConSwiper .swiper-slide::after {content: ""; position: absolute; bottom: 0; left: 0;background: #e70012; height: 3px; width: 100%;}
.dateConSwiper .imgBox {overflow: hidden;}
.dateConSwiper .imgBox img {width: 100%; transition: .5s;}
.dateConSwiper .swiper-slide span {text-align: center;padding: .2rem .1rem; box-sizing: border-box; display: block; transition: .5s; border-top: 1px solid #eee;}
.dateConSwiper .swiper-slide:hover .imgBox img {transform: scale(1.05);}
.dateConSwiper .swiper-slide:hover span {background: #e70012; color: #fff;}
.dateBox .swiperBox {position: relative;}
.dateBox .swiperBox .swjt {right: -4%; }
.dateBox .swiperBox .swiper-button-prev.swjt {left: -4%; right:auto; }
.proDate .dateBox .dateCon1 img {max-width: 100%;}

/* 新闻中心 */
.newslist {width: 100%; padding-bottom: .5rem;}
.newslist li {margin-bottom: .35rem;}
.newslist li a {display: flex;justify-content: space-between;background: #fafafa;padding: .2rem;box-sizing: border-box;align-items: center;}
.newslist li .imgBox {width: 27%;overflow: hidden;}
.newslist li .imgBox img {width: 100%;min-height: 150px;object-fit: cover;transition: .5s;}
.newslist li .con {width: 70%;}
.newslist li h6 {font-size: var(--font20);color: #333;font-weight: bold;}
.newslist li p {margin-top: .1rem;color: #666;font-size: var(--font15);margin-bottom: .2rem;}
.newslist li span{font-size: var(--font14); color: #666; margin-bottom: 5px; display: block;}
.newslist li .more {transition: all .5s;margin-top: .3rem;background: #808080;color: #fff;width: 1.3rem;height:.45rem;min-width: 110px;min-height: 35px;border-radius: 50px;font-size: var(--font15);}
.newslist li .more svg {margin-left: .15rem;}
.newslist li:hover .more {background: #e70012;}
.newslist li:hover .imgBox img {transform: scale(1.1);}

/* 人才招聘 */
.talentThre {background-size: cover; padding: .6rem 0;}
.talentThre .bigBox {margin-top: .6rem;}
.talentThre ul li {margin-bottom: .1rem; display: none;}
.talentThre ul li .box {background: #eee; padding: .05rem .4rem .25rem; box-sizing: border-box; display: flex; align-items: center;justify-content: space-between; flex-wrap: wrap; position: relative;}
.talentThre ul li .item.name {font-weight: 400;color: #333333; font-size: var(--font22);}
.talentThre ul li .item {padding-top: .2rem; margin-right: .2rem; color: #888888;}
.talentThre ul li .item span {color: #666666;}
.talentThre ul li .money {} 
.talentThre ul li .date { text-align: right; padding-left: 5%; padding-right: 5%; box-sizing: border-box; color: #e70012;}
.talentThre ul li .btn {position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer;}
.talentThre ul li:hover .box {background: #ddd;}
.talentThre .moreList {margin-top: .5rem;}
.talentThre .moreList a {color: #e70012;}

.laypage .layui-layer-title {height: auto; line-height: initial; padding-top: .2rem; padding-bottom: .1rem;}
.laypage .layui-layer-title h3 {font-size: var(--font20); font-weight: 700;}
.laypage .layui-layer-title .time {margin-top: .1rem;}
.laypage .layui-layer-title .time span {font-size: var(--font16);color: #666;display: inline-block;margin-right: .3rem;}
.layui-layer-page {max-width: 50%;}
.layui-layer-page .layui-layer-content {padding: .3rem;}


/* 内页图片列表页 */
.picture-list{}
.picture-list ul li{width: 31%; margin-bottom: .4rem;}
.picture-list ul::after{content: ""; width: 31%;}
.picture-list ul li .pic{overflow: hidden;}
.picture-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.picture-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.picture-list ul li h3{display: block; padding: .15rem 0; color: #333; background: #fcfcfc; text-align: center;}
.picture-list ul li:hover h3{background: #b40000; color: #fff;}


/* 公用详情页 */
.newsCon {background: #ffffff;border-radius: 10px;box-shadow: 0rem 0rem 0.4rem 0rem rgba(226, 225, 224, 0.42);padding: .6rem .4rem; padding-top: .3rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #ddd;padding-bottom: .4rem;}
.newsxq-title strong {display: block;font-size: var(--font30);color: #333;margin-bottom: .1rem;}
.newsxq-title span {display: block;color: #777;margin: .1rem .3rem 0 0;}
.newsxq-title .titleDisc {display: flex;flex-wrap: wrap;}
.newsxq-editbox {margin: .4rem 0;}
.newsxq-editbox img {max-width: 100%;height: auto !important;}
.newsxq-box .nynews-right {width: 29%;background: #fff;border-radius: .1rem;box-shadow: 0rem 0rem 0.3rem 0rem rgba(226, 225, 224, 0.42);padding: .4rem;box-sizing: border-box;position: relative;}
.newsxq-box .nynews-right {position: sticky;top:1.5rem;}
.relist li {padding: .3rem 0;border-bottom: 1px solid #F2F2F2;}
.relist li .time {font-size: var(--font14);font-weight: 500;color: #999999;}
.relist span {color: #999999;font-size: var(--font14);}
.relist h6 {color: #333333;font-size: var(--font18);transition: .35s;font-weight: 700;margin-top: .1rem;}
.relist li:hover h6 {color: #e70012;}
.relist li:hover .reImg img {transform: scale(1.05);}
.nynews-right::after {content: "";background: #e70012;width: 65%;position: absolute;left: 50%;bottom: -1%;height: 0.07rem;transform: translate(-50%, -50%);}
.newsxq-page {display: flex;justify-content: space-between;align-items: center;margin-top: .1rem;}
.newsxq-page a {display: flex;align-items: center;}
.news-prev,
.news-next {transition: 0.6s;display: flex;align-items: center;justify-content: center;width: .6rem;height:.6rem;border: 1px solid #e70012;}
.news-prev svg {transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block;color: #333;}
.prev-link em {margin-left: .15rem;}
.next-link em {margin-right: .15rem;}
.next-link {flex-direction: row-reverse;}
.backlist a {width: 1.68rem;min-width: 125px;min-height: 42px;height: .58rem;background: #e70012;color: #fff;}
.backlist svg {margin-right: .1rem;}
.backlist a:active {background: #e70012;}
.newsxq-page a:active .news-prev,
.newsxq-page a:active .news-next {background: #e70012;border-color: #e70012;}
.newsxq-page a:active svg path {fill: #fff;}
@media (any-hover: hover) {
.newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next {background: #e70012;border-color: #e70012;}
.newsxq-page a:hover svg path {fill: #fff;}
}


.ny-title{text-align: center; position: relative; margin-bottom: 0.4rem;}
.ny-title b{font-size: .62rem;color: #f2f2f2;margin-bottom: 0.2rem;display: block; text-transform: uppercase}
.ny-title strong{position: absolute;content: '';left: 0;right: 0;margin: auto;top: 0.4rem;}
.ny-title i{display: block; width: 0.4rem; height: 0.02rem; margin: 0 auto; background: #E70012;}

.contact-editor table{width: 100%!important;}
.contact-editor table tr{display: flex; justify-content: space-between}
.contact-editor table tr td{width: 24%!important; padding: 0 1.5%!important; box-sizing: border-box}
.contact-editor img{display: block; max-width: 100% !important; height: auto!important;}