/* =====头部===== */ 
body {}
#c-placeholder {height: 1.1rem; min-height: 80px;}
.header {position: fixed; width: 100%; left: 0; top: 0; z-index: 99;transition: .5s;}
.headBox {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.headBox .box {display: flex; justify-content: space-between; height: 1.4rem; min-height: 80px; align-items: center; transition: .5s;}
.headlogo img {max-width: 2.5rem;}
.headlogo .logo2 {display: none;}


/* 导航 */
nav {width: 54%;}
nav ul {display: flex;align-items: center; justify-content: space-between;}
nav ul > li > a {color: #fff; position: relative; }
nav ul > li > a::after {content: ""; position: absolute; bottom: -.15rem; left: 0; width: 0; height: 1px;height: 2px;background: #ea5506; transition: .5s;}
nav ul > li:hover > a::after {width: 100%;}
nav ul > li.on > a::after {width: 100%;}
/* 头右侧 */
.headre {display: flex; align-items: center; color: #fff;}

/* 语言切换 */
.weblink {position: relative;padding: .2rem 0;box-sizing: border-box;margin: -.2rem 0;}
.weblink > a {display: flex; align-items: center; color: #fff;}
.weblink > a span {margin: 0 .1rem;}
.weblink .luanguage {box-shadow: 0 0 .1rem rgb(0, 0, 0,.2); position: absolute; background: #fff; border-radius: 5px; padding: .1rem .2rem; left: -.2rem; text-align: center; transform: translateY(35%); opacity: 0; visibility: hidden; transition: .5s;}
.weblink .luanguage::before {content: "";width: 20px; height: 10px; background: #fff; clip-path: polygon(50% 0%, 0% 100%, 100% 100%);-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background: #fff;    position: absolute;left: 50%;top: -5%;transform: translate(-50%, -50%);}
.weblink .luanguage a {justify-content: center; font-size: var(--font14);}
.weblink .luanguage a {margin: 5px 0; display: block;}
.weblink .luanguage a:hover {color: #ea5506;}
.weblink:hover .luanguage {opacity: 1; transform: translateY(25%); visibility: visible;}
.headre .xian {display: block; width: 1px; height: 12px;background: #999999; margin: 0 .35rem;}
.headSearch i {width: 36px; height: 36px;background: #ea5506; border-radius: 50%; cursor: pointer;}
/* 搜索下拉 */
.hadbox-sec4 {background-color: #fff;position: absolute;left: 0;top: 100%;width: 100%;padding: 0.9rem 0 1.06rem; display: none; border-top: 1px solid #eee; box-sizing: border-box; box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font36);}
.hadbox-sec4 .form {display: flex; align-items: center; 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;font-size: 0.2rem; color: #333333;}
.hadbox-sec4 .form .f_sub {width: 1.8rem; height: 0.56rem; min-height: 45px; background: #ea5506;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}
/* 头部下滑样式 */
/* .header.c-head-move {-webkit-transform: translateY(-100%);transform: translateY(-100%);} */
.header.c-style2 {background: #fff; }
.header.c-style2 .headBox {border-color: #F2F2F2;}
.header.c-style2 .weblink > a {color: #333;}
.header.c-style2 .svgOne path {fill: #333;}
.header.c-style2 .headlogo .logo1 {display: none;}
.header.c-style2 .headlogo .logo2 {display: block;}
.header.c-style2 nav ul li a  {color: #333;}
.header.c-style2 .mobmenu dl dd {background: #333;}
.header.c-style2 .mobmenu h4 {color: #333;}
.header.fh .headBox .box {height: 1.1rem;}

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


/* 了解更多 */
.more1 {display: inline-flex; align-items: center; padding: .1rem; min-height: 40px; padding-left: .25rem; background: #ea5506;border-radius: 60px; color: #fff;}
.more1 i {background: #ffffff; width: .35rem; height: .35rem;min-height: 25px; min-width: 25px; border-radius: 50%; margin-left: .4rem; transition: .5s;}
.more1 i svg {max-width: 50%;}
@media (any-hover: hover) {
  .more1:hover i {background: none; transform: translateX(-.1rem);}
  .more1:hover i svg path {fill: #fff;}
}


/* ===============公用css end!!!!===================*/


/* ======首页======= */
/* banner */
.indexBanner {position: sticky; top: 0;}
.bannerSwiper {height: 100vh;}
.bannerSwiper .bjBox {overflow: hidden; height: 100%;}
.bannerSwiper .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.bannerSwiper .swiper-slide .bjBox img, .indexSwiper .swiper-slide .bjBox video {width: 100%;height: 100%;object-fit: cover;}
.bannerSwiper .swiper-slide .bjBox img {min-height: 8.5rem; transition: 1s linear 2s;transform: scale(1.1,1.1);}
.bannerSwiper .swiper-slide-active .bjBox img, .indexSwiper .swiper-slide-duplicate-active .bjBox img {transition: 2s linear;transform: scale(1,1);}
.bannerSwiper .slide1 .con .p1 img {width: 4.9rem; max-width: 100%;}
.bannerSwiper .con .p2 {margin-top: .2rem;}
.bannerSwiper .con .p2 span {font-size: var(--font20);color: #ffffff;letter-spacing: 1px;}
.bannerSwiper .con .more {margin-top: .6rem;}
/* 控件 */
.indexBanner .bannerSwiper .pagtion {    width: 1500px;left: 50%;text-align: left;top: auto; bottom: 5%; z-index: 13;}
.bannerSwiper .pagtion .item {margin: 0 .2rem !important; width: 0.56rem; height: 0.56rem; border: 1px solid transparent;border-radius: 50%; background: none; position: relative; opacity: 1; transition: .5s;}
.bannerSwiper .pagtion .item span {display:  block; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff;}
.bannerSwiper .pagtion i {position: absolute; left: 125%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 2px;background: #ffffff; opacity: 0;}
.bannerSwiper .pagtion i::after {content: ""; width: 0%; height: 100%; position: absolute; left: 0; top: 0; background: #EA5506; transition: .5s;}
.bannerSwiper .pagtion .item.swiper-pagination-bullet-active  {border-color: #fff;}
.bannerSwiper .pagtion .item.swiper-pagination-bullet-active i {opacity: 1;}
.bannerSwiper .pagtion .item.swiper-pagination-bullet-active i::after {animation: toWidth 5s linear forwards;}
@keyframes toWidth {to {width: 100%;}}
.indexBanner .slideDown {text-align: right; top: auto;bottom: 5%;z-index: 1;display: flex;justify-content: flex-end;align-items: flex-start;}
.indexBanner .slideDown span {writing-mode:vertical-rl; color: #fff; font-size: var(--font14);letter-spacing: 1px; margin-right: .2rem;}
.indexBanner .slideDown i {display: inline-block;width: 2px; height: 0.83rem;background: #efefef; position: relative; overflow: hidden;}
.indexBanner .slideDown i::after {content: ""; position: absolute;left: 0;width: 100%;height: 50%;background: #EC6B22;animation: aline1 3s infinite linear;}
@keyframes aline1 {from {bottom: 100%;}to {bottom: -100%;}}

.indexMain {background: #fff;z-index: 2;}
.indexOne {position: relative;background: #efeff0; padding: 1.5rem 0 2rem; z-index: 2;}
.indexOne .inicBox {right: 0; top: 0; position: absolute;z-index: 1;   width: 0;}
.indexOne .inicBox img {transform: translate(66%, -50%); max-width: 6.5rem; position: absolute; overflow: hidden; right: 0;}
.indexOne .logo {text-align: center; transform: scale(2); opacity: 0;}
.indexOne .logo img {max-width: 100%;}
.indexOne .p1 {text-align: center; margin-top: .6rem;}
.indexOne .p1 span {font-weight: 700;font-size: 0.8rem;}
.indexOne .p1 span:first-child {color: #ea5506; margin-right: .2rem;}
.indexOne .p2 {text-align: center; margin-top: .4rem;}
.indexOne .p2 p {color: #666666; font-size: var(--font20); line-height: 1.8;}
.indexOne li {display: flex; align-items: center; padding: 0 .2rem;}
.indexOne ul {display: flex; justify-content: space-between;padding-top: .8rem; width: 80%; margin: auto;}
.indexOne li .icBox {margin-right: .5rem;}
.indexOne li .num {display: flex; align-items: flex-end;}
.indexOne li .counter {color: #333333;font-size: 0.6rem; line-height: .8; transition: .5s;}
.indexOne li .em {transition: .5s;}
.indexOne li .jia {font-size: var(--font24);transition: .5s;}
.indexOne li .text {color: #333333; display: block; margin-top: .12rem; transition: .5s;}
.indexOne li .icBox img {filter: brightness(0); -webkit-filter:brightness(0); opacity: .5; transition: .5s; max-width: .5rem;}
.indexOne li:hover .icBox img {filter: none; -webkit-filter:none; opacity: 1;}
.indexOne li:hover .counter {color: #EA5506;}
.indexOne li:hover .jia {color: #EA5506;}
.indexOne li:hover .em {color: #EA5506;}
.indexOne li:hover .text {color: #EA5506;}

.indexTwo {height: 100vh; position: sticky;position: -webkit-sticky;left: 0;bottom: 0;z-index: 1;}
.indexTwo .box {height: 100%;}
.indexTwo .container {height: 100%; display: flex; align-items: center; justify-content: center;}
.indexTwo .info {text-align: center; opacity: 0; transform: translateY(.5rem); transition: 1s;}
.indexTwo .info .p1 {color: #ffffff;font-size: 0.6rem;}
.indexTwo .info .text {margin-top: .4rem; text-align: center;}
.indexTwo .info .text p {color: #ffffff; font-size: var(--font24); font-weight: 400; line-height: 1.8;}
.indexTwo .info .more {margin-top: .8rem;}
.indexTwo .x-mtgc22 {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; }
.indexTwo .x-mtgc22 .x-img {height: 100%;}
.indexTwo .x-mtgc22 .x-img img {height: 100%; width: 100%; object-fit: cover;}
.indexTwo::after {content: ""; position: absolute; left: 100%; top: 100%; transform: translate(-100%, -50%); width: 0; height: 1.47rem;background: #ea5506;-webkit-clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%); transition: 1s;}
.indexTwo.on::after {width: 42%;}

.indexTwo.on .info {opacity: 1;  transform: translateY(0);}

.indexTle .tit {font-size: 0.6rem;color: #333333;font-weight: 400;}
.indexTle .tit strong {color: #EA5506;}
.indexTle .text {color: #666666;display: block; margin-top: .15rem;}

.indexThre {padding: 1.2rem 0; background: #fff;position: relative}
.indexThre ul {display: flex; margin-top: .6rem;}
.indexThre li {flex: .7; height: 5rem; margin: 0 .05rem;background: linear-gradient(-58deg,#cdd1d8 2%, #f8f8f8 100%);border-radius: 0.1rem; position: relative; overflow: hidden; transition: .5s;}
.indexThre li .bjImg {position: absolute; bottom: 0; left: 10%; width: 120%; height: 50%; opacity: .6; bottom: -10%;transition: .3s; transition-delay: .5s;}
.indexThre li .bjImg img {max-width: 100%; max-height: 100%;}
.indexThre li .tit {padding: 0 .1rem; margin-top: .5rem; text-align: center; transition: .5s;}
.indexThre li .tit h4 {color: #333333; font-size: var(--font17);}
.indexThre li .tit .en {color: #6d6d6d; font-size:12px;;opacity: 0.46;}
.indexThre li .hide { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: flex; flex-direction: column; justify-content: space-between;align-items: center; text-align: center; padding: .5rem .2rem; box-sizing: border-box;}
.indexThre li .hide {background: linear-gradient(-20deg,#f1f3f4 0%, #ea5506 99%);}
.indexThre li .hideTit h5 {color: #ffffff; font-size: var(--font28);} 
.indexThre li .hideTit p {color: #ffffff; font-size: var(--font14); margin-top: .1rem;}
.indexThre li .more {width: 0.47rem;height: 0.47rem; background: #ffffff; border-radius: 50%; margin: auto; margin-top: .3rem;}
.indexThre li .more svg {max-width: 40%;}
.indexThre li .more svg path {fill: #EA5506;}
.indexThre li .hide .imgBox {margin-top: .5rem; max-height: 50%;}
.indexThre li .hide .imgBox img {max-width: 100%; max-height: 100%;}
.indexThre li.on .hide {opacity: 1; transition: .5s; transition-delay: .5s;}
.indexThre li.on {flex: 1.45;}
.indexThre li.on .tit {opacity: 0;}
.indexThre li.on .bjImg {opacity: 0; transition-delay: 0s;}
/* 移动端 */
.inThreMb {margin-top: .5rem; position: relative; display: none;}
.inThreMb .swiper {position: static;}
.inThreMb .swiper-slide {height: auto;}
.inThreMb .slide {display: block;padding: .3rem; height: 100%; background: linear-gradient(-58deg,#cdd1d8 2%, #f8f8f8 100%);border-radius: 0.1rem;}
.inThreMb .slide .tit {text-align: center; transition: .5s;}
.inThreMb .slide .tit h4 {color: #333333; font-size: var(--font17);}
.inThreMb .slide .tit .en {color: #6d6d6d; font-size:12px;;opacity: 0.46;}
.inThreMb .slide .more {width: 0.47rem;height: 0.47rem; background: #ffffff; border-radius: 50%; margin: auto; margin-top: .3rem;}
.inThreMb .slide .more svg {max-width: 40%;}
.inThreMb .slide .more svg path {fill: #EA5506;}
.inThreMb .slide .imgBox {margin-top: .5rem; display: flex; justify-content: center; align-items: center;}
.inThreMb .slide .imgBox img {max-width: 100%; max-height: 100%;}
.inThreMb .pagtion {bottom: -.5rem;}
.inThreMb .pagtion span {background: #EA5506;}

.indexFour {position: relative; background: #fff; padding-top: 1.7rem; padding-bottom: 1rem; z-index: 1;}
.indexFour .indexTle .tit span {color: #fff;}
.indexFour .indexTle .text {color: #fff;}
.indexFour::before {content: ""; top: 0; left: 0; position: absolute; z-index: -1; height: 68%; width: 100%; background: url(../images/indexFour-bj1.jpg) no-repeat center; background-size: cover;}
.indexFour::after {content: ""; top: auto; bottom: 0; left: 0; position: absolute; z-index: -1; height: 40%; width: 100%; background: url(../images/indexFour-bj2.png) no-repeat center; background-size: cover;}
.indexFour .swiperBox {margin-top: .8rem; position: relative;}
.infoSwiper {position: static;}
.infoSwiper .slide .imgBox {overflow: hidden; position: relative;}
.infoSwiper .slide .imgBox img {width: 100%; display: block;}
.infoSwiper .imgBox .hide {position: absolute;z-index: 1; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content:center;  opacity: 0; transition: .5s;}
.infoSwiper .imgBox i {width: 0.82rem;height: 0.82rem;background: #FFFFFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; transform: scale(0); transition: .5s; box-shadow: 0rem 0rem 0.17rem 0rem rgba(0,0,0,0.09); }
.infoSwiper .imgBox i svg {max-width: 50%;}
.infoSwiper .imgBox i svg path {fill: #EA5506;}
.infoSwiper .slide .imgBox::after {content: ""; height: 0.1rem;background: #ea5506; width: 100%; position: absolute; left: 0; bottom: 0; transition: .5s;}
.infoSwiper .slide .time {display: flex; align-items: center; margin-top: .2rem;}
.infoSwiper .slide .time .icBox {margin-right: .1rem;}
.infoSwiper .slide .time span {color: #666666;font-size: var(--font14);}
.infoSwiper .slide .text {margin-top: .25rem; padding-bottom: .2rem; border-bottom: 1px solid #F2F2F2;}
.infoSwiper .slide .text p {color: #333333; font-size: var(--font22);}
.infoSwiper .slide .con {margin-top: .2rem;}
.infoSwiper .slide .con p {color: #666666;}
.infoSwiper .slide:hover .imgBox::after {height: 100%; opacity: .8;}
.infoSwiper .slide:hover .hide {opacity: 1; }
.infoSwiper .slide:hover .hide i {transform: scale(1); transition-delay: .3s;}
.infoSwiper .slide:hover .time svg path {fill: #EA5506;}
.infoSwiper .slide:hover .time span {color: #EA5506;}
.infoSwiper .slide:hover .text p {color: #EA5506;}
/* 控件 */
.infoSwiper .swjt {width: 0.82rem;height: 0.82rem;background: #ffffff; box-shadow: 0rem 0rem 0.17rem 0rem rgba(0,0,0,0.09); border-radius: 50%;transform: translateX(150%); transition: .5s;}
.infoSwiper .swjt i {width: 100%; height: 100%;}
.infoSwiper .swjt.swiper-button-prev {transform: rotate(180deg) translateX(150%);}
.infoSwiper .swjt svg {max-width: 40%; max-height: 40%;}
.infoSwiper .swjt:active {background: #EA5506;}
.infoSwiper .swjt:active svg path{fill: #fff;}
.infoSwiper .pagtion {bottom: -.5rem; display: none;}
.infoSwiper .pagtion span {background: #EA5506;}

@media (any-hover: hover) {
  .infoSwiper .swjt:hover {background: #EA5506;}
  .infoSwiper .swjt:hover svg path{fill: #fff;}
}
@media screen and (min-width: 200px) and (max-width: 1580px) {
  .indexFour::before {height: 63%;}
}
@media screen and (min-width: 200px) and (max-width: 1280px) {
  .indexFour::before {height: 67%;}
}


/* 底部 */
.footer { padding: .75rem 0 1rem; background: #fff url(../images/footer-bj.jpg) no-repeat center; background-size: cover; z-index: 2; position: relative;}
.footer::before {content: ""; position: absolute; left: 0; top: 0;  width: 0; height: .76rem;background: #ea5506;-webkit-clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%); transition: 1s;}
.footer.on::before {width: 35%;}
.footer .box {display: flex; justify-content: space-between;}
.footer .le {width: 34%;margin-top: .7rem;}
.footer .re {width: 53%;}
.foternav .tit {color: #333333; font-size: var(--font30);font-weight: 400; margin-bottom: .3rem;}
.foternav ul {display: flex; flex-wrap: wrap;}
.foternav li {margin-top: .2rem;padding-right: .1rem; box-sizing: border-box; width: calc(100% / 3);}
.foternav li a {color: #333333; font-size: var(--font18);}
.foternav li a:hover {color: #EA5506;}
.foterus {margin-top: 1rem;}
.foterus .tit {color: #333333;font-size: var(--font30);font-weight: 400;}
.foterus .tel {margin-top: .35rem;}
.foterus .tel em {color: #333333;opacity: 0.54;font-size: var(--font14);}
.foterus .tel span {font-size: 0.3rem;font-weight: 700;color: #ea5304;display: block; line-height: 1.2;}
.foterus dl {margin-top: .3rem;}
.foterus dd {display: flex; align-items: center; margin: .1rem 0;}
.foterus dd .p1 , .foterus dd .p1 a {color: #333333; font-size: var(--font17);}
.foterus dd .icBox {margin-right: .2rem; max-width: .3rem;}
.foterus dd .icBox img {max-width: 100%;}
.foterus dd .p1 a:hover {color: #EA5506;}
.foterus {position: relative;}
.foterus .logo {position: absolute; bottom: 0; left: 0; opacity: .04; z-index: -1;}
.foterus .logo img {max-width: 100%; width: 2.87rem;}
.foterCopy {margin-top: 1.3rem;}
.foterCopy p {color: #333333; margin: .1rem 0;}
.foterCopy p a {color: #333333; }
.foterCopy p a:hover {color: #EA5506;}

.tactform {background: #ffffff;border-radius: 0.2rem; padding: .7rem .6rem; box-sizing: border-box;}
.tactform .tit {color: #333333; font-size: var(--font28);font-weight: 400;}
.tactform .disc {margin-top: .2rem;color: #666666;}
.tactform form {padding-top: .2rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.tactform .inBox {margin-top: .25rem; width: 48%;}
.tactform .inBox label {color: #333333; display: flex; margin-bottom: .1rem;}
.tactform .inBox label em {color: #FF0000;}
.tactform .inBox input {background: #ffffff;border: 1px solid #dadada;height: 0.45rem; min-height: 38px;}
.tactform .inBox.inText {width: 100%;}
.tactform form .inCode {width: 100%;}
.tactform form .codeBox {position: relative;}
.tactform form .inCode input {padding-right: 100px;}
.tactform form .inCode img {position: absolute; padding: .05rem;box-sizing: border-box;right: 0; top: 0;height: 100%; border-radius: 100px;}
.tactform form .sub {margin-top: .4rem;}
.tactform form .sub button {cursor: pointer;}

/* =============================================================================================内页============================================================================== */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox {overflow: hidden;}
.ny-banner .imgBox img {width: 100%; min-height: 5rem; object-fit: cover;}
.ny-banner .box {text-align: center;}
.ny-banner .box h2 {color: #ffffff;font-weight: 700;font-size: 0.6rem;}
.mbxBox {top: auto; bottom: 0;transform: translate(-50%, 0%); text-align: right;}
.mbx {position: relative; display: inline-block; z-index: 1; padding: .2rem 0; padding-left: .5rem;}
.mbx::after {content: ""; position: absolute; width: 100vw; top: 0; left: 0; height: 100%; background: #ea5506;-webkit-clip-path: polygon(2% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(2% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: -1;}
.mbx {color: #fff;}
.mbx a {color: #fff;}

/* =====产品中心===== */
.pronav {padding: .5rem 0;}
.pronav .box {position: relative;}
.pronav .box::before {content: ""; top: .05rem; width: 100%; height: 1px; background: #f2f2f2; position: absolute;}
.pronavSwiper {position: static;}
.pronavSwiper .slide {text-align: center;  display: block; position: relative;}
.pronavSwiper .slide::after {content: "/"; position: absolute; right: 0; transform: translateX(100%); top: 50%; opacity: .2;}
.pronavSwiper .swiper-slide:last-child .slide::after {display: none;}
.pronavSwiper .slide .cirle {width: 0.11rem;height: 0.11rem; background: #f2f2f2; border-radius: 50%; display: block; margin: auto; transition: .5s;}
.pronavSwiper .slide .imgBox {margin-top: .3rem; height: 50px;}
.pronavSwiper .slide .imgBox img {max-width: 100%; max-height: 100%;}
.pronavSwiper .slide span {color: #333333;display: block; margin-top: .1rem; transition: .4s;}
.pronavSwiper .slide.on span {color: #ea5506; font-size: var(--font18); font-weight: 700;}
.pronavSwiper .slide.on .cirle {background: #ea5506;}
.pronavSwiper .slide:active span {color: #ea5304;}
.pronavSwiper .slide:active .cirle {background: #ea5506;}
.pronavSwiper .swjt {transform: translateX(200%);}
.pronavSwiper .swiper-button-prev {transform: translateX(-200%) rotate(180deg);}
@media (any-hover: hover) {
  .pronavSwiper .slide:hover span {color: #ea5304;}
  .pronavSwiper .slide:hover .cirle {background: #ea5506;}
}

.prolist  {margin-top: .3rem; padding-bottom: 1rem;}
.prolist ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem}
.prolist li {border-radius: 0.17rem;box-shadow: 0rem 0.03rem 0.07rem 0rem rgba(0,0,0,0.06); background: #fff;}
.prolist li {text-align: center;}
.prolist li .imgBox {border-bottom: 1px solid #F2F2F2; padding: .2rem; box-sizing: border-box;}
.prolist li .imgBox img {max-width: 100%; transition: .5s;}
.prolist li .con {padding: .25rem .1rem;}
.prolist li span {color: #333333; font-size: var(--font20);font-weight: 700; transition: .5s; display: block;}
.prolist li .more {display: inline-block; margin: auto; margin-top: .15rem; padding: .1rem .28rem;background: #f2f2f2;border-radius: 50px;color: #666666; transition: .5s;}
.prolist li:hover .imgBox img {transform: scale(1.03);}
.prolist li:hover span {color: #ea5304;}
.prolist li:hover .more {background: #ea5506; color: #fff;}

/* 产品详情 */
.proDateOne {padding: .3rem 0;}
.proDateOne .box {display: flex; justify-content: space-between;}
.proDateOne .imgBox {width: 34%; background: #ffffff; border-radius: 0.17rem; box-shadow: 0rem 0.03rem 0.07rem 0rem rgba(0,0,0,0.06); }
.proDateOne .imgBox img {max-width: 100%;}
.proDateOne .info {width: 62%; margin: .3rem 0;}
.proDateOne .info .tit {padding-bottom: .4rem; border-bottom: 1px solid #F2F2F2;}
.proDateOne .info .tit strong {color: #333333; font-size: var(--font30);}
.proDateOne .info .tit span {color: #666666;font-family: Arial, Arial-Regular;}
.proDateOne .info .text {margin-top: .5rem;}
.proDateOne .info .text p {color: #666666; line-height: 1.8;}
.proDateOne .info .more {display: flex; flex-wrap: wrap; margin-top: .4rem; align-items: center;}
.proDateOne .info .more .more1 {margin-right: .5rem; margin-top: .2rem;}
.proDateOne .info .more .telBox {display: flex; margin-top: .2rem; align-items: center;}
.proDateOne .info .telBox .icBox {width: 0.53rem;height: 0.53rem; min-height: 40px; min-width: 40px; background: #ea5506; border-radius: 50%; margin-right: .2rem;} 
.proDateOne .info .telBox .icBox svg {max-width: 50%;}
.proDateOne .info .telBox em {color: #333333; font-size: var(--font14);opacity: 0.54;}
.proDateOne .info .telBox strong {font-size: var(--font30); display: block; color: #EA5304;}

/* 分页*/
.proDateTwo {padding: .7rem 0;}
.proDateTwo .info {width: 68%; box-shadow: 0rem 0rem 0.4rem 0rem rgba(226,225,224,0.42);padding: .5rem; box-sizing: border-box;}
.proDateTwo .box {display: flex; justify-content: space-between; align-items: flex-start;}

/* 产品描述 */
.proDateTwo .tle {padding-bottom: .4rem; border-bottom: 1px solid #F2F2F2;}
.proDateTwo .tle strong {color: #333333; font-size: var(--font36);font-weight: 400; margin-right: .1rem;}
.proDateTwo .tle span {color: #666666;}
.prodateInfo {margin: .4rem 0;} 
.prodateInfo img {max-width: 100%;}

/* 产品推荐 */
.commend {width: 29%; padding: .5rem; box-sizing: border-box; position: sticky; top: 1.5rem;background: #ffffff;box-shadow: 0rem 0rem 0.3rem 0rem rgba(226,225,224,0.42); }
.commend .tit {font-size: var(--font30);font-weight: 400;color: #333333;}
.commend ul li {margin-top: .3rem; border-bottom: 1px solid #F2F2F2;}
.commend ul li .imgBox {background: #ffffff;border: 1px solid #f2f2f2;border-radius: 3px; padding: .1rem; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.commend ul li .imgBox img {max-width: 100%; transition: .5s;}
.commend ul li .text {color: #333333; padding: .23rem 0; text-align: center;}
.commend ul li:hover .imgBox {border-color: #EA5304;}
.commend ul li:hover .imgBox img {transform: scale(1.02);}
.commend ul li:hover span {color: #EA5304;}

.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{display: flex; align-items: center;} 
.news-prev svg {transform: rotateY(180deg);  -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block; margin-top: .02rem;color: #666666;}
.prev-link em {margin-left: 0.17rem;}
.next-link em {margin-right: 0.17rem;}
.next-link {flex-direction: row-reverse;}
.backlist a {width: 1.68rem; min-width: 125px; min-height: 42px; height: 0.58rem;background: #ea5506;color: #fff;border-radius: 60px;}
.backlist svg {margin-right: .1rem;}
.backlist a:active {background: #ea5506;}
.newsxq-page .pagefy:active em {color: #ea5506; }
.newsxq-page .pagefy:active svg path {fill: #ea5506;}
@media (any-hover: hover) {
.newsxq-page .pagefy:hover em {color: #ea5506; }
.newsxq-page .pagefy:hover svg path {fill: #ea5506;}
}

.proDateThre {background: url(../images/proDateThre-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0;}
.proDateThre .tit {color: #ffffff;font-size: 0.6rem;font-weight: 400;}
.proDateThre .text {width: 60%; margin: auto; padding: .5rem 0;}
.proDateThre .text p {color: #fff; line-height: 1.8;}
.proDateThre .box {text-align: center;}

/* =====新闻列表===== */
.newslist {background: #f3f9fd; padding: 1rem 0;}
.newslist ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .4rem;}
.newslist ul li {background: #ffffff;}
.newslist li .imgBox {overflow: hidden;}
.newslist li .imgBox img {width: 100%; transition: .5s;}
.newslist li .info {padding: .4rem .3rem;}
.newslist li .info .con {display: flex; justify-content: space-between; align-items: center;}
.newslist li .info h5 {color: #333333;font-weight: 700; font-size: var(--font22); padding-right: .4rem; transition: .5s ;}
.newslist li .time {padding-left: .2rem; border-left: 1px solid #F2F2F2; text-align: center;  flex-shrink: 0;}
.newslist li .time strong {display: block;font-weight: 700;color: #333333;font-family: Arial, Arial-Bold; font-size: var(--font48); line-height: .8;}
.newslist li .time span {font-size: var(--font14); font-family: Arial, Arial-Regular; line-height: 1;}
.newslist li .more {margin-top: .5rem; display: flex; align-items: center; color: #666666;}
.newslist li .more span {margin-right: .1rem;}
.newslist li:hover .imgBox img {transform: scale(1.05);}
.newslist li:hover h5 {color: #EA5304;}
.newslist li:hover strong {color: #EA5304;}
.newslist li:hover .time span {color: #EA5304;}
.newslist li:hover .more {color: #EA5304;}
.newslist li:hover .more svg path {fill: #EA5304;}

/* 新闻详情 */
.newsDateMain .mbxBox {text-align: left;transform:none;}
.newsDateMain .mbx {padding-left: 0; padding-right: .5rem;}
.newsDateMain .mbx::after {right: 0; left: auto;-webkit-clip-path: polygon(0 0, 100% 0%, 98% 100%, 0% 100%);clip-path: polygon(0 0, 100% 0%, 98% 100%, 0% 100%);}
.newsDate {}
.newsDate .tle .tit2 {color: #333333;font-size: var(--font24);font-weight: 400;}
.newsDate .tle .tips {display: flex; align-items: center; margin-top: .25rem;}
.newsDate .tle .tips .item {display: flex; align-items: center; margin-right: .3rem;}
.newsDate .tle .tips .item span {color: #666666; font-size: var(--font14); margin-left: .1rem;}

/* 新闻资料 */
.newsDateInfo {padding-top: .5rem;}
.newsDateInfo img {max-width: 100%;}


/* 关于我们 */
.aboutTle {position: relative;}
.aboutTle h3 {font-weight: 700;color: #ea5506;font-size: 0.6rem;}
.aboutTle span {color: #666666; display: block; margin-top: .1rem;}

.aboutOne .aboutTle .logo {position: absolute; left: 0; bottom: -5%;}
.aboutOne .aboutTle .logo img {max-width: 100%;}
.aboutOne {position: relative; max-width: 1920px; margin: .75rem 0;}
.aboutOne .le {left: 0;transform: translate(0%, -50%); width: 42%; height: 100%;}
.aboutOne .le .imgBox {height: 100%; overflow: hidden;}
.aboutOne .le .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.aboutOne .box {display: flex; justify-content: flex-end;}
.aboutOne .info {width: 56%; padding: .5rem 0;}
.aboutOne .text {margin-top: .2rem; max-height: 4rem; overflow-y: auto; padding-right: .2rem;}
.aboutOne .text p {margin-top: .4rem; line-height: 1.8;}

.aboutTwo {background: url(../images/aboutTwo-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding-top: .9rem;}
.aboutTwo .aboutTle h3 {color: #fff;}
.aboutTwo .aboutTle span {color: #fff;}
.aboutTwo .box {margin-top: 1.7rem;}
.aboutTwo ul {display: flex; align-items: flex-end;}
.aboutTwo li {width: 24%;padding-left: .2rem; position: relative; padding-bottom: 2rem;  padding-right: .2rem;}
.aboutTwo li::before {content: "";height: 100%; background: #ffffff; width: 1px; position: absolute; left: 0; bottom: 0;}
.aboutTwo li:last-child {margin-right: 0;}
.aboutTwo li .icBox {height: 35px; display: flex; align-items: center;}
.aboutTwo li span {font-weight: 700; color: #ffffff; font-size: var(--font24); margin-top: .1rem; display: block;}
.aboutTwo li .text {margin-top: .25rem; position: relative;  max-height: 0; transition: 1s; }
.aboutTwo li .text p {color: #ffffff; opacity: 0;transition: .5s; }
@media (any-hover: hover) {
  .aboutTwo li:hover .text  {max-height: 500px;}
  .aboutTwo li:hover .text p {opacity: 1; transition-delay: .5s;} 
}

.aboutThre {padding: .7rem 0;}
.aboutThre .tleBox {display: flex; justify-content: center;;}
.aboutThre .tleBox .aboutTle {text-align: center; position: relative;}
.aboutThre .aboutTle::before {content: ""; position: absolute; left: 0; background: url(../images/aboutThre-tle-icon.png) no-repeat center; background-size: contain;width: 130%;padding-top: 25%; left: -15%;}
.aboutThre .swiperBox {margin-top: .8rem; position: relative;}
.abThreSwiper {position: static;}
.abThreSwiper .swiper-slide {height: auto;background: #f2f2f2;}
.abThreSwiper .con {}
.abThreSwiper .con .imgBox {overflow: hidden; position: relative; margin: .2rem;}
.abThreSwiper .con .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.abThreSwiper .con .disc {display: flex; justify-content: space-between; align-items: center;padding: .2rem;; border-top: 1px solid #DFDFDF;}
.abThreSwiper .con h6 {color: #666666; line-height: 1; font-size: var(--font18);}
.abThreSwiper .hide {position: absolute; opacity: 0; transition: .5s; left: 0; top: 0; width: 100%; height: 100%; background: rgba(234, 85, 6,.7); }
.abThreSwiper .swiper-slide:hover .hide {opacity: 1;}
.abThreSwiper .swiper-pagination {bottom: -.5rem; display: none;}
.abThreSwiper .swiper-pagination span { background: #ea5506;}


/* =====新品发布===== */
.newPro {padding: .7rem 0rem .86rem;}
.newPro .indexTle {text-align: center;}
.newPro .box { margin-top: .5rem; overflow-x: auto;}
.newPro .table {background: #f2f2f2;border-radius: 0.2rem;width: 100%; overflow: hidden; text-align: center; white-space: nowrap;}
.newPro .table thead {background: #ea5506; width: 100%;}
.newPro .table thead tr {background: #ea5506;}
.newPro .table tr th {width: calc(100% / 5); padding: .3rem .2rem;}
.newPro .table th .icBox {display: inline-block; margin-right: .1rem;}
.newPro .table th .icBox img {    vertical-align: sub;}
.newPro .table th span {color: #ffffff; font-size: var(--font20);font-weight: 400;}
.newPro .table tr {background: #fcfcfc;}
.newPro .table tbody tr:nth-child(even) {background: #f2f2f2;}
.newPro .table tr td {padding: .3rem .2rem;}
.newPro .table tr .down a {display: inline-flex; justify-content: center; padding: .14rem .35rem;background: #ea5506;border-radius: 60px; color: #fff;}
.newPro .table tr .down a i {margin-left: .15rem;}
.newPro .table tbody tr:hover {background:#f2f2f2 ;}
.newPro .table tr .down a:hover {background: #da5913;}


/* =====联系我们====== */
.tact {padding: .8rem 0;}
.tact .box {display: flex; justify-content: space-between;background: #ea5506;}
.tact .le {width: 41%; padding: .7rem; position: relative; z-index: 1;}
.tact .re {width: 59%;}
.tact .tit {color: #ffffff;font-weight: 700; font-size: var(--font32); position: relative; padding-bottom: .35rem;}
.tact .tit::after {content: ""; position: absolute; width: 0.4rem;height: 2px; background: #ffffff; bottom: 0;left: 0;}
.tact dl dd {display: flex;margin-top: .4rem; align-items: center;}
.tact dd .icBox {width: 0.55rem;height: 0.55rem; background: rgba(255, 255, 255,.4); border-radius: 50%; margin-right: .2rem; flex-shrink: 0;}
.tact dd .icBox img {max-width: 50%;}
.tact dd .ddcon b {font-weight: 700;color: #ffffff; font-size: var(--font24);}
.tact dd .ddcon p ,.tact dd .ddcon p a {color: #ffffff;}
.tact .le .tact-logo {position: absolute; bottom: 0; right: 0; z-index: -1; opacity: .1; transform: translateY(38%);}
.tact .le .tact-logo img {max-width: 100%;}
.tact .mapBox {height: 100%;}
.tact .mapBox img {width: 100%; height: 100%; object-fit: cover;}