/* =====头部===== */ 
#c-placeholder {height: 1.1rem; min-height: 80px;}
.header {position: fixed; z-index: 999; width: 100%; left: 0; top: 0;z-index: 99; transition: .5s;}
.headerBox { padding: 0 3%; box-sizing: border-box;}
.headerBox > .box {display: flex; justify-content: space-between; height: 1.1rem;  min-height: 80px; align-items: center; transition: .5s;}
.headlogo {}
.headlogo img {max-width: 2rem; transition: .5s;}

/* 头部导航 */
nav {height: 100%;width: 48%;}
nav > ul {display: flex; justify-content: space-between;height: 100%;}
nav > ul > li {height: 100%; display: flex; align-items: center;}
nav > ul > li > a {color: #fff; font-size: var(--font18); position: relative; line-height: initial; transition: .4s;}
nav >ul >li > a::after {content: ""; width: 0; position: absolute; bottom: -5px; left: 50%; height: 1px; background: #F05E00; transition: .5s;}
nav >ul >li:hover > a , nav >ul >li.on > a {color: #F05E00 !important;}
nav >ul >li:hover > a::after , nav >ul >li.on > a::after  {width: 100%; left: 0%;} 
/* 下拉导航 */
.navSlideDown {position: absolute; width: 100%; left: 0;background: #fff; top: 100%; border-top: 1px solid #eaeaea; box-sizing: border-box; opacity: 0; visibility: hidden;  transition: all 0.4s;pointer-events: none; box-shadow: 0 2px 5px rgba(0, 0, 0,.05);}
.navSlideDown.on {opacity: 1; visibility: visible;pointer-events: auto;}
/* 产品下拉 */
.proSlideDown {display: flex; justify-content: space-between;}
.proSlideDown .hd {width: 18%; position: relative; z-index: 1; padding-top: .5rem; padding-left: 0; padding-right: 1rem; padding-bottom: 1rem;}
.proSlideDown .hd::after {content: ""; position: absolute; right: 0;width: 200%; height: 100%;background: #f0f0f0; z-index: -1; top: 0;} 
.proSlideDown .hd li {}
.proSlideDown .hd .tit {font-size: var(--font36); color: #333333;}
.proSlideDown .hd .tit2 {font-size: var(--font18);color: #808080;}
.proSlideDown .hd ul {margin-top: .4rem;}
.proSlideDown .hd ul li {margin-left: -.2rem; margin-top: .1rem; position: relative;width: 123%;}
.proSlideDown .hd ul li::after {content: ""; position: absolute; background: url(../images/proSlideDown-jt.png) no-repeat right; background-size: contain; width: 8px; height: 14px; right: .2rem; top: 50%; transform: translateY(-50%); opacity: 0; transition: .5s;}
.proSlideDown .hd ul li a {display: block; padding: .12rem .2rem; padding-right: .3rem; border-radius: 30px; transition: .5s;}
.proSlideDown .hd ul li.on a {background: #fff; color: #F05E00; font-weight: 700;}
.proSlideDown .hd ul li.on::after {opacity: 1;}
.proSlideDown .bd {flex: none; width: 82%; padding-top: .5rem; padding-left: 1rem; padding-right: 0; padding-bottom: 1rem;}
.proSlideDown .bd li .reTit {margin-bottom: .4rem; font-size: var(--font30); color: #F05E00; padding-bottom: .2rem; border-bottom: 1px solid #dedede; box-sizing: border-box; font-weight: 700;}
.proSlideDown .bd li .ddbox {display: grid; grid-template-columns: repeat(4,1fr);gap: .5rem; row-gap: .2rem;}
.proSlideDown .bd li dl {}
.proSlideDown .bd li dl:last-child {margin-right: 0;}
.proSlideDown .bd li dt {font-size: var(--font18); color: #333;}
.proSlideDown .bd li dd {margin: .2rem 0;}
.proSlideDown .bd li dd a {color: #666666;}
.proSlideDown .bd li dd a:hover {color: #F05E00;}

/* 产品下拉改 */
.downlist dl {display: grid; grid-template-columns: repeat(6,1fr);gap: .6rem;}
.downlist dl dd {text-align: center;}
.downlist dl dd .imgBox {width: 80%; margin: auto;}
.downlist dl dd .imgBox img {max-width: 100%;}
.downlist dl dd span {display: block; margin-top: .2rem;}
@media screen and (min-width: 200px) and (max-width: 1300px) {
  .downlist dl dd span {font-size: var(--font14);}
}
@media screen and (min-width: 200px) and (max-width: 1100px) {
  .downlist dl { grid-template-columns: repeat(4,1fr);gap: .3rem;}
}


/* 解决方案下拉 */
.soulSlideDown {padding: .5rem 0 .7rem;}
.soulSlideDown ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.soulSlideDown li {width: 24%; position: relative;}
.soulSlideDown li .imgBox {overflow: hidden;}
.soulSlideDown li .imgBox img {width: 100%; transition: .5s;}
.soulSlideDown li span {font-size: var(--font18); position: absolute; bottom: 0; width: 100%; left: 0; text-align: center; padding: .15rem 0; background: rgba(0, 0, 0,.4); color: #fff;}
.soulSlideDown li:hover .imgBox img {transform: scale(1.1);}
/* 其他二级栏目下拉 */
.navSlideTwo {display: flex; justify-content: center;}
.navSlideTwo ul {display: inline-flex; justify-content: center; position: relative;justify-content: center;max-width: 100%;background: url(../images/navSlideDown_sekuai.png) no-repeat;background-position: 0% center;background-size: auto 100%;-webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.navSlideTwo li { margin: 0 1px; width: auto; text-align: center;position: relative;z-index: 1;}
.navSlideTwo li a {display: block; padding: .28rem .65rem; font-size: var(--font18); color: #333; transition: .5s;}
.navSlideTwo li.on a  {color: #fff;}



.ul_line2 {height: 100%; position: absolute; left: 0; width: 100px; background: #222222;}
/* 头部右侧 */
.headre {display: flex; align-items: center;width: 9%; justify-content: space-between;}
.headSearch {cursor: pointer;}
/* 语言 */
.headLuange {position: relative;padding: .2rem 0;box-sizing: border-box;margin: -.2rem 0;}
.headLuange .onAnge {display: flex; align-items: center; color: #fff; font-size: var(--font20);font-family: Arial, Arial-Bold;font-weight: 700;}
.headLuange .onAnge svg {margin-left: .06rem;}
.headLuange .luanguage {box-shadow: 0 0 10px rgb(0, 0, 0,.2); position: absolute; z-index: 3; background: #fff; border-radius: 5px; padding: .1rem .2rem; left: -.2rem; text-align: center; transform: translateY(35%); opacity: 0; visibility: hidden; transition: .5s;}
.headLuange .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%);}
.headLuange .luanguage a {justify-content: center; font-size: var(--font14);}
.headLuange .luanguage a {margin: .05rem 0; display: block;}
.headLuange .luanguage a:hover {color: #F05E00;}
.headLuange:hover .luanguage {opacity: 1; transform: translateY(25%); visibility: visible;}

/* 搜索下拉 */
.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: #F05E00;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}

/* 下滑头部 */
.header:hover {background:rgba(255,255,255,0.8);}
.header:hover {background:rgba(255,255,255,0.8);}
.header:hover nav >ul >li >a {color: #333;}
.header:hover .headSearch i svg path {fill: #333;}
.header:hover .headLuange .onAnge {color: #333;}
.header:hover .headLuange .onAnge svg path {fill: #333;}
.header:hover .mobmenu h4 {color: #333;}
.header:hover .mobmenu dl dd {background: #333;}

.header.fh {background:rgba(255,255,255,0.8);}
.header.fh nav >ul >li >a {color: #333;}
.header.fh .headerBox {box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.03);}
.header.fh .headerBox > .box {height: .9rem;}
.header.fh .headSearch i svg path {fill: #333;}
.header.fh .headLuange .onAnge {color: #333;}
.header.fh .headLuange .onAnge svg path {fill: #333;}
.header.fh .mobmenu h4 {color: #333;}
.header.fh .mobmenu dl dd {background: #333;}


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

/* 了解更多 */
.more1 {padding: .18rem .42rem;box-sizing: border-box; background: #f56033; color: #fff; font-size: var(--font18); position: relative; z-index: 2; transition: .6s;}
.more1 span {position: relative;z-index: 2;}
.more1:active {color: #F56033;}
.more1:after {content: ""; border: 1px solid #F56033; box-sizing: border-box; width: 100%;height: 100%;position: absolute; bottom: 0; left: 0; box-sizing: border-box; background-color: #fff;transform: scaleY(0) translate3D(0, 0, 0);-webkit-transform: scaleY(0) translate3D(0, 0, 0);transform-origin: top;-webkit-transform-origin: top;transition: .6s transform cubic-bezier(1, 0, 0, 1);-webkit-transition: .6s transform cubic-bezier(1, 0, 0, 1);pointer-events: none; z-index: 0;}
.more1:active:after { transform: scaleY(1) translate3D(0, 0, 0);-webkit-transform: scaleY(1) translate3D(0, 0, 0);transform-origin: bottom;-webkit-transform-origin: bottom;}

.more2 {background: #e06619;border-radius: 30px; padding: .14rem .38rem;color: #ffffff; transition: .5s;}
.more2:active {box-shadow: 0 0 .1rem #e06619;}

@media (any-hover: hover) {
.more1:hover {color: #F56033;}
.more1:hover:after { transform: scaleY(1) translate3D(0, 0, 0);-webkit-transform: scaleY(1) translate3D(0, 0, 0);transform-origin: bottom;-webkit-transform-origin: bottom;}
.more2:hover {box-shadow: 0 0 .1rem #e06619;}

}

/* banner */
.indexBanner {overflow: hidden; position: relative; z-index: 2; background: #fff;}
.bannerSwiper {height: 100vh;}
.bannerSwiper .swiper-slide {overflow: hidden;}
.bannerSwiper .bjBox {position: relative; height: 100%;}
.bannerSwiper .bjBox img {width: 100%; height: 100%; object-fit: cover; transition: 1s linear 2s;transform: scale(1.1,1.1);}
.bannerSwiper .swiper-slide-active .bjBox img, .bannerSwiper .swiper-slide-duplicate-active .bjBox img {transition: 6s linear; transform: scale(1,1);}
.bannerSwiper .tle img {width:6.1rem; max-width: 100%;}
.bannerSwiper .con .text { margin-top: .3rem;}
.bannerSwiper .con .text span {font-size: var(--font28);font-weight: 500;color: #ffffff; display: block;}
.bannerSwiper .more {margin-top: 1rem;}
/* 分页器 */
.bannerSwiper .swiper-pagination {text-align: left; transform: translateX(-50%); width: 1640px; left: 50%; bottom: 1rem;}
.bannerSwiper .swiper-pagination span {width: 0.13rem;height: 0.13rem; opacity: 0.42; margin: 0 .1rem !important; background: #9a9a9a; border-radius: 50%;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #F05E00; opacity: 1;}
/* 箭头 */
.bannerSwiper .swjtBox {position: absolute;right: 2%; top: 50%;}
.bannerSwiper .swjtBox .xian {width: 18px; height: 1px; opacity: 0.18;  background: #323232; margin: .25rem auto; position: relative; z-index: 1;}
.bannerSwiper .swjt {position: relative; left: 0; margin: 0; height: auto;}
.bannerSwiper .swjt.swiper-button-next {transform: rotateX(180deg);}

.indexTle {padding: .5rem 0 .5rem 0;}
.indexTle em {color: #e35e15;font-size: var(--font30); display: block;}
.indexTle h3 {font-size: .52rem; font-weight: 700;color: #333333;}

.indexOne ul {display: flex; flex-wrap: wrap;justify-content: space-between;}
.indexOne li {width: 50%; position: relative; z-index: 1;}
.indexOne li .bjBox {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1;}
.indexOne li .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.indexOne li .font {display: flex; justify-content: space-between; padding:9% 5%; padding-left: 14%; box-sizing: border-box; transition: .5s;}
.indexOne li .le {width: 80%;}
.indexOne li .imgBox {width: 45%;position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); padding-right: 5%; height: 90%;}
.indexOne li .imgBox img {max-width: 100%; max-height: 100%;}
.indexOne li .img {position: absolute; top: 0; width: 100%; height: 100%; left: 0; display: flex; align-items: center; justify-content: center; transition: .5s; opacity: 0;}
.indexOne li .img img {max-width: 50%; max-height: 100%;}
.indexOne li .f_pre {opacity: 0; position: absolute; top: 50%; left: 50%; z-index: 2; width: 2.2rem; height: 2.2rem; border-radius: 50%;  background-color: rgba(232, 111, 0, 0.95); display: flex; justify-content: center; align-items: center; flex-direction: column;  color: #fff; padding: 0 .3rem; text-align: center; transition: all 0.3s linear;  -webkit-transform: translateX(-50%) translateY(-50%);  transform: translateX(-50%) translateY(-50%);}
.indexOne li .en {font-size: .24rem;font-weight: 400;color: #bfbfbf;}
.indexOne li h5 {font-size: .4rem;font-weight: 700; color: #333333;}
.indexOne li .but {margin-top: 1rem;font-size: var(--font18); font-weight: 500; color: #333333;}
.indexOne li .but i { display: block; width: .4rem;  margin-right: 20px;}
.indexOne li .but i img {max-width: 100%;}
.indexOne li .f_pre i { display: block; width: .4rem; margin-top: 12px;}
.indexOne li .f_pre i img {max-width: 100%;}
.indexOne li .f_pre .tit {font-size: var(--font30); font-weight: 700;color: #ffffff;}
@media (min-width: 1200px) {
    .indexOne li:hover .font {opacity: 0;}
    .indexOne li:hover .img {opacity: 1;}
    .indexOne li:hover .f_pre {opacity: 1; transition-delay: .2s;}
}

.indexTwo {padding: 1rem 0; position: relative;}
.indexTwo .indexTle {padding-bottom: 0;}
.indexTwo .box {display: flex; justify-content: space-between; flex-wrap: wrap;}
.indexTwo .box .le {width: 45%;}
.inTwoSwiper1 h4 {font-size: .52rem; font-weight: 700;color: #333333;}
.inTwoSwiper1 .text {margin-top: .4rem;}
.inTwoSwiper1 .text p {color: #333333; line-height: 1.7;}
.inTwoSwiper1 .more {margin-top: .6rem;}
.indexTwo .swiperBox {width: 50%; margin-top: 1rem;}
.indexTwo .swiperBox .imgBox img {max-width: 100%; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear;transition: all 0.3s linear;}
.inTwoSwiper3 {padding: 0 .1rem; margin-top: 1rem;}
.inTwoSwiper3 .pag {width: 0.55rem; height: 0.55rem; border: 3px solid rgba(179, 183, 186,.08); background: none; opacity: 1; box-sizing: border-box; display: block; border-radius: 50%; position: relative; margin: auto;}
.inTwoSwiper3 .pag i {width: 0.09rem;height: 0.09rem;background: #616161;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%;}
.inTwoSwiper3 .svgBox {width: 125%; height: 125%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .4s;}
.inTwoSwiper3 .svgBox svg {fill: none;transform: rotate(-90deg); fill: none;stroke-width:2px;stroke:#e35e15;stroke-dasharray:130; stroke-dashoffset:130; overflow: visible;}
.inTwoSwiper3 .swiper-slide-thumb-active .pag svg {animation: dashTooffset 6s linear forwards;}
.inTwoSwiper3 .swiper-slide-thumb-active .pag i {background: #e35e15;}
.inTwoSwiper3 .swiper-slide {width: auto; cursor: pointer;}
.inTwoSwiper3 .swiper-slide span {display: block; margin-top: .1rem;color: #333333;}
@keyframes dashTooffset {0% {stroke-dashoffset: 130;}100% {stroke-dashoffset: 0;}}

.indexThre {background: #e8eff7; padding:0.5rem 0 1rem 0; position: relative;}
.indexThre .le {width: 50%; padding-right: .8rem; box-sizing: border-box;}
.indexThre .le .text p {color: #666666; line-height: 1.7;}
.indexThre .numlist {margin-top:0.5rem;}
.indexThre ul { margin: auto; display: flex; align-items: center; justify-content: space-between; margin-top: .4rem;}
.indexThre li .num {display: flex; align-items: flex-end;}
.indexThre li .counter {font-size: 0.5rem;color: #333333; line-height: 1.2; font-weight: 700;}
.indexThre li .jia {font-size: 0.36rem;font-weight: 700; margin-left: .05rem;}
.indexThre li .m2 {font-size: .3rem; font-weight: 700; margin-left: .1rem; line-height: 1.8;}
.indexThre li .m2 sup {font-size: .16rem;}
.indexThre li i {width: 1px;height: 0.84rem;background: #adadad; display: block;}
.indexThre li .text2 {color: #6d6d6d; font-size: var(--font16);display: block; margin-top: .05rem;text-align: center;}
.indexThre .more {margin-top: .7rem;}
.indexThre .imgBox {position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%);width: 50%; height: 100%;}
.indexThre .imgBox img {width: 100%; height: 100%; object-fit: cover;}

.indexFour {padding: 1rem 0 1.5rem;}
.indexFour ul {display: flex; justify-content: space-between;}
.indexFour li { background: none;  width:28%; position: relative; transition: .5s;}
.indexFour li a {border: 5px solid #E1E1E1; display: block; transition: .5s; height: 100%; transition-delay: 0.7s;}
.indexFour li .i1 {position: absolute; height: 0; left: 0; top: 0; background: #F08519; content: ""; width: .05rem; transition: .2s;transition-delay: .4s;}
.indexFour li .i2 {display: block; width: 0;top: 0; left: 50%; background: #F08519; height: .05rem; transition: .5s; position: absolute; transition-delay: .7s;}
.indexFour li .i3 {position: absolute;display: block;width: 100%;top: 0;right: 0;}
.indexFour li .i3::after { position: absolute; height: 0; left: auto; right: 0; top: 0; background: #F08519; content: ""; width: .05rem; transition: .2s;transition-delay: .4s;}
.indexFour li .i4 {top: auto; bottom: 0;background: #00438F;}
.indexFour li .i5 {top: auto; bottom: 0;background: #00438F;}
.indexFour li .i6 {top: auto; bottom: 0;}
.indexFour li .i6::after {top: auto; bottom: 0;background: #00438F;} 
.indexFour li .con {padding: .65rem .4rem; height: 100%; transition: .5s;}
.indexFour li .icBox img {filter: grayscale(100%); -webkit-filter:grayscale(100%);}
.indexFour li .tle {margin-top: .6rem;}
.indexFour li .tle h4 {font-size: var(--font28); color: #333333; line-height: 1.2; text-transform: uppercase;}
.indexFour li .xian {font-size: var(--font14);opacity: 0.4;font-weight: 700;color: #5e5e5e; margin-top: .25rem;}
.indexFour li p {margin-top: .25rem;color: #5e5e5e; line-height: 1.7;}
.indexFour li:hover a {border-color: transparent; transition-delay: 0s;}
.indexFour li:hover .con {background: #F8FBFE;}
.indexFour li:hover .icBox img {filter: none; -webkit-filter:none;}
.indexFour li:hover .i1 {height: .25rem;}
.indexFour li:hover .i2 {width: 100%; left: 0;  transition-delay: 0s;}
.indexFour li:hover .i3::after {height: .25rem;}

.indexFive {background: #ecf2f6; padding: .5rem 0 1.5rem;}
.indexFive .indexTle {text-align: center;}
.indexFive .swiperBox {margin-top: .3rem;}
.indexFive .swiperBox {position: relative;}
.inFiveSwiper {position: static;}
.inFiveSwiper .imgBox {overflow: hidden;height: 3rem;}
.inFiveSwiper .imgBox img {width: 100%; transition: .5s;}
.inFiveSwiper .con {position: relative; z-index: 1;}
.inFiveSwiper .con::after {content: ""; position: absolute; bottom: 0; background: #fff; height: 0; transition: .5s; left: 0; width: 100%; z-index: -1;}
.inFiveSwiper .info {padding: .3rem .2rem; box-sizing: border-box;}
.inFiveSwiper .info em {color: #e35e15;}
.inFiveSwiper .info h5 {color: #333333; font-size: var(--font24); font-weight: 700; margin-top: .2rem; line-height: 1.6;}
.inFiveSwiper .swiper-slide {height: auto;}
.inFiveSwiper .swiper-slide .data {background: #e1e3e5; padding: .15rem .25rem; box-sizing: border-box; background: #e1e3e5;color: #585858; font-size: var(--font14); transition: .4s;}
.inFiveSwiper .swiper-slide .data i {width: .4rem; height: .4rem;}
.inFiveSwiper .swiper-slide .data i img {max-width: 100%;}
.inFiveSwiper .swiper-slide:hover .imgBox img {transform: scale(1.1);}
.inFiveSwiper .swiper-slide:hover .data {background: #fff; ;}
.inFiveSwiper .swiper-slide:hover .con::after {height: 100%;transition-delay: .1s}
.inFiveSwiper .swiper-pagination {display: none;}
.inFiveSwiper .swiper-pagination span {background: #E35E15;}
.inFiveSwiper .swjt {transform: translateX(200%); right: 0; width: .4rem; height: .4rem; opacity: .4;}
.inFiveSwiper .swjt svg {max-width: 100%;}
.inFiveSwiper .swjt.swiper-button-prev {transform: translateX(-200%) rotate(180deg);}
@media (any-hover: hover) {
  .inFiveSwiper .swjt:hover {opacity: 1;}
  .inFiveSwiper .swjt:hover svg path {fill: #E35E15;}  
}

.footer {background: #282828; padding-top: .65rem;}
.footer .box {display: flex; justify-content: space-between;}
.foterCon  {width: 25%;margin-right: 0.6rem;}
.foterCon .tleBox .icBox {}
.foterCon .tleBox .icBox img {max-width: .6rem;}
.foterCon em {color: rgba(255, 255, 255,.6);}
.foterCon strong {color: #ffffff; font-size: var(--font26); display: block;}
.foterCon .tleCon {margin-left: .15rem;}
.foterCon dl {margin-top: .4rem;}
.foterCon dl dd {margin: .1rem 0;}
.foterCon dl dd .icBox {width: 16px; margin-right: .12rem;}
.foterCon dl dd .icBox img {max-width: 100%;}
.foterCon dl dd p , .foterCon dl dd p a {color: rgba(255, 255, 255,.6);}
.foterCon dl dd p a:hover {color: #E35E15;}
.foternav {display: flex; width: 55%; justify-content: space-between;}
.foternav dl {margin-right: .2rem;}
.foternav dl:last-child {margin-right: 0;}
.foternav dl dt {font-size: var(--font17); margin-bottom: .3rem;}
.foternav dl dt a {color: #ffffff; }
.foternav dl dd {margin: .15rem 0;}
.foternav dl dd a {color: rgba(255, 255, 255,.6);}
.foternav dl dd a:hover {color: #E35E15;}
.foterus {width: 15%;}
.foterus .tit {font-size: var(--font17); margin-bottom: .3rem; color: #fff;}
.foterus .codeBox {justify-content: flex-end;}
.foterus .item {text-align: center; width: 45%;}
.foterus .item img {max-width: 100%;}
.foterus .item span {color: rgba(255, 255, 255,.6); font-size: var(--font15); margin-top: .1rem; display: block;}
.copyRight {margin-top: .8rem;  padding-top: .2rem; padding-bottom: .35rem; border-top: 1px solid rgba(255, 255, 255,.08); text-align: center;}
.copyRight p {margin: .05rem 0;}
.copyRight p , .copyRight p a {color: rgba(255, 255, 255,.4); font-size: var(--font15);}
.copyRight p a:hover {color: #fff;}

.foot-icon {overflow: hidden;margin-top: 0.3rem;;}
.foot-icon p{color: rgba(255, 255, 255,.6);padding-bottom: 0.1rem;}

/* =====================================================================================内页======================================================================= */
.ny-banner {position: relative;}
.ny-banner .bjBox {overflow: hidden;}
.ny-banner .bjBox img {width: 100%; object-fit: cover;}
.ny-banner .box {top: 60%;}
.ny-banner .en {font-size:0.42rem; font-weight: 700;color: #ffffff;}
.ny-banner h2 {font-size: 0.56rem; font-family: 'alimashuhei'; font-weight: 700; color: #ffffff;}

/* 内页栏目导航 */
.nynav {background: #f5f5f5;}
.nynav .box {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.navlist ul {display: flex;}
.navlist li a {display: block; padding: .38rem 0; color: #333; font-size: var(--font17); transition: .5s;} 
.navlist li {margin-right: .8rem; position: relative; overflow: hidden;}
.navlist li::after {content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0.04rem;background: #f05e00; border-radius: 0.02rem; transition: .5s;}
.navlist li:hover a , .navlist li.on a {color: #F05E00;}
.navlist li:hover::after , .navlist li.on::after {width: 100%; right: auto;}
.mbx {display: flex; align-items: flex-start; font-size: var(--font15); padding: .2rem 0;}
.mbx .icBox {margin-right: .2rem;transform:translateY(-.02rem);}
.mbx a {position: relative;}
.mbx a::after {content: ">";margin: 0 .1rem;}
.mbx a:last-child::after {display: none;}
.mbx a:hover {color: #F05E00;}

/* =====关于我们===== */
#aboutOne {position: relative; top: -1rem;}
#aboutTwo {position: relative; top: -1rem;}
#aboutFour {position: relative; top: -1rem;}


.aboutOne {background: none; padding: 0; margin: .6rem 0 1rem;}
.aboutOne .indexTle {padding-bottom: 0;}
/* .aboutOne .indexTle em {font-size: .52rem; color: #e35e15; font-weight: 700; line-height: 1;} */
.aboutOne .le {padding-bottom: .2rem;}
.aboutOne .le .text {margin-top: .5rem;}
.aboutOne .le .text p {margin-top: .3rem; text-align: justify;}

.aboutTwo {background: #f6f6f6; padding: 1rem 0; overflow: hidden;}
.aboutTwo .indexTle {padding: 0; padding-bottom: .6rem;}
.aboutTwo .tleBox {display: flex; justify-content: space-between; align-items: center;}
/* * 发展历程改 */
.aboutTwo {overflow: hidden;}
.aboutTwo .tleBox {flex-wrap: wrap;}
.aboutTwo .indexTle {width: 100%; text-align: center;}
.aboutTwo .swiperBox1 {width: 100%; position: relative;}
.aboutTwo .swiperBox1::before {display: none;}
.aboutTwo .swiperBox1::after {content: ""; background: #e1e1e1; opacity: .3; height: 2px; width: 100vw;position: absolute; left: 50%; top: calc(.13rem + var(--font18)); transform: translate(-50%, -50%);}

.abTwoSwiper1 {width: 75%; padding: .2rem 0;}
.abTwoSwiper1 .swiper-slide {text-align: center; cursor: pointer;}
.abTwoSwiper1 .swiper-slide .cirle {position: relative; margin-top: -.5rem;  display: inline-block; opacity: 0; transition: .5s;}
.abTwoSwiper1 .swiper-slide .cirle i {width: .1rem; height: .1rem; border-radius: 50%; background: #e35e15; display: block; position: relative; z-index: 2;}
.abTwoSwiper1 .swiper-slide .cirle::after {content: "";  background: #e35e15;  width: 200%; height: 200%; border-radius: 50%; position: absolute; left: 50%; top: 50%; animation: scalemap 2s linear infinite;}
.abTwoSwiper1 .swiper-slide .year {color: #8c8c8c; font-size: var(--font18); margin-top: .1rem;}
.abTwoSwiper1 .swiper-slide:active .year {color: #e35e15;}
.abTwoSwiper1 .swiper-slide.swiper-slide-thumb-active .cirle {opacity: 1;}
.abTwoSwiper1 .swiper-slide.swiper-slide-thumb-active .year {color: #e35e15;}
@media (any-hover: hover) {
  .abTwoSwiper1 .swiper-slide:hover .year {color: #e35e15;}
  .abTwoSwiper3 .swjt:hover {background: #F05E00;}
}

.abTwoSwiper2 .swiperBox3 {position: relative; display: flex; justify-content: space-between; align-items: flex-start; margin-top: .8rem;}
.abTwoSwiper2 .list {width: 24%;}
.abTwoSwiper3 {width: 73%; margin: 0;}

.abTwoSwiper2 .list {overflow-y: auto; padding-right: .15rem;}
.abTwoSwiper2 .list::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#F05E00 #d4d4d4;}
.abTwoSwiper2 .list::-webkit-scrollbar-thumb {background: #F05E00;}
.abTwoSwiper2 .list::-webkit-scrollbar-track {background: #d4d4d4;}
.abTwoSwiper2 .list li {padding: .25rem 0; border-bottom: 2px solid #d9d9d9;}
.abTwoSwiper2 .list li:first-child {padding-top: 0;}
.abTwoSwiper2 .list li h5 {color: #333; font-size: var(--font24); font-weight: 700;}
/* .abTwoSwiper3 .imgBox {background: #fff;} */
.abTwoSwiper3 .imgBox img {width: 100%; object-fit: contain; height: 3.2rem;}
.abTwoSwiper3 .swjt {width: .48rem; height: .48rem; border-radius: 50%; background: rgba(0, 0, 0 ,.3); transition: .5s;}
.abTwoSwiper3 .swjt.swiper-button-prev {transform: rotate(180deg);}
.abTwoSwiper3 .swjt:active {background: #F05E00;}


.aboutThre {padding-bottom: 1rem; padding-top: .3rem;}
.aboutThre .indexTle {text-align: center;}
.aboutThre .imgBox img {max-width: 100%;}

.aboutFour {background: url(../images/aboutFour-bj.jpg) no-repeat center; background-size: cover;  padding-bottom: .8rem;}
.aboutFour .indexTle {text-align: center;}
.abFourSlide .hd {display: flex; justify-content: center;}
.abFourthumbs {display: inline-block;}
.abFourSlide .hd li {width: auto; cursor: pointer; padding: .15rem .26rem; background: rgba(188, 188, 188,.36); line-height: 1; border-radius: 30px; color: #6A6A6A; text-align: center; font-size: var(--font18); margin-right: .4rem; transition: .5s;}
.abFourSlide .hd li:last-child {margin-right: 0;}
.abFourSlide .hd li.swiper-slide-thumb-active {background: #F05E00;}
.abFourSlide .hd li.swiper-slide-thumb-active a {color: #fff;}
.abFourSwiperBox > .swiper-wrapper > .swiper-slide {opacity: 0 !important;}
.abFourSwiperBox > .swiper-wrapper > .swiper-slide.swiper-slide-active {opacity: 1 !important;}
.abFourSwiper {position: relative; padding: .7rem 0; margin: auto; padding-bottom: 1.8rem;}
.abFourSwiper .swiper-slide {width: auto; text-align: center;}
.abFourSwiper .swiper-slide .imgBox .img {padding: 0.1rem;background: #fff;box-shadow: 0rem 0rem .2rem 0rem rgba(230,230,230,0.54);transform: scale(0.9) translateY(5%); transition: .5s; }
.abFourSwiper .swiper-slide .imgBox img { display: block; width: 100%;}
.abFourSwiper .swiper-slide span {font-size: .24rem;display: block; margin-top: .2rem; color: rgba(102, 102, 102,.78);}
.abFourSwiper .swiper-slide.active .imgBox .img {transform: scale(1) translateY(0);}
.abFourSwiper .swiper-slide.active span {color: #666;}
.abFourSwiper .swjt {width: .68rem;height: .68rem; z-index: 2; left:50%; transform: translateX(-150%);  top: auto; bottom: .2rem;}
.abFourSwiper .swjt::before {content: ""; position: absolute; width: 100%; height: 100%;background: #adbac2;  z-index: -1; transform: rotate(0deg); transition: .5s;}
.abFourSwiper .swjt::after {content: ""; display: block; position: absolute; width: 100%; height: 100%;  background: #e35e15; z-index: -2; transform: rotate(0deg); transition: .5s;}
.abFourSwiper .swjt svg {max-width: 40%;}
.abFourSwiper .swiper-button-prev svg {transform: rotate(180deg);}
.abFourSwiper .swiper-button-next {right: auto; left: 50%; transform: translateX(50%);}
.abFourSwiper .swjt:hover::before {transform: rotate(-45deg);}
.abFourSwiper .swjt:hover::after {transform: rotate(20deg);}

.aboutFive {margin: 1rem 0 1.2rem; position: relative;}
.aboutFive .box {}
.aboutFive .le {width: 43%;}
.aboutFive dl dd {display: flex; align-items: center; padding: .4rem 0; border-bottom: 1px solid rgba(51, 51, 51,.18);}
.aboutFive dl dd:last-child {border: 0;}
.aboutFive dl dd .icBox {flex-shrink: 0; width: .65rem; display: flex; align-items: center; justify-content: center; margin-right: .25rem;}
.aboutFive dl dd .icBox img {max-width: 100%;}
.aboutFive dl dd em {opacity: 0.4;font-weight: 400; color: #333333;}
.aboutFive dl dd span {font-size: var(--font22);font-weight: 400; text-align: left;color: #333333; display: block;}
.aboutFive .re {position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%);width: 53%; height: 100%;}
.aboutFive .re .imgBox {height: 100%;}
.aboutFive .re img {width: 100%; height: 100%; object-fit: cover;}

/* 关于我们---荣誉资质 */
.honorsMain {padding: 1rem 0; padding-bottom: 2rem;}
.honorsBox .box {display: flex; justify-content: space-between; align-items: flex-start;}
.honorsnav {width: 15%; position: sticky; top: 1.4rem;} 
.honorsnav .ctitle1 > ul > li {margin-top: .2rem; background: none; border-bottom: 0; padding: 0;}
.honorsnav .ctitle1 > ul > li .menu-li {display: flex; align-items: center; justify-content: space-between; transition: .5s; background: #f9f9f9; cursor: pointer; border-radius: 50px; padding: 0;}
.honorsnav .ctitle1 > ul > li .menu-li a {color: #333; font-size: var(--font18);transition: .5s;padding: .14rem .25rem; display: flex; align-items: center; justify-content: space-between; width: 100%;}
.honorsnav .ctitle1 > ul > li .menu-li i {width: .14rem; flex-shrink: 0; margin-left: .2rem; transition: .5s;}
.honorsnav .ctitle1 > ul > li .menu-li.on , .honorsnav .ctitle1 > ul > li .menu-li:hover {background: #F05E00;}
.honorsnav .ctitle1 > ul > li .menu-li.on a ,.honorsnav .ctitle1 > ul > li .menu-li:hover a {color: #fff;}
.honorsnav .ctitle1 > ul > li .menu-li.on i svg path ,.honorsnav .ctitle1 > ul > li .menu-li:hover i svg path {fill: #fff;}


.honorslist {width: 80%;}
.honorslist ul {display: grid; grid-template-columns: repeat(3,1fr);gap: 1rem;}
.honorslist ul li .imgBox {position: relative;  text-align: center;}
.honorslist ul li .imgBox::after {content: ""; background: url(../images/honer-img-icon.png) no-repeat bottom; background-size: 100%; z-index: -1; bottom: 0; width: 100%; height: 100%; position: absolute; left: 0;}
.honorslist ul li .picImg {display: inline-block; position: relative;width: 90%;}
.honorslist ul li .picImg::after {content: ""; left: 0; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0,.5) url(../images/fdj-icon2.png) no-repeat center; transition: .5s; opacity: 0;}
.honorslist ul li .picImg img {padding: .1rem; box-sizing: border-box;background: #f5f5f5;width: 100%; }
.honorslist ul li .con {border-bottom: 1px solid #dddddd; padding: 0 .15rem; padding-bottom: .15rem; margin-top: .1rem;}
.honorslist ul li .con span {font-size: var(--font16); color: #666666; font-family: Arial, Arial-Regular; display: block; background: url(../images/fdj-icon.png) no-repeat right; padding-right: 35px;}
.honorslist ul li:hover .con span {color: #ba0703;}
.honorslist ul li:hover .picImg::after {opacity: 1;}


/* =====产品中心===== */
.proCenter {padding: .8rem 0 1.2rem;}
.proCenter .box {display: flex; align-items: flex-start; justify-content: space-between;}
.pronavlist {width: 20%; position: sticky; top: 1.4rem;} 
.ctitle1 > ul > li {background: #f9f9f9; border-bottom: 2px solid rgba(199, 199, 199,.3); cursor: pointer;}
.ctitle1 > ul > li:last-child {border: 0;}
.ctitle1 > ul > li .menu-li {display: flex; align-items: center; justify-content: space-between; padding: .25rem .2rem; transition: .5s;}
.ctitle1 > ul > li .menu-li a {color: #333; font-size: var(--font18);font-weight: 700; transition: .5s;}
.ctitle1 > ul > li .menu-li i {width: .16rem; flex-shrink: 0; margin-left: .2rem; transition: .5s;}
.ctitle1 > ul > li .menu-li.on { background: #f05e00;}
.ctitle1 > ul > li .menu-li.on a {color: #fff;}
.ctitle1 > ul > li .menu-li.on i {transform: rotateX(180deg);}
.ctitle1 > ul > li .menu-li.on i svg path {fill: #fff;}
.ctitle2 {display: none;}
.ctitle2 ul {padding: .2rem;}
.ctitle2 ul li {margin: .1rem 0;}
.ctitle2 ul li a {color: #555555; display: block;}
.ctitle2 ul li:hover a {color: #F05E00;}
.ctitle2 ul li.on a {color: #F05E00;}
.ctitle1 > ul > li.on .ctitle2 {display: block;}
.prolist {width: 75%;}
.prolist .listTlt {padding-bottom: .6rem; border-bottom: 1px solid #E5E5E5;}
.prolist .listTlt h4 {font-size: var(--font40);font-weight: 700;color: #333333;}
.prolist .listTlt .text {margin-top: .1rem;}
.prolist .listTlt .text p {color: #666666; line-height: 1.7;}
.prolist ul li {margin: .5rem 0;}
.prolist ul li a {display: flex; justify-content: space-between;}
.prolist ul li .imgBox {background: #f9f9f9; padding: .4rem; width: 35%; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.prolist ul li .imgBox img {max-width: 100%; transition: .5s;}
.prolist ul li .con {width: 60%; padding-top: .3rem; position: relative;border-bottom: 1px solid #ebebeb; padding-bottom: .2rem;}
.prolist ul li .con::after {content: ""; width: 0; height: 1px; bottom: 0; left: 0; position: absolute; background: #E35E15; transition: .5s;}
.prolist ul li h6 {font-size: var(--font26); font-weight: 700; color: #333333; transition: .4s;}
.prolist ul li .text {margin-top: .2rem;}
.prolist ul li .text p {color: #666666; line-height: 1.7;}
.prolist ul li .more {margin-top: .5rem;color: #666666;}
.prolist ul li .more img {max-width: .4rem;}
.prolist ul li .more span {margin-right: .1rem;}
.prolist ul li:hover .imgBox img {transform: scale(1.05);}
.prolist ul li:hover .con::after {width: 100%;}
.prolist ul li:hover h6 {color: #E35E15;}
.prolist ul li:hover .more span {color: #E35E15;}

/* 产品详情 */
.proDateOne {background: url(../images/proDateOne-bj.jpg) no-repeat center; background-size: cover; padding: .3rem 0; padding-top: 2rem;}
.proDateOne .back a {display: inline-flex; align-items: center;}
.proDateOne .back span {color: #333; font-size: var(--font17); margin-left: .1rem;}
@media (any-hover: hover) {
  .proDateOne .back a:hover svg path {fill: #E35E15;}
  .proDateOne .back a:hover span {color: #E35E15;}
}

.proDateOne .box {position: relative;    margin-top: 1rem;}
.proDateOne .le {width: 55%; position: relative; z-index: 2;}
.proDateOne .re {width: 42%; display: flex; align-items: center; justify-content: center; position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%);}
.proDateOne .re img {max-width: 100%; max-height: 5rem;}
.proDateOne .tle h3 {font-size: 0.66rem;font-weight: 700;color: #F05E00;font-family: Arial, Arial-Bold; line-height: 1.2;}
.proDateOne .tle span {font-size: var(--font24); color: #F05E00;}
.proDateOne .text {margin-top: .4rem; padding-bottom: .3rem; border-bottom: 1px solid rgba(249, 249, 249,.4);}
.proDateOne .text p {color: #333; font-size: .26rem;}
.proDateOne .mbxBox {margin-top: 1rem;}

.parameter {margin: .6rem 0; margin-top: 0;}
.parameter .container {width: 1100px;}
.parameternav {margin-bottom: .6rem; background: #efefef; padding: .35rem 0;}
.parameternav ul {display: flex; justify-content: center;}
.parameternav li {width: calc(100% / 3); text-align: center; position: relative;}
.parameternav li a {font-size: var(--font20);color: #818181;}
.parameternav li::after {content: "";width: 1px; height: .2rem; position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); background: #b8b8b8; }
.parameternav li:last-child::after {display: none;}
.parameternav li a:hover {color: #E35E15;}
.parameter .box {display: flex; justify-content: space-between; align-items: flex-start;}
.parameter .box .le .tle {margin-bottom: .4rem; text-align: center;}
.parameter .box .le .tle h3 {font-size: .52rem;color: #333333;}
.parameter .box .le .tle i {display: inline-block; width: 0.64rem;height: 0.06rem;background: #E35E15;border-radius: 0.03rem; margin-top: .2rem;}
.parameter .box .le .item {margin-bottom: 1rem;}
.parameter .box .le .con {}
.parameter .box .le .con img {max-width: 100%; height: auto !important;}
.parameter .box .le {width: 100%;}
.parameternav li.on a {color: #f05e00;}

#item1 , #item2 ,#item3 ,#item4 {position: relative; top: -1.3rem;}

/* 产品资料录入 */
.parameter .box .le .con .tableBox {overflow-x: auto;}
.parameter .box .le .con  {overflow-x: auto;display: flex;justify-content: center;}
.parameter .box .le .con  .table{overflow-x: auto;}
.parameter .box .le .con .table1 {white-space: nowrap;}
.parameter .box .le .con .table1 td {padding: 0 .2rem;}
.parameter .box .le .con .table2 {white-space: nowrap;}
.parameter .box .le .con .table2 td {padding: 0 .2rem;}
.parameter .box .le .con .table3 {white-space: nowrap;}
.parameter .box .le .con .table3 td {padding: 0 .2rem;}

.parameter .box .le .con1 .tableBox {overflow-x: auto;}
.parameter .box .le .con1  {display: flex; justify-content: center; align-items: center;}
.parameter .box .le .con1 .table1 {white-space: nowrap;}
.parameter .box .le .con1 .table1 td {padding: 0 .2rem;}
.parameter .box .le .con1 .table2 {white-space: nowrap;}
.parameter .box .le .con1 .table2 td {padding: 0 .2rem;}

@media screen and (min-width: 200px) and (max-width: 767px) {
  .parameternav li a {    font-size: var(--font14);}

}


.proInfo {background: #f9f9f9;padding: 1rem 0;}
.proInfo .tleBox {display: flex; justify-content: space-between; align-items: center; position: relative;}
.proInfo .tleBox h3 {color: #333333; font-size: var(--font38);font-weight: 700;}
.proInfo .tleBox .swjt {position: relative; margin: 0; left: 0; display: inline-flex; align-items: center; justify-content: center; width: 0.61rem;height: 0.61rem;border: 1px solid rgba(135, 135, 135,.32); border-radius: 50%; transition: .5s;}
.proInfo .tleBox .swjt.swiper-button-prev {transform: rotate(180deg);margin-right: .1rem;}
.proInfo .tleBox .swjt svg {max-width: 50%;}
/* .proInfo .tleBox .swjt.swiper-button-disabled {opacity: 0;} */
.proInfo .tleBox .swjt:active {background: #E35E15;}
.proInfo .tleBox .swjt:active svg path {fill: #fff;}
@media (any-hover: hover) {
.proInfo .tleBox .swjt:hover {background: #E35E15;}
.proInfo .tleBox .swjt:hover svg path {fill: #fff;}
}
.proInfo .swiperBox {margin-top: .5rem;}
.proInfoSwiper .swiper-slide {height: auto; background: #fff;} 
.proInfoSwiper .swiper-slide a {display: block; padding: .3rem;box-sizing: border-box;}
.proInfoSwiper .swiper-slide h6 {color: #333333; font-size: var(--font18); position: relative;  display: flex;align-items: center;}
.proInfoSwiper .swiper-slide h6::before {content: ""; width: .05rem; height: .05rem;  background: #333; margin-right: .15rem;}
.proInfoSwiper .swiper-slide .imgBox {display: flex; align-items: center; justify-content: center; margin-top: .3rem;    width: 50%; margin: 0.3rem auto;}
.proInfoSwiper .swiper-slide .imgBox img {max-width: 100%; transition: .5s;}
.proInfoSwiper .swiper-slide .en {color: #b3b3b3; font-size: var(--font18); font-family: Arial, Arial-Regular; margin-left: .2rem;}
.proInfoSwiper .swiper-slide a:hover .imgBox img {transform: scale(1.05);}

/* =====行业解决方案===== */
.indusolu {margin-bottom: 1rem;}
.indusolu li {background: #f9f9f9; margin-top: .9rem;}
.indusolu li .imgBox {width: 53%; overflow: hidden;}
.indusolu li .imgBox img {width: 100%;height: 100%; object-fit: cover; transition: .5s;}
.indusolu li a {display: flex;}
.indusolu li .con {padding: .5rem .6rem; box-sizing: border-box; width: 47%; display: flex; flex-direction: column; justify-content: center;}
.indusolu li .con h5 {font-size: var(--font32);font-weight: 700;color: #333333; transition: .5s;}
.indusolu li .con .text {margin-top: .3rem;}
.indusolu li .con .text p {font-weight: 500;color: #666666; line-height: 1.7;}
.indusolu li .con .more {margin-top: .6rem;color: #F05E00;}
.indusolu li:nth-child(even) .imgBox {order: 2;}
.indusolu li:hover .imgBox img {transform: scale(1.1);}
.indusolu li:hover .con h5 {color: #E35E15;}

/* 行业列表 */
.solulistnav {}
.solulistnav ul {display: flex; justify-content: center;}
.solulistnav li {text-align: center; position: relative; margin-right: .5rem;}
.solulistnav li::after {content: ""; width: 0; height: 0.05rem;background: #f05e00;border-radius: 0.03rem; position: absolute; right: 0; transition: .5s;}
.solulistnav li:last-child {margin-right: 0;}
.solulistnav li a {display: block; padding: .45rem; box-sizing: border-box;}
.solulistnav li .icBox {width: .8rem; height: 1rem; display: flex; align-items: center; justify-content: center;}
.solulistnav li .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.solulistnav li span {font-size: var(--font18);color: #333333; display: block; margin-top: .1rem; transition: .5s; height: 22px;}
.solulistnav li:hover::after , .solulistnav li.on::after {width: 100%; right: auto; left: 0;}
.solulistnav li:hover span , .solulistnav li.on span {font-size: var(--font22); color: #F05E00;font-weight: 700;}

.solulist {background: #f9f9f9; padding: .2rem 0 1rem;}
.solulist .container{max-width:80%}
.solulist li {margin-top: .3rem; display: flex; justify-content: space-between;background: #fff;border-radius:15px;padding:0.6rem 0.3rem}
.solulist li .imgBox {display: flex; align-items: center; justify-content: center; width:45%;}
.solulist li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.solulist li .con {width: 40%; display: flex; flex-direction: column; justify-content: center;}
.solulist li h5 {font-size: var(--font30);font-weight: 700; color: #333333;}
.solulist li .text {margin-top: .1rem;}
.solulist li .text p {color: #666666; line-height: 1.7;}
.solulist li .more {margin-top: .7rem;}


/* 解决方案详情 */
.soulInfo {background: #fff;}
.soulInfo .proInfoSwiper .swiper-slide {background: #f9f9f9;}
.soulDateOne .box {}
.soulDateOne .le {width: auto;}
.soulDateOne .tle h3 {font-size: .5rem;}
.soulDateOne .re {width: 100%; justify-content: flex-end; position: relative; transform: none; left: 0; top: 0;}


/* =====新闻列表===== */
.newslist {padding: .4rem 0 1rem;}
.newslist li {border: 1px solid #efefef; padding: .4rem; box-sizing: border-box; margin-top: .4rem;}
.newslist li a {display: flex;}
.newslist li .con {padding: .5rem 5%; padding-right: 2%; width: 66%;}
.newslist li .imgBox {width: 34%; overflow: hidden;}
.newslist li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.newslist li .con h6 {color: #333333; font-size: var(--font26);font-weight: 700; transition: .5s;}
.newslist li .con .time {color: #b6b6b6;font-weight: 700; font-size: var(--font18); margin-top: .1rem;}
.newslist li .con .text {margin-top: .2rem;}
.newslist li .con .text p {color: #888888; line-height: 1.7;}
.newslist li .con .more {margin-top: .5rem;color: #f05e00; font-weight: 700;}
.newslist li .con .more span {margin-right: .1rem;transition: .5s;}
.newslist li:hover .imgBox img {transform: scale(1.1);}
.newslist li:hover h6 {color: #f05e00;}
.newslist li:hover .more span {margin-right: .2rem;}

/* 新闻详情 */
.newsDateMain {background: #f9f9f9; padding: 0 0 1rem 0;}
.newsxq-box {padding: 0.5rem 0; margin-bottom: 0.44rem; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .newsCon {background: #ffffff;border-radius: .1rem;box-shadow: 0rem 0rem 0.4rem 0rem rgba(226,225,224,0.42); padding: .4rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #ddd; padding-bottom: 0.4rem;}
.newsxq-title strong {display: block; font-size: 0.34rem; color: #333;font-weight: 700;}
.newsxq-title span {display: block;margin-top: .1rem; color: #777;}
.newsxq-editbox {margin: .3rem 0;}
.newsxq-editbox img {max-width: 100%; height: 100% !important;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: .5rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 0.51rem;height: 0.51rem;min-width: 35px;min-height: 35px;   border: 0.02rem solid #eeeeee;border-radius: 0.05rem;}
.news-prev svg {transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block; font-size: var(--font16); color: #333;}
.prev-link em {margin-left: 0.17rem;}
.next-link em {margin-right: 0.17rem;}
.next-link {flex-direction: row-reverse;}
.newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next{background: #f05e00; border-color: #f05e00; }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-box .news-right {width: 29%;background: #fff; border-radius: .15rem;box-shadow: 0rem 0rem 0.3rem 0rem rgba(226,225,224,0.42); padding: .4rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 1.5rem;}
.newsxq-box .news-right h2 {font-size: var(--font26); font-weight: 700;}
.newsDate .relist li a {display: flex; justify-content: space-between;}
.newsDate .relist .reImg {width: 38%;border-radius: 5px; overflow: hidden;}
.newsDate .relist .reImg img {width: 100%; height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {width: 56%;}
.newsDate .relist li {margin-top: .3rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font18); transition: .35s; margin-top: .05rem;}
.newsDate .relist li:hover h6 {color: #f05e00;}
.newsDate .relist li:hover .reImg img {transform: scale(1.05);}
.newsDate .news-right::after {content: ""; background: #f05e00; width: 65%; position: absolute; left: 50%; bottom: -3%; height: .07rem; border-radius: 4px; transform: translate(-50%, -50%);}


/* =====联系我们===== */
.contactOne {padding: 1rem 0; position: relative;}
.contactOne .win1920 {position: relative;}
.contactOne .box {display: flex; justify-content: space-between;}
.contactOne .le {width: 37%;}
.contactOne .re {width: 54%;}
.contactOne .re h3 {margin-bottom: .5rem;}
.contactOne .re img {width: 100%; height: 100%; object-fit: cover;}
.contactOne h3 {font-size: 0.5rem;; font-weight: 700;color: #f05e00;}
.contactOne dl {padding-top: .5rem;}
.contactOne dd {display: flex; align-items: center; margin: .2rem 0;}
.contactOne dd .icBox {width: 20px; display: flex; align-items: center; justify-content: center; margin-right: .15rem;}
.contactOne dd p , .contactOne dd p a {color: #6b6b6b;}
.contactOne dd p a:hover {color: #f05e00;}
.contactOne .codeBox {margin-top: 1rem; margin-left: .3rem;}
.contactOne .codeBox img {max-width: 2.5rem;}
.contactOne .bjImg {position: absolute; left: 0; bottom: -6%; width: 33%;}
.contactOne .bjImg img {max-width: 100%;}

.contactTwo {background: #f9f9f9; padding: 1rem 0;}
.contactTwo .container {width: 1200px;}
.contactTwo h3 {text-align: center;font-size: 0.52rem;font-weight: 700;color: #333333;}
.contactTwo .form {margin-top: .6rem;}

/* 留言 */
.hiMessagePop .itemBox {display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem;}
.hiMessagePop .item {height: 0.73rem; min-height: 60px; background: #ffffff; border: 1px solid #e5eaf0; border-radius: 0.05rem; position: relative; overflow: hidden;}
.hiMessagePop .item input , .hiMessagePop .item textarea {height: 100%;  width: 100%; padding: 0 .2rem; box-sizing: border-box; position: relative; z-index: 2;}
.hiMessagePop .item input:focus + label {display: none;}
.hiMessagePop .item textarea:focus + label {display: none;}
.hiMessagePop .item label {position: absolute; z-index: 0; left: 0%; top: 50%; transform: translate(0, -50%); padding-left: .2rem; box-sizing: border-box;color: #999999;}
.hiMessagePop .item label i {color: #FF0000; font-style: normal; margin-left: 5px;}
.hiMessagePop .item2 {grid-column: 1 / 4;height: 2.1rem;}
.hiMessagePop .item2 textarea { padding: .2rem; resize: none; border: 0;}
.hiMessagePop .item2 textarea::placeholder {color: #999;}
.hiMessagePop .item.itemCode {overflow: visible;}
.hiMessagePop .item img {position: absolute;right: 0; height: 100%; object-fit: contain; transform: translateX(105%);}

.hiMessagePop .item.on label {display: none;}
.hiMessagePop .sub {display: flex; justify-content: center; margin-top: .5rem;}
.hiMessagePop .sub button {padding: .15rem .53rem;background: #f05e00;border-radius: 0.28rem; color: #fff;font-weight: 700; cursor: pointer;}
.hiMessagePop .sub button:active {box-shadow: 0 0 .1rem #f05e00;}