/* =====头部===== */
.header {position: sticky; top: 0;background: #000000; z-index: 99;}
.headerBox {height: 95px;display: flex; justify-content: space-between; align-items: center;}
nav {width: 48%; }
nav > ul {display: flex;justify-content: space-between;}
nav > ul > li {position: relative; line-height: 95px; z-index: 11;}
nav > ul > li > a {color: #ffffff; position: relative; display: block; height: 100%; transition: .35s;}
nav > ul > li > a::after {content: ""; background: url(../images/dian-icon.png) no-repeat center; background-size: 100%; display: flex;align-items: center; justify-content: center;position: absolute; left: 50%; top: 96%; transform: translate(-50%, -50%); }
nav > ul > li > a::after {border-radius: 50%; width: 0.2rem;height: 0.2rem; line-height: 1; opacity: 0; visibility: hidden; transition: .5s;}
nav > ul > li:hover > a , nav ul > li.on > a {color: #cc0f04;}
nav > ul > li:hover > a::after ,nav ul > li.on > a::after {opacity: 1; visibility: visible;}
/* 二级导航 */
.navTwo {position: absolute; line-height: initial; background:#434343;width: 250%; left: -75%; display: none;padding:0.1rem 0; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);border-radius:0 0 10px 10px}
.navTwo dl dd a {display: flex;justify-content: center;align-items: center; padding: 10px; color:#C7C7C7; transition: .5s;  position: relative;text-align: center;width: 100%;}

.navTwo dl dd a:hover {background: #cc0f04 ; color: #fff;}
.navTwo dl dd a:hover::after {filter: brightness(100); -webkit-filter:brightness(100);}
/* 产品下拉导航 */
.proNavBoxFix { position: fixed; width: 100%;left: 0;line-height: initial;z-index: 0;height: auto; background: transparent;display: none; max-height: 504px;} 
.proNavBox {background: #434343;}
.proNavList {display: flex; justify-content: space-between;padding: .4rem 0;   align-items: flex-start;} 
.proNavList .hd {width: auto;}
.proNavList .hd li { position: relative; margin-top: .1rem;}
.proNavList .hd li::after {content: ""; position: absolute; width: 0; height: 100%; border-radius: .5rem; background: #cc0f04; top: 0; z-index: 0; transition: .5s;}
.proNavList .hd li a {display: block; font-family: "PFBold"; padding: .18rem .3rem; padding-right: .7rem; box-sizing: border-box; position: relative;  transition: .5s; color: #fff; z-index: 1;}
.proNavList .hd li a::after {content: ""; background: url(../images/jt1.png) no-repeat right; top: 0; width: 100%; position: absolute; right: .3rem; height: 100%; opacity: 0; transition: .35s; z-index: 0;}
.proNavList .hd li.on::after {width: 100%;}
.proNavList .hd li.on a::after {opacity: 1; transition-delay: .4s;}
.proNavList .bd {width: 85%;}
.proNavList .bd ul {display: none;}
.proNavList .bd ul.on {display: block;}
/* .proNavList .bd .bdTop {display: flex; justify-content: space-between; margin-bottom: .1rem;}
.proNavList .bd .bdTop h4 {font-size: var(--font30); font-weight: 700;}
.proNavList .bd .bdTop .tle .text {color: #666666; margin-top: .1rem;}
.proNavList .bd .swiperJt {display: flex;}
.proNavList .bd .swiperJt .buttoPrev {transform: rotate(180deg); margin-right: 15px;}
.proNavList .bd .swiperJt .swjt {cursor: pointer; width: 0.45rem; height: 0.45rem;background: #eeeeee; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s;}
.proNavList .bd .swiperJt .swjt img {max-width: 20%;}
.proNavList .bd .swiperJt .swjt:hover {background: #ba0703 ;}
.proNavList .bd .swiperJt .swjt:hover img {filter: brightness(100); -webkit-filter:brightness(100);} */
.proNavSwiper {padding: .25rem 0;}
.proNavSwiper .swiper-slide { background: rgba(141, 141, 141,.23);}
.proNavSwiper .swiper-slide a {display: block;padding:.5rem 0; transition: .5s;}
.proNavSwiper .swiper-slide .imgBox {overflow: hidden;}
.proNavSwiper .swiper-slide .imgBox img {width: 100%;transition: .5s;}
.proNavSwiper .swiper-slide h5 {text-align: center;color: #fff;font-weight: 700;font-size: var(--font20); margin-top: .3rem; font-family: "PFBold"; transition: .35s;}
.proNavSwiper .swiper-slide em {text-align: center;color: #fff; font-size: var(--font16);margin-top: .05rem; display: block;}
.proNavSwiper .swiper-slide:hover a {box-shadow: 0.04rem 0.03rem 0.3rem 0rem rgba(61,61,61,0.06); }
.proNavSwiper .swiper-slide:hover .imgBox img {transform: scale(1.02);}
.proNavSwiper .swiper-slide:hover h5 {color: #cc0f04;}

/* 解决方案下拉 */
.soluNav {line-height: initial; position: fixed; width: 100%;left: 0;line-height: initial; background: #434343; display: none; z-index: 0; }
.soluNav ul {display: flex; justify-content: space-between; padding: .5rem 0;}
.soluNav li {position: relative;}
.soluNav li .icBox {width: .76rem; height: .76rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: auto; transition: .5s;}
.soluNav li span {color: #C7C7C7; display: block; margin-top: .15rem; text-align: center;}
.soluNav li:hover .icBox , .soluNav li.on .icBox {background: #cc0f04;}
.soluNav li:hover span , .soluNav li.on span {color: #CC0F04;}
.soluNav li:nth-child(1) {animation-delay: .1s;}
.soluNav li:nth-child(2) {animation-delay: .2s;}
.soluNav li:nth-child(3) {animation-delay: .3s;}
.soluNav li:nth-child(4) {animation-delay: .4s;}
.soluNav li:nth-child(5) {animation-delay: .5s;}
.soluNav li:nth-child(6) {animation-delay: .6s;}
.soluNav li:nth-child(7) {animation-delay: .7s;}
.soluNav li:nth-child(8) {animation-delay: .8s;}

/* 语言和搜索 */
.headerRe {display: grid;gap: .8rem; grid-template-columns: repeat(2,auto); justify-content: flex-end;}
.luangage a {color: #ffffff;font-size: var(--font22); transition: .3s;}
.luangage a:hover {color: #cc0f04;}
.heSearch {cursor: pointer; position: relative;}
.heSearch::after { content: ""; position: absolute;left: 35%; top: 25%;font-size: 30%; color: #cc0f04; width: 5px;height: 5px;background: #cc0f04; border-radius: 50%; }
.heSearch img{filter: brightness(100); -webkit-filter:brightness(100);}
.heSearch:hover img {filter: none; -webkit-filter:none;}
/* 隐藏搜索 */
.header-sec3 {position: absolute;top: -100%; left: 0; z-index: 2; width: 100%; height: calc(100% + 1px); background-color: #000;-webkit-transition: all 0.3s linear; transition: all 0.3s linear; z-index: 11;}
.header-sec3.active {top: 0;}
.header-sec3 .container {height: 100%;}
.header-sec3 .cont { height: 100%; display: flex; align-items: center; justify-content: space-between; max-width: 500px; margin: 0 auto;}
.header-sec3 .cont .form { display: flex; align-items: center; width: calc(100% - 36px); border-radius: 30px; border: 2px solid #fff; padding: 0 20px; overflow: hidden;}
.header-sec3 .cont .form .f_sub {outline: none;width: 20px;border: none;background: transparent;overflow: hidden; height: 30px; cursor: pointer;}
.header-sec3 .cont .form .f_sub img {max-width: 100%;}
.header-sec3 .cont .form .int { outline: none;width: 80%;width: calc(100% - 20px);padding: 10px 0;font-size: 16px;border: none;background-color: transparent;color: #fff; padding-left: 22px;}
.header-sec3 .cont .f_close { overflow: hidden; width: 20px; display: block;}
.header-sec3 .cont .f_close img {width: 100%;}

/* =====首页===== */
/* 了解更多 */
.more1 {margin-top: .5rem; width: 1.98rem;height: .55rem;background: #cc0f04;border-radius: 0.05rem;}
.more1 span {color: #fff; margin-right: .2rem; transition: .5s; position: relative; z-index: 1;    display: block;}
.more1:hover span {margin-right: .3rem;}
.more2 {width: 1.5rem;height: 0.5rem;background: #000000; min-width: 125px; min-height: 35px; position: relative; z-index: 1;}
.more2::after {content: ""; position: absolute; width: 0; height: 100%; left: 0; top: 0; background: #CC0F04; transition: .5s; z-index: -1;}
.more2:hover::after {width: 100%;}

/* banner */
.bannerSwiper {position: relative; z-index: 0;height: calc(100vh - 95px);}
.indexSwiper {height: 100%;}
.bannerSwiper .imgBox {height: 100%; position: absolute; width: 100%; left: 0; top: 0;}
.bannerSwiper .imgBox img {width: 100%; height: 100%; object-fit: cover;     min-height: 100%; transition: 1s linear 2s; transform: scale(1.1,1.1);}

.bannerSwiper .swiper-slide-active img, .bannerSwiper .swiper-slide-duplicate-active img {transition: 6s linear;transform: scale(1,1);}
.bannerSwiper .swiper-pagination {bottom: 5%;}
.bannerSwiper .con { position: relative;  text-align: center;}
.bannerSwiper .con h3 {font-size: .6rem; color: #fff;   font-family: "PFBold";}
.bannerSwiper .con p {font-size: var(--font20); color: #fff; opacity: .6;}
.bannerSwiper .conImg {margin:0.5rem 0;}
.bannerSwiper .conImg img {max-width:83%;}
.bannerSwiper .imgBox {z-index: -1; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.bannerSwiper .con {display: flex;flex-direction: column;justify-content: flex-end;align-items: center;height: 100%;}
.bannerSwiper .con2 {width: 1500px; display: flex;justify-content: space-between;height: 100%; align-items: center;}
.bannerSwiper .con2 .le {width: 49%;}
.bannerSwiper .con2 .le strong {font-size: .7rem; color: #fff; display: block; line-height: 1.2;   font-family: "PFBold";}
.bannerSwiper .con2 .le p {font-size: .34rem; color: #fff; display: block; margin-top: .2rem;}
.bannerSwiper .con2 .re {width: 49%;margin-top:0.5rem;display: flex; justify-content: center;}
.bannerSwiper .con2 .re img {max-width: 100%;}
.bannerSwiper .con3 {display: flex;flex-direction: column;height: 100%; align-items: center;     justify-content: center;}
.bannerSwiper .con3 .tle {text-align: center;}
.bannerSwiper .con3 .bannerImg {display: flex; justify-content: center; margin-top: .15rem;}
.bannerSwiper .con3 .bannerImg img {max-width: 100%; width: 85%;}
.bannerSwiper .con3 strong {font-size: .55rem;   font-family: "PFBold"; color: #fff; display: block;}
.bannerSwiper .con3 p {font-size: .3rem; color: #fff;}
.bannerSwiper .swiper-pagination svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 26px;    height: 26px;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet {opacity: 1; background: none; margin: 0 .2rem !important;    position: relative;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet svg {display: none;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet svg .path1 {fill: none;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet svg .path2 {opacity: 1;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet svg .circle2 {stroke-dashoffset: 2540; animation: show 3s forwards; animation-duration: 9s;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet span {width: 10px; height: 10px;opacity: 0.49;background: #f8f8f8; display: block; border-radius: 50%;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active span {opacity: 0;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active svg {display: block;}
.bannerSwiper .swjt {width: auto; height: auto; max-width: .75rem; max-height: 1rem; opacity: .5; transition: .3s;}
.bannerSwiper .swjt:hover {opacity: 1;}
.bannerSwiper .swiper-button-prev img ,.bannerSwiper .swiper-button-next img {max-width: 100%; max-height: 100%;}
.bannerSwiper .swiper-button-prev {transform: rotate(180deg);}

.bannerSwiper .wrapImgBox {display: none;}
.bannerSwiper .wrapImgBox img {max-width: 100%;}

@media screen and (min-width: 200px) and (max-width: 1500px) {
  .bannerSwiper .container {max-width: 80%;}
  .bannerSwiper .conImg img {max-width: 50%;}
  .bannerSwiper .con2 .re img {max-width: 80%;}
  .bannerSwiper .con3 .bannerImg img {width: 70%;}
}


@media screen and (min-width: 200px) and (max-width: 1028px) {
  .bannerSwiper {height: auto;}
  .bannerSwiper .imgBox {display: none;}
  .bannerSwiper .wrapImgBox {display: block;}
  .bannerSwiper .container {display: none;}
}




.indexOneTle {position: relative; z-index: 1;}
.indexOneTle .en {font-size: 0.89rem;font-weight: 900;font-weight: 900; position: absolute; z-index: -1;  left: -70%;top: -70%; color: #fff;opacity: .6;    font-family: Arial, Helvetica, sans-serif;}
.indexOneTle h3 {font-size: 0.48rem;font-family: "PFBold"; }
.indexOneTle i {display: block;width: 0.68rem;height: 0.04rem;background: #cc0f04;border-radius: 0.02rem;}
.indexOne {background: url(../images/indexOne-bj.jpg) no-repeat center; background-size: cover; padding: .8rem 0;}
.indexOne .box {display: flex; justify-content: space-between; align-items: flex-start;}
.indexOne .tle {display: flex; justify-content: space-between; flex-flow: row wrap;}
.indexOne .tle ul {display: grid; grid-template-columns: repeat(4,auto); gap: .5rem;}
.indexOne .tle ul li svg {max-width: 26px; max-height: 26px; margin-right: 8px; opacity: 0; transition: .5s;}
.indexOne .tle ul li a {font-size: var(--font17);color: #333333;color: #818181; display: flex; align-items: center;}
.indexOne .tle ul li.on svg {opacity: 1;}
.indexOne .tle ul li.on a {color: #333333; font-family: "PFBold";}
.indexOne .box {margin-top: .9rem;}
.inOneSwiper2 {width: 75%;margin: 0; padding-bottom: 50px;}
.indexOne .box .le {width: 30%;}
.inOneSwiper2 .slideBox {display: flex;    justify-content: space-between;}
.inOneSwiper2 .slideBox .con {width: 35%;}
.inOneSwiper2 .imgBox {width: 65%;}
.inOneSwiper2 .imgBox img {width: 100%;}
.inOneSwiper2 .slideBox h4 {font-size: 0.36rem;color: #000000; font-family: "PFBold";}
.inOneSwiper2 .slideBox .con p {color: #666666;margin-top: .25rem;}
.inOneSwiper2 .slideBox dl {margin-top: .4rem; display: flex; justify-content: space-between;}
.inOneSwiper2 .slideBox dl .icBox {width: 0.5rem;height: 0.5rem;border: 0.01rem solid #d2d7e0; border-radius: 0.1rem; margin: auto; transition: .5s;}
.inOneSwiper2 .slideBox dl dd:hover .icBox {background: #CC0F04; border-color: #c50e04;}
.inOneSwiper2 .slideBox dl dd:hover .icBox img {filter: brightness(100); -webkit-filter:brightness(100);}
.inOneSwiper2 .slideBox dl span {color: #949494; display: block; margin-top: .1rem;}
.inOneSwiper2 .slideBox dl dd img {max-width: 50%; transition: .5s;}
.inOneSwiper2 .slideBox dl dd:hover img {transform: rotateY(180deg);}
.inOneSwiper1Box {background: #fff; width: 18%; padding: .45rem .35rem; border-radius: 10px; box-shadow: 0rem 0rem 0.35rem 0rem rgba(226,225,225,0.33); }
.inOneSwiper1Box h4 {font-size: var(--font24);color: #333333; font-family: "PFBold"; padding-bottom: .1rem; border-bottom: 1px solid #DDDDDD;}
.inOneSwiper1 {margin-top: .1rem; overflow: visible;}
.inOneSwiper1 .swiper-slide {margin-top: .25rem; height: auto !important;}
.inOneSwiper1 .swiper-slide a {display: flex; justify-content: space-between; align-items: center;color: #757575;}
.inOneSwiper1 .swiper-slide img {filter: grayscale(100%); -webkit-filter:grayscale(100%); opacity: .5;}
.inOneSwiper1 .swiper-slide a:hover {color: #CC0F04;}
.inOneSwiper1 .swiper-slide a:hover img {filter: none; -webkit-filter:none; opacity: 1;}
.inOneSwiper1 .swiper-slide.swiper-slide-thumb-active a {color: #CC0F04;}
.inOneSwiper1 .swiper-slide.swiper-slide-thumb-active img {filter: none; -webkit-filter:none; opacity: 1;}
.inOneSwiper2 .swiper-pagination {display: flex; bottom: 0;}
.inOneSwiper2 .swiper-pagination div {margin: 0 .15rem; position: relative; width: 34px;height: 34px;border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.inOneSwiper2 .swiper-pagination div {opacity: 1; border: 0; background: none;}
.inOneSwiper2 .swiper-pagination span {width: auto; height: auto; background: none; opacity: 0; font-size: 12px;color: #8c97a9;}
.inOneSwiper2 .swiper-pagination i {width: 0.06rem;height: 0.06rem; background: #aaaaaa; display: block; border-radius: 50%;  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1;}
.inOneSwiper2 .swiper-pagination .fcircle1 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.inOneSwiper2 .swiper-pagination .fcircle1 circle {stroke-width: 20px!important;}
.inOneSwiper2 .swiper-pagination svg {width: 100%; opacity: 0;}
.inOneSwiper2 .swiper-pagination .fcircle1 circle:nth-child(1) {stroke: #D2D7E0;}
.inOneSwiper2 .swiper-pagination .fcircle1 circle:nth-child(2) {stroke: #CC0F04; }
@keyframes svgcircle1 {from {stroke-dasharray: 0 800;}to { stroke-dasharray: 800 800;}}
.inOneSwiper2 .swiper-pagination .swiper-pagination-bullet-active svg {opacity: 1;}
.inOneSwiper2 .swiper-pagination .swiper-pagination-bullet-active span {opacity: 1;}
.inOneSwiper2 .swiper-pagination .swiper-pagination-bullet-active i {opacity: 0;}
.inOneSwiper2 .swiper-pagination .swiper-pagination-bullet-active .fcircle1 circle:nth-child(2) {animation: svgcircle1 5.5s linear forwards;}
.indexOne .cell {display: none;}
.indexOne .cell.on {display: block;}

.indexTwoTle h3 {font-size: var(--font36);color: #ffffff;  font-family: "PFBold";}
.indexTwoTle i {display: block;width: 0.62rem;height: 0.04rem;background: #cc0f04;border-radius: 0.02rem;}
.indexTwo .box {display: flex;}
.indexTwo .le {width: 30%; position: relative; min-height: 7.22rem; padding: .6rem .4rem; box-sizing: border-box;}
.indexTwo .le .more2 {margin-top: 1.5rem;}
.indexTwo .le .bjBox {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.indexTwo .le .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.indexTwo .le .leCon > img {max-width: 90%;margin-bottom: .4rem;}
.indexTwo .le .indexTwoTle h3 {color: #333;font-size: var(--font40);}
.indexTwo .le p {margin-top: .5rem;color: #555555;line-height: 27px;}
.indexTwo .re {width: 70%;}
.indexTwo .reTop { height: 50%; position: relative; display: flex;} 
.indexTwo .reTop .reTople {height: 100%;  width: 60%;}
.indexTwo .reTop .reTopre {width: 40%;}
.indexTwo .reTop .reTople .indexTwoTle {position: absolute;  z-index: 2; left: .7rem; top: .6rem;}
.indexTwoSwiper {height: 100%;}
.indexTwoSwiper .bjBox {height: 100%;overflow: hidden;}
.indexTwoSwiper .bjBox img {height: 100%; width: 100%; object-fit: cover;transition: all 3s;}
.indexTwoSwiper .bjBox:hover img {transform: scale(1.05);}
.indexTwoSwiper .swcon {position: absolute; bottom: 1.25rem; left: .7rem;width: 85%; }
.indexTwoSwiper .swcon h4 {font-size: var(--font28);color: #ffffff;  font-family: "PFBold";}
.indexTwoSwiper .swcon p {color: #ffffff; opacity: .63;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.indexTwoSwiper .swiper-pagination {width: auto; left: .7rem; bottom: .4rem;}
.indexTwoSwiper .swiper-pagination span {opacity: 0.41;background: #ffffff;}
.indexTwoSwiper .swiper-pagination span.swiper-pagination-bullet-active {opacity: 1; background: #cc0f04;}
.indexTwoSwiper .swjt {right: .5rem; bottom: .4rem; top: auto;}
.indexTwoSwiper .swjt.swiper-button-prev {transform: rotate(180deg); left: auto; right: 1rem;}
.indexTwo .re .reTopre {background: url(../images/indexTwo-reTopre.jpg) no-repeat center;padding: .6rem .3rem .2rem .6rem; box-sizing: border-box; background-size: cover;}
.indexTwo .re .reTopre p {margin-top: .3rem;color: #fff; line-height: 25px;}
.indexTwo .re .reBom {background: url(../images/indexTwo-bj2.jpg) no-repeat center; background-size: cover; height: 50%; padding: .8rem .2rem .2rem .7rem; box-sizing: border-box;}
.indexTwo .reBom h3 {  font-family: "PFBold";color: #fff; font-size: var(--font36);}
.indexTwo .reBom p {color: #ffffff;}
.indexTwo .reBom .text {font-size: var(--font22);color: #ffffff;font-family: "PFLight";margin-top: .2rem;}
.indexTwo .reBom form {display: grid; grid-template-columns: repeat(4,auto);justify-content: flex-start; gap: .12rem;margin-top: .3rem; align-items: center;} 
.indexTwo .reBom form .inBox {display: flex; align-items: center; padding: 0 .2rem; box-sizing: border-box; width:2.82rem;height:.48rem; min-height: 38px;  background: #ffffff; border: 0.04rem solid #ffffff; border-radius: 0.03rem;}
.indexTwo .reBom form input {margin-left: .1rem; width: 100%;}
.indexTwo .reBom form button {width: 1.05rem;height:.48rem; min-height: 38px; background: #000000;border-radius: 0.03rem; text-align: center; color: #fff;cursor: pointer;border-radius:5px}

/* =====底部===== */
.footer {background: #222222;padding-top: .6rem;}
.footer .box {display: flex; justify-content: space-between; padding-bottom: .5rem;}
.footer .le form {margin: .35rem 0;border-radius: 0.05rem;height: .55rem; display: flex;}
.footer .le form input {height: 100%;width: 2.6rem; border-radius: 0.05rem 0 0 0.05rem; padding: 0 .15rem; box-sizing: border-box; color: #fff;background: #393939;}
.footer .le form button {width: .5rem; margin-left: 2px;background: #393939; height: 100%;border-radius:0 0.05rem 0.05rem 0; cursor: pointer; transition: .5s;}
.footer .le form button:hover {background: #CC0F04;}
.footer .le .links {display: grid; grid-template-columns: repeat(2,auto);gap: .2rem; justify-content: flex-start; }
.footer .le .links > div a {width: 0.56rem; height: 0.56rem;background: #393939; border-radius: 50%; transition: .5s;min-width: 40px;min-height: 40px;}
.footer .le .links > div a img {max-width: 50%;}
.footer .le .links > div:hover a {background: #CC0F04;}
.footer .foternav {width:70%; display: flex; justify-content: space-between;} 
.footer .foternav dl dt {color: #ffffff;  font-family: "PFBold";margin-bottom: .25rem;}
.footer .foternav dl dd { margin: .1rem 0; display: flex; align-items: center;color: #898989;}
.footer .foternav dl dd .icBox {margin-right: 8px;}
.footer .foternav dl dd a {color: #898989; font-size: var(--font15);}
.footer .foternav dl dd a:hover {color: #CC0F04;}
.footer .copyRight {border-top: 1px solid #515151; display: flex; justify-content: space-between; padding: .2rem 0; flex-wrap: wrap;}
.footer .copyRight p , .footer .copyRight p a {color: #898989; font-size: var(--font15);}
.footer .copyRight p a:hover {color: #fff;}

/* =========================================================================================内页============================================================================ */
.ny-banner {position: relative;}
.ny-banner .imgBox {height: 100%;}
.ny-banner .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.ny-banner .tle {position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%);}
.ny-banner h3 {font-size: 0.7rem;color: #ffffff;}
.ny-banner .mbx {position: absolute; left: 50%; top: 90%; transform: translate(-50%, -50%);color: #FFFFFF;}
.ny-banner .mbx a {color: #FFFFFF;}
.ny-banner .mbx a:hover , .ny-banner .mbx a.on {color: #CC0F04;}
.mbxBox {border-bottom: 1px solid rgba(238, 238, 238,.08); padding: .5rem 0;color: #fff;}
.mbxBox a {color: #fff;}
.mbxBox a:hover {color: #CC0F04;}

/* =====产品中心===== */
.prolistNav {background: #303030; padding: 1rem 0;}
.prolistNav ul {display: flex;}
.prolistNav ul li {margin-right: .6rem;}
.prolistNav ul li a {display: flex; align-items: center; position: relative;color: #FFFFFF; font-size: var(--font20);}
.prolistNav ul li a::after {content: ""; background: url(../images/jt3.png) no-repeat center;width: 7px; height: 11px; margin-left: 10px; transform: rotate(90deg);filter: brightness(100); -webkit-filter:brightness(100);transition: .35s;}
.prolistNav ul li svg { max-width: 26px;max-height: 26px;margin-right: 8px;opacity: 0;transition: .5s;}
.prolistNav ul li svg .path1 {fill: #303030;}
.prolistNav ul li.on svg {opacity: 1;}
.prolistNav ul li.on a {color: #CC0F04;}
.prolistNav ul li.on a::after {transform: rotate(270deg); filter: none; -webkit-filter:none;}
.prolistNav .listnav2 {margin-top: .5rem;}
.prolistNav .listnav2 dl {padding: .25rem .4rem; background: rgba(37, 36, 35,.5);border-radius: 0.1rem; }
.prolistNav .listnav2 dd {display: none;}
.prolistNav .listnav2 dd.on {display: block;}
.prolistNav .listnav2 dd a {color: #c2c2c2;font-size: var(--font15); margin-right: .8rem;}
.prolistNav .listnav2 dd a:hover ,.prolistNav .listnav2 dd a.on {color: #CC0F04;}
.prolistBox li {position: relative; background: #303030; padding: 1rem 0 1.5rem 0; position: sticky;}
.prolistBox li::after {content: ""; background: url(../images/prolist-bj.png) no-repeat bottom;  padding-top: .9rem; width: 100%; height: 100%; position: absolute;bottom: 0; z-index: 0;    background-size: cover;}
.prolistBox li .box {display: flex;justify-content: space-between; align-items: center;}
.prolistBox li .le {width: 45%; position: relative; z-index: 1;}
.prolistBox li .le h4 {font-size: 0.48rem;color: #fff; font-family: "PFBold";}
.prolistBox li .le p {margin-top: .5rem;color: #e8e8e8;line-height: 30px;}
.prolistBox li .le .canshu {display: flex;margin-top: .5rem;}
.prolistBox li .le .canshu .corRed {color: #CC0F04; font-family: "PFBold"; display: flex; align-items: center;    flex-shrink: 0;}
.prolistBox li .le .canshu .corRed span {margin-left: 5px;}
.prolistBox li .le .canshu .canshuCon {color: #E8E8E8;}
.prolistBox .re {width: 50%; position: relative; z-index: 2;}
.prolistSwiper {padding-bottom: .5rem;}
.prolistSwiper .imgBox {display: flex; justify-content: center;}
.prolistSwiper .imgBox img {max-width: 100%;}
.prolistSwiper .swiper-pagination {bottom: .05rem;}
.prolistSwiper .swiper-pagination svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 26px;    height: 26px;}
.prolistSwiper .swiper-pagination .swiper-pagination-bullet {opacity: 1; background: none; margin: 0 .15rem !important;    position: relative;}
.prolistSwiper .swiper-pagination .swiper-pagination-bullet svg {display: none;}
.prolistSwiper .swiper-pagination .swiper-pagination-bullet svg .path1 {fill: none;}
.prolistSwiper .swiper-pagination .swiper-pagination-bullet svg .path2 {opacity: 1; fill: #CC0F04;}
.prolistSwiper .swiper-pagination .swiper-pagination-bullet svg .circle1 {fill: #CC0F04;}
.prolistSwiper .swiper-pagination .swiper-pagination-bullet svg .circle2 {stroke-dashoffset: 2540; animation: show 3s forwards; animation-duration: 9s;stroke: #CC0F04;}
.prolistSwiper .swiper-pagination .swiper-pagination-bullet span {width: 8px; height: 8px;opacity: 1;background:rgba(255,255,255,0.5); display: block; border-radius: 50%;}
.prolistSwiper .swiper-pagination .swiper-pagination-bullet-active span {opacity: 0;}
.prolistSwiper .swiper-pagination .swiper-pagination-bullet-active svg {display: block;}
/* 产品详情 */
.proDateBanner {position: relative; padding: .8rem 0;}
.proDateBanner .imgBox {position: absolute;top: 0;left: 0; width: 100%; height: 100%; z-index: -1;}
.proDateBanner .imgBox img {height: 100%; width: 100%; object-fit: cover;}
.proDateBanner .con {display: flex; justify-content: space-between; align-items: center;}
.proDateBanner .con .more {display: flex; align-items: center; margin-top: .9rem;}
.proDateBanner .con .more .more1 {margin-top: 0; width: auto; padding: 0 .3rem;}
.proDateBanner .con .more .more1:hover span {margin-right: .2rem;}
.proDateBanner .con .more .conus {color: #ffffff;   font-family: "PFBold"; font-size: var(--font24); margin-left: .2rem;}
.proDateBanner .con .more .conus a {color: #fff;}
.proDateBanner .re {width: 48%;}
.proDateBanner .re img {max-width: 100%;}
.mbx2 {color: #fff;}
.mbx2 a {color: #fff;}
.mbx2 a:hover {color: #c50e04;}
.prolistDateNav {background: #303030; border-bottom: 1px solid rgba(255, 255, 255,.5); position: sticky; top: 95px; z-index: 11;}
.prolistDateNav .DateNavBox {display: flex; justify-content: space-between; align-items: center;}
.prolistDateNav ul {display: flex;}
.prolistDateNav ul li {padding: .3rem 0; display: block;margin-right: 1.25rem; position: relative;}
.prolistDateNav ul li::after {content: ""; width: 0;height: 0.03rem;background: #cc0f04;border-radius: 0.02rem; transition: .5s; position: absolute; bottom: -2px; left: 0;}
.prolistDateNav ul li:hover::after ,.prolistDateNav ul li.on::after {width: 100%;}
.prolistDateNav ul li:last-child {margin-right: 0;}
.prolistDateNav ul li a {color: #ffffff; font-size: var(--font18);}
.prolistDate .dateTle {text-align: center; padding: 1rem 0 .6rem 0;}
.prolistDate .dateTle h4 {font-size: .48rem;color: #ffffff;   font-family: "PFBold";}
.prolistDate .dateTle i {display: inline-block; width: 0.8rem;height: 0.05rem; background: #cc0f04; border-radius: 0.03rem;}
.prolistDateOne {background:#303030 url(../images/prolist-bj.png) no-repeat center; background-size: cover;}
.prolistDateOne .text {width: 70%; margin: auto;color: #e8e8e8; line-height: 28px; text-align: center;}
.prolistDateOne .imgBox {display: flex; justify-content: center; margin-top:0.5rem;}
.prolistDateOne .imgBox img {max-width: 100%;}
.prolistDateTwo {background: url(../images/prolistDateTwo-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 1.5rem;}
.prolistDateTwo .box {padding: .6rem; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; background: rgba(53, 53, 53,.62);border-radius: 0.1rem;}
.prolistDateTwo .box .le dl dd {position: relative;color: #e8e8e8; line-height: 30px; display: flex;  justify-content: flex-start;}
.prolistDateTwo .box .le dl dd i {width: 0.08rem; height: 0.08rem;background: #cc0f04; margin-top: .1rem; border-radius: 50%; flex-shrink: 0; margin-right: .15rem;}

.prolistDateTwo .box .le .canshu {display: flex;margin-top: .5rem;}
.prolistDateTwo .box .le .canshu .corRed {color: #CC0F04; font-family: "PFBold"; display: flex; align-items: center;    flex-shrink: 0;}
.prolistDateTwo .box .le .canshu .corRed span {margin-left: 5px;}
.prolistDateTwo .box .le .canshu .canshuCon {color: #E8E8E8;}
.prolistDateTwo .box .le .more {display: inline-block;margin-top: .4rem;}
.prolistDateTwo .box .le .more .more1 {margin-top: 0; width: auto; padding: 0 .3rem;}
.prolistDateTwo .box .le .more .more1:hover span {margin-right: .2rem;}
.prolistDateTwo .box .le {width: 42%;}
.prolistDateTwo .re {width: 50%;}
.proDateSwiper .imgBox {display: flex; justify-content: center; width: 95%;}
.proDateSwiper .imgBox img {max-width: 100%;}
.proDateSwiper .swiper-pagination { bottom: auto;width: auto;right: 1%;left: auto;top: 50%;}
.proDateSwiper .swiper-pagination svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(90deg); width: 26px;    height: 26px;}
.proDateSwiper .swiper-pagination .swiper-pagination-bullet {opacity: 1; background: none; display: block; margin: .17rem 0;  position: relative;}
.proDateSwiper .swiper-pagination .swiper-pagination-bullet:first-child {margin-top: 0;}
.proDateSwiper .swiper-pagination .swiper-pagination-bullet svg {display: none;}
.proDateSwiper .swiper-pagination .swiper-pagination-bullet svg .path1 {fill: none;}
.proDateSwiper .swiper-pagination .swiper-pagination-bullet svg .path2 {opacity: 1; fill: #CC0F04;}
.proDateSwiper .swiper-pagination .swiper-pagination-bullet svg .circle1 {fill: #CC0F04;}
.proDateSwiper .swiper-pagination .swiper-pagination-bullet svg .circle2 {stroke-dashoffset: 2540; animation: show 3s forwards; animation-duration: 9s;stroke: #CC0F04; opacity:1}
.proDateSwiper .swiper-pagination .swiper-pagination-bullet span {width: 7px; height: 7px;opacity: 1;background: #fff; opacity: 0.5;display: block; border-radius: 50%;}
.proDateSwiper .swiper-pagination .swiper-pagination-bullet-active span {opacity: 0;}
.proDateSwiper .swiper-pagination .swiper-pagination-bullet-active svg {display: block;}

.prolistDateThree {background: url(../images/prolistDateThree-bj.jpg) no-repeat center; background-size: cover;padding-bottom: .8rem;color: #fff;}
.prolistDateThree img {max-width: 100%;}

.prolistDateFour {background: #303030; color: #fff; padding-bottom: 1rem;}


/* =====解决方案===== */
.solutionMain {background: #303030; padding-bottom: 1rem;}
.solutionNav {padding-top: .7rem; border-bottom: 1px solid rgba(255, 255, 255,.28);}
.solutionNav ul {display: flex; justify-content: space-between;}
.solutionNav li {position: relative;padding-bottom: .5rem;}
.solutionNav li svg {position: absolute; left: 50%; top: 100%; transform: translate(-50%, -50%); max-width: .24rem; max-height: .24rem; opacity: 0; transition: .35s;}
.solutionNav li .icBox {width: .76rem; height: .76rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: auto; transition: .5s;}
.solutionNav li span {color: #C7C7C7; display: block; margin-top: .15rem; text-align: center;}
.solutionNav li svg .circle2 {transform: none;}
.solutionNav li svg .circle3 {animation: svgcircle 4s linear infinite;stroke-dashoffset: 4000;stroke-dasharray: 2000 2000;}
@keyframes svgcircle {from {stroke-dashoffset: 4000; stroke-dasharray: 2000 2000;} to {stroke-dashoffset: 0;}}
.solutionNav li:hover .icBox , .solutionNav li.on .icBox {background: #cc0f04;}
.solutionNav li:hover span , .solutionNav li.on span {color: #CC0F04;}
.solutionNav li.on svg {opacity: 1;}
.solutionlist {margin-top: 1rem;}
.solutionlist li {display: flex;margin-top: .5rem; justify-content: space-between;background: rgba(255, 255, 255,.16); overflow: hidden;}
.solutionlist li .le {padding: 5% 3% 5% 5%;box-sizing: border-box; width: 50%;  display: flex; flex-direction: column; justify-content: space-between;}
.solutionlist li .re {width: 50%; overflow: hidden;}
.solutionlist li .re a {display: block;}
.solutionlist li .re img {width: 100%; transition: .35s;}
.solutionlist li .re:hover img {transform: scale(1.05);}
.solutionlist li .le h4 {font-size: var(--font36);color: #ffffff;font-family: "PFBold"; display: inline-block; transition: .35s;}
.solutionlist li .le h4:hover {color: #CC0F04;}
.solutionlist .le .tle i {display: block; width: 0.51rem;height: 0.05rem;background: #cc0f04;border-radius: 0.03rem;}
.solutionlist .le .text {color: #ffffff; font-size: var(--font18);}
.solutionlist .le .tuijian {display: flex; align-items: center;}
.solutionlist .le .tuijian span {color: #fff; font-size: var(--font20); margin-left: 9px;}
.solutionlist li:nth-child(even) .re {order: -1;}
/* 解决方案详情 */
.solutionDate {background: #363636; padding-bottom: 1rem;}
.solutionDate .dateBox > div > div {padding: .5rem 0;}
.solutionDate .dateTle {padding-bottom: .3rem;}
.solutionDate .dateTle h3 {font-size: 0.48rem;color: #ffffff;font-family: "PFBold";}
.solutionDate .dateTle i {display: block;width: 0.8rem;height: 0.05rem;background: #cc0f04;border-radius: 0.03rem;}  
.solutionDate .dateOne {color: #fff;}
.solutionDate .dateTwo {color: #fff;}
.solutionDate .dateTwo h3 {font-size: 0.36rem;}

/* =====关于我们===== */
.aboutNav {border-bottom: 1px solid rgba(255, 255, 255,.28); background: #303030; z-index: 1;}
.aboutNav ul {display: flex;}
.aboutNav li {position: relative;padding: .7rem 0; margin-right: 1.5rem;}
.aboutNav li a span {color: #fff; font-size: var(--font18); transition: .35s;}
.aboutNav li svg {position: absolute; left: 50%; top: 100%; transform: translate(-50%, -50%); max-width: .24rem; max-height: .24rem; opacity: 0; transition: .35s;}
.aboutNav li svg .circle2 {transform: none;}
.aboutNav li svg .circle3 {animation: svgcircle 4s linear infinite;stroke-dashoffset: 4000;stroke-dasharray: 2000 2000;}
@keyframes svgcircle {from {stroke-dashoffset: 4000; stroke-dasharray: 2000 2000;} to {stroke-dashoffset: 0;}}
.aboutNav li:hover .icBox , .aboutNav li.on .icBox {background: #cc0f04;}
.aboutNav li:hover span , .aboutNav li.on span {color: #CC0F04;}
.aboutNav li.on svg {opacity: 1;}

.aboutTle {position: relative;}
.aboutTle p span {font-size: .42rem; display: block; color: #ffffff; line-height: .5rem;   font-family: "PFBold"; position: relative; z-index: 1;}
.aboutTle p .spline {display: inline-block;}
.aboutTle p .spline::after {content: ""; width: 100%; position: absolute;bottom: 3px; left: 0;height: 0.05rem; background: #cc0f04; border-radius: 0.03rem; z-index: -1;}
.aboutTle h5 {text-transform: uppercase;position: absolute; left: 0;writing-mode: vertical-rl;text-orientation: mixed;color: #cc0f04; font-size: var(--font14);  top: .1rem; left: -.5rem;white-space: nowrap;}

.aboutOne {background: #303030; padding: 1rem 0; }
.aboutOne .box {display: flex; justify-content: space-between;}
.aboutOne .le {width: 48%;}
.aboutOne .le .tle {position: relative;}
.aboutOne .le .tle p span {font-size: .42rem;}
.aboutOne .le .text {margin-top: .5rem;}
.aboutOne .le .text p {color: #ffffff; opacity: .57;line-height: 34px;}
.aboutOne ul {display: flex; justify-content: space-between; margin-top: .6rem;}
.aboutOne ul li {width: 20%;}
.aboutOne ul li .num {display: flex;font-family: "LexDecMedium";}
.aboutOne ul li .counter {font-weight: 500;font-size: 0.48rem;color: #ffffff; font-family: "LexDecMedium";}
.aboutOne ul li em {font-size: 0.35rem;color: #ffffff;   font-weight: 700;    line-height: 1.5;}
.aboutOne ul li {color: #fff;}
.aboutOne ul li span {font-size: var(--font17);opacity: .7; color: #fff;}
.aboutOne .re {width: 47%;position: relative; height: 100%;}
.aboutOne .re::after {content: "";  position: absolute; left: 10%; bottom: -.15rem;  width: 80%; height: 80%;background: #cc0f04;border-radius: 0.3rem;}
.aboutSwiper {border-radius: 0.1rem;}
.aboutOne .re .swjt {width: 0.63rem;height: 0.63rem;opacity: 0.3;border: 0.01rem solid #ffffff; left: calc(100% + .3rem); top: 60%; transform: rotate(90deg); transition: .5s; z-index: 0;}
.aboutOne .re .swjt.swiper-button-prev {left: auto; right: -.9rem;top: 40%; transform: rotate(-90deg);}
.aboutOne .re .swjt:hover {background: #cc0f04; opacity: 1;}
.aboutSwiper .swiper-pagination {display: none;}

.aboutTwo {background:#303030 url(../images/aboutTwo-bj.png) no-repeat center; background-size: cover; position: relative; padding-top: .8rem; padding-bottom: 2.7rem;}
.aboutTwo .xinaBox {margin-top: 1rem; display: flex; justify-content: center;}
.aboutTwo .xinaBox .bjBox {display: inline-block;position: relative; }
.aboutTwo .xinaBox .bjBox > img {margin: auto;    display: block; max-width: 100%;}
.aboutTwo dl dd .icBox {width: 0.8rem;height: 0.8rem;background: #cc0f04;display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative;}
.aboutTwo dl dd .icBox img {max-width: 40%;}
.aboutTwo dl dd .icBox::after {content: ""; position: absolute; width: 150%; height: 150%;  left: 50%; top: 50%;transform: translate(-50%, -50%); background: url(../images/aboutTwo-conicon.png) no-repeat bottom;background-size: 100%;}
.aboutTwo dl dd .icBox::after {animation: aboutTworotate 5s infinite linear;}
.aboutTwo dl dd:nth-child(2) .icBox::after {animation-duration: 8s;}
.aboutTwo dl dd:nth-child(3) .icBox::after {animation-duration: 10s;}
@keyframes aboutTworotate {form {transform:translate(-50%, -50%) rotate(0)}to {  transform:translate(-50%, -50%) rotate(360deg);}}
.aboutTwo dl dd em {color: #ffffff; font-size: var(--font18);font-family: Arial, Helvetica, sans-serif; opacity: .37;}
.aboutTwo dl dd {left: 25%; position: absolute;}
.aboutTwo dl dd .conTle {margin-top: .4rem;}
.aboutTwo dl dd h5 {font-size: var(--font30);  font-family: "PFBold";color: #fff;}
.aboutTwo dl dd i {display: block;width: 0.32rem; height: 0.03rem; background: #cc0f04;}
.aboutTwo dl dd p {margin-top: .25rem;}
.aboutTwo dl dd span {font-size: var(--font18); color: #ffffff; display: inline-block; display: block;}
.aboutTwo dl dd {position: absolute;}
.aboutTwo dl dd:nth-child(1) {left: 14%; top: 14%;}
.aboutTwo dl dd:nth-child(2) {left: 48%; top: -10%;}
.aboutTwo dl dd:nth-child(3) {left: 80%;top: 25%;}

.aboutThree {background: url(../images/aboutThree-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0 1.25rem 0;}
.aboutThree ul {display: flex; justify-content: space-between;margin-top: 1rem;}
.aboutThree li {width: 32%;}
.aboutThree li h5 {color: #fff; font-size: var(--font32);color: #ffffff;font-family: "PFBold";}
.aboutThree li p {color: #ffffff; font-size: var(--font15);margin-top: .3rem; line-height: 30px;}
.aboutThree li .imgBox {background: #ffffff;border-radius: 10px; margin-top: .4rem; position: relative;}
.aboutThree li .imgBox img {width: 100%; transition:.35s;border-radius: 10px;}
.aboutThree li .imgBox::after {content: "";width: 0.31rem;height: 0.31rem; background: url(../images/aboutThree-icon.png) no-repeat center;}
.aboutThree li .imgBox::after { position: absolute; left: 100%; top: 50%; transform: translate(-50%, -50%);}

.aboutFour {background: url(../images/aboutFour-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0 1.5rem 0;}
.abfourSwiper {margin-top: 1rem; background: rgba(255, 255, 255,.17);}
.abfourSwiper .con {display: flex;}
.abfourSwiper .con .le { padding: 5%; width: 50%;box-sizing: border-box;}
.abfourSwiper .con .re {width: 50%;}
.abfourSwiper .con strong {display: block;color: #ffffff;font-size: var(--font32);font-family: "PFBold";}
.abfourSwiper .con p {font-size: var(--font18);color: #ffffff; line-height: 30px; margin-top: .4rem;}
.abfourSwiper .con .re img {width: 100%;}
.abfourSwiper .swiper-pagination {    display: block;width: auto;left: 4%; bottom: 10%;}
.abfourSwiper .swiper-pagination svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 26px;    height: 26px;}
.abfourSwiper .swiper-pagination .swiper-pagination-bullet {opacity: 1; background: none; margin: 0 .25rem;  position: relative; }
.abfourSwiper .swiper-pagination .swiper-pagination-bullet:first-child {margin-top: 0;}
.abfourSwiper .swiper-pagination .swiper-pagination-bullet svg {display: none;}
.abfourSwiper .swiper-pagination .swiper-pagination-bullet svg .path1 {fill: none;}
.abfourSwiper .swiper-pagination .swiper-pagination-bullet svg .path2 {opacity: 1; fill: #CC0F04;}
.abfourSwiper .swiper-pagination .swiper-pagination-bullet svg .circle1 {fill: #CC0F04;}
.abfourSwiper .swiper-pagination .swiper-pagination-bullet svg .circle2 {stroke-dashoffset: 2540; animation: show 3s forwards; animation-duration: 9s;stroke: #CC0F04;}
.abfourSwiper .swiper-pagination .swiper-pagination-bullet span {width: 10px; height: 10px;opacity: .22;background: #ffffff; display: block; border-radius: 50%;}
.abfourSwiper .swiper-pagination .swiper-pagination-bullet-active span {opacity: 0;}
.abfourSwiper .swiper-pagination .swiper-pagination-bullet-active svg {display: block;}

.aboutFive {background: url(../images/aboutFive-bj.jpg) no-repeat center; background-size: cover; padding: 2rem 0 1rem 0; position: sticky;position: -webkit-sticky; left: 0;bottom: 0;z-index: -1;opacity: 1;}
.aboutFive .box {width: 75%; margin: auto;}
.aboutFive strong {font-size: 0.3rem;color: #ffffff; font-weight: normal;}
.aboutFive .right {display: flex; justify-content: flex-end;}
.aboutFive .right span {font-size: 0.42rem;font-family: Arial, Helvetica, sans-serif;color: #ffffff; margin-top: .8rem;}

/* =====人才招聘===== */
.talentOne {padding: 1.5rem 0 3.5rem 0; background: url(../images/talentOne-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.talentOne .con {text-align: center;margin-top: 1.5rem;}
.talentOne h4 {color: #fff;font-size: 0.52rem;color: #ffffff; text-align: center;}
.talentOne span {font-size: var(--font26);color: #c50e04;display: block;}
.talentOne strong {display: block;font-size: .48rem;color: #ffffff;font-family: "PFBold";}

.talentTwo {background: #303030; padding-top: 1rem;}
.talentTwo .tle {display: flex; justify-content: space-between; align-items: center;}
.talentTwo .tle .en {writing-mode: vertical-rl;text-orientation: mixed;color: #cc0f04;}
.talentTwo .tle .le {display: flex;}
.talentTwo .tle strong {font-size: 0.52rem;color: #ffffff;font-family: "PFBold"; margin-top: .2rem; margin-left: .2rem;}
.talentTwo .tle .re {width: 42%;}
.talentTwo .tle p {font-size: var(--font18);  color: #ffffff;line-height: 30px; opacity: .59;}
.talentTwo ul {background: url(../images/talentTwo-bj.jpg) no-repeat center; background-size: cover; margin-top: 1rem; display: flex; flex-wrap: wrap; overflow: hidden;}
.talentTwo ul li {margin-bottom: -1px; width: calc(100%/3); min-height: 2.7rem;    border-right: 1px solid rgba(255, 255, 255, 0.2);border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.talentTwo ul li {display: flex; align-items: center; justify-content: center; text-align: center; position: relative;}
.talentTwo ul li span {font-size: var(--font20);color: #ffffff;display: block; margin-top: .1rem;}
.talentTwo ul li .con2 {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 4; padding:.5rem; background: url(../images/talentTwo-con2bj.jpg) no-repeat center center; background-size: cover;opacity: 0;visibility: hidden;transition: all .4s; text-align: center;}
.talentTwo ul li .con2 dl {max-height: calc(2.7rem - 1rem);    width: 100%; transform: translate(0, 20px);transition: all .4s;}
.talentTwo ul li .con2 dl dd {color: #ffffff;font-family: "PFBold";margin: .1rem 0;}
.talentTwo ul li:hover .con2 {opacity: 1; visibility: visible;}
.talentTwo ul li:hover .con2 dl {transform: translate(0, 0);}
.talentTwo ul li :nth-child(3n) {border-right: none;}

.talentThree {padding-top: 1rem; padding-bottom: 2rem; background: #303030;}
.talentThree table {border-collapse:collapse; width: 100%; text-align: left;}
.talentThree .thead {background: #1a1a1a;height: 0.83rem; padding-left: .5rem; box-sizing: border-box;}
.talentThree .thead ul {display: flex; align-items: center;height: 100%;}
.talentThree .thead ul li {color: #ffffff;font-family: "PFBold"; width: calc(100% / 6); padding: 0 .15rem;}
.talentThree table thead th:first-child {padding-left: .7rem;}
.talentThree table tbody td:first-child {padding-left: .7rem;}


.talentThree .tbody li { border-bottom: 1px solid rgba(255, 255, 255,.14);}
.talentThree .tbody li dl {display: flex; padding-left: .5rem;}
.talentThree .tbody li dl dd {color: #fff; padding: .3rem .15rem; width: calc(100% / 6);cursor: pointer;}
.talentThree table tbody td:last-child {width: 0;}

/*=====联系我们===== */
.contactTle {text-align: center;padding: 1rem 0 .6rem 0;}
.contactTle h4 {font-size: 0.48rem;color: #ffffff;}
.contactTle i {width: 0.8rem; height: 0.05rem; background: #cc0f04;border-radius: 0.03rem; display: inline-block;}
.contactTle span {color: #ffffff;font-size: var(--font20); display: block; margin-top: .1rem;}
.contactOne {background: #303030;padding-bottom: 1.5rem;}
.contactOne ul {display: grid; grid-template-columns: repeat(5,1fr); gap: .2rem;}
.contactOne li {padding: .5rem .2rem .4rem .4rem; background: rgba(255, 255, 255,.09);border: 0.01rem solid #404040;border-radius: 0.1rem;transition: all .5s;}
.contactOne li:hover{margin-top:-10px}
.contactOne li h5 {color: #ffffff; font-size: var(--font26);}
.contactOne li dl {margin-top: .25rem;}
.contactOne li dd {margin: .1rem 0;}
.contactOne li dd , .contactOne li dd a  {color: rgba(255, 255, 255,.6);}
.contactOne li dd a:hover {color: #cc0f04;}

.contactTwo {background: url(../images/contactTwo-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 2rem;}
.contactTwo ul {display: grid; grid-template-columns: repeat(6,1fr);gap: .2rem;}
.contactTwo li {padding: .6rem .2rem .4rem .2rem;transition: all .5s; box-sizing: border-box; background: rgba(255, 255, 255,.09); border: 1px solid #404040; border-radius: 10px;}
.contactTwo li h6 {color: #ffffff; font-size: var(--font26);}
.contactTwo li i {width: 0.39rem;height: 0.04rem;opacity: 0.18; background: #ffffff;border-radius: 0.02rem;display: block; margin-top: .15rem;}
.contactTwo li .name {color: #ffffff;font-size: var(--font30); margin-top: .4rem;}
.contactTwo li .emailBox {display: flex; align-items: center; margin-top: .15rem;}
.contactTwo li a {color: #ffffff;}
.contactTwo li a:hover {color: #c50e04;}
.contactTwo li:hover{margin-top:-10px}

.contactThree {background: url(../images/contactThree-bj.jpg) no-repeat center; background-size: cover; padding-bottom: .7rem; background-attachment: fixed;}
.contactThree .box {width: 48%; margin: auto;}
.message ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.message ul li {width: 48%; margin-bottom: .2rem;}
.message ul li em{display: block; color: #F5F5F5; margin-bottom: .1rem;}
.message ul li i{display: inline-block; font-style: normal; color: #ff3b3b; vertical-align: top;}
.message ul li input,.message ul li textarea {padding: 0 .2rem; outline: none; font-family: "Microsoft YaHei"; border: 1px solid rgba(255, 255, 255, .22); box-sizing: border-box; width: 100%;  height: .47rem; color: #fff; background: transparent; }
.message ul li textarea {padding-top: .1rem;}
.message ul li:last-child {width: 100%;}
.message ul li textarea {height: .92rem;}
.message .sub {display: flex; justify-content: center;margin-top: .6rem;}
.message button {transition:0.6s; cursor: pointer; outline: none; border: none; width: 1.65rem;height: 0.5rem; background: #CC0F04;border-radius: 25px; font-size: var(--font18);  color: #fff; text-align: center;}
.message button:hover{ background: #fff; color: #CC0F04;}


/* 多行省略 */
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.line5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}

/* =====新闻资讯列表页===== */
.gray-bg{background: #303030; padding-bottom: 1.5rem;}
.latest-news{padding: 1.21rem 0 .6rem;}
.news-box{position: relative; overflow: hidden;}
.news-box ul li a{display: flex; align-items: center; justify-content: space-between;}
.news-box ul li .pic{width: 46%;}
.news-box ul li .pic>img{display: block; width: 100%; border-radius: 0.15rem;}
.news-box ul li .info{width: 47%; color: #fff;}
.news-box ul li .info span{display: block; font-size: var(--font16); }
.news-box ul li .info h3{  font-size: var(--font36); font-family: "PFBold"; margin-bottom: 0.27rem;}
.news-box ul li .info h4{  font-size: var(--font16); opacity: 0.64; line-height: 0.3rem; margin-bottom: 0.65rem;}
.news-box ul li .news-more{ display: block; width: 1.72rem;background: #cc0f04;border-radius:5px; text-align: center;  }
.news-box ul li .news-more em{display: inline-block;  font-size: var(--font16); line-height: 0.65rem;  color: #fff;  margin-right: 0.13rem; transition: 0.6s;}
.news-box ul li .info img{display: inline-block; }
.news-box ul li .info .news-more:hover em{margin-right: 0.23rem;}
#news-num{right: 0; left: auto; width: auto; bottom: 0.42rem;}
#news-num .swiper-pagination-bullet {width: 0.11rem;height: 0.11rem;background: #ffffff; margin: 0 0 0 0.15rem;}
#news-num .swiper-pagination-bullet-active{background: #CC0F04;}

.newsNav li {padding: .6rem 0;}

.nynews-list {margin-top: .9rem;}
.nynews-box ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.nynews-box ul:after{content: ''; width: 31%; }
.nynews-box ul li{width: 31%; margin-bottom: 0.57rem;}
.nynews-box ul li .pic{overflow: hidden;border-radius: 0.1rem; }
.nynews-box ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nynews-box ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nynews-box ul li .info{color: #fff; padding: 0.27rem 4% 0;}
.nynews-box ul li em{ font-size: var(--font20);  opacity: 0.63;line-height: 0.3rem; font-family: "PFBold"; margin-bottom: 0.18rem;}
.nynews-box ul li span{display: block; font-size: var(--font16); opacity: 0.42; }
.nynews-box ul li:hover em{opacity: 1;}

/* 新闻详情页 */
.position{border-bottom: 0.01rem solid rgba(238,238,238,0.08); padding: 0.5rem 0;}
.position span{display: block; font-size: var(--font16); color: #fff;}
.position a{display: inline-block;   color: #fff;}
.position a:hover{color: #CC0F04;}
.newsxq-box{padding: 0.5rem 0; margin-bottom: 0.44rem;}
.news-left{width: 65%;}
.newsxq-title{border-bottom: 0.01rem solid rgba(221,221,221,0.46); padding-bottom: 0.53rem;}
.newsxq-title strong{display: block; font-size: 0.48rem; color: #fff;  font-family: "PFBold"; margin-bottom: 0.11rem;}
.newsxq-title span{display: block; font-size: var(--font16); color: #dbdbdb; }
.newsxq-editbox{padding: 0.6rem 0; border-bottom: 0.01rem solid rgba(221,221,221,0.46); margin-bottom: 0.44rem;}
.newsxq-editbox img {max-width: 100%;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center;}
.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;border: 0.02rem solid #eeeeee;border-radius: 0.05rem;}
.news-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.newsxq-page em{display: inline-block; font-size: var(--font16); color: #fff;}
.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: #CC0F04; border-color: #CC0F04; }
.newsxq-page a:hover em{color: #CC0F04;}

.news-right{position: sticky; top: 1.2rem; width: 26.2%;  border-radius: 0.15rem; background-color: #383838; padding: 0.35rem 2.4% 0.47rem; box-sizing: border-box;  color: #fff;}
.news-right:after{position: absolute; content: ''; bottom: -0.035rem;  width: 74%; height: 0.07rem;background: #cc0f04;border-radius: 0.04rem;  left: 50%; transform: translateX(-50%);} 
.news-right h2{display: block; font-size: var(--font26);font-family: "PFBold"; padding-bottom: 0.37rem; }
.recom-news ul li{margin-bottom: 0.3rem;}
.recom-news ul li a{color: #fff; display: flex; align-items: center;}
.recom-news ul li .pic{width: 38%; border-radius: 0.05rem; margin-right: 6%; overflow: hidden;}
.recom-news 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;}
.recom-news 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;}
.recom-news ul li .info{width: 56%;}
.recom-news ul li .info span{display: block; font-size: var(--font14); }
.recom-news ul li .info h3{ font-size: var(--font18); font-family: "PFBold"; line-height: 0.26rem;}
.recom-news ul li:hover .info h3{color: #CC0F04;}



/* 产品详情 */
.table1 tr td {padding:.3rem .5rem; box-sizing: border-box;border-radius:0.3rem;height: 330px !important;}
.table1 tr td p img{transition: all .5s;}
.table1 tr td:hover p img{margin-top:-10px}




/* 隐藏滚动条 */
::-webkit-scrollbar {
  width: 4px; /* 设置滚动条宽度 */border-radius:10px;
}
 
/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: #ddd; /* 设置滚动条轨道背景颜色 */border-radius:10px;
}
 
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background-color: #CC0F04; /* 设置滚动条滑块颜色 */
}
 
/* 滚动条滑块悬停状态 */
::-webkit-scrollbar-thumb:hover {
  background-color: #a10900; /* 设置滚动条滑块悬停状态颜色 */
}



/* 简历弹出层 */
.acquisition {padding: .3rem;box-sizing: border-box; background-color: #fff; width: 55%; display: none; cursor: default;    white-space: initial;}
.acquisition .box-title {display: flex; justify-content: space-between; align-items: center;}
.acquisition .box-title h3 {font-size: var(--font24); color: #000; font-weight: bold; margin: 0; text-align: left; width: 85%;}
.acquisition .box-title span {font-size: .5rem; cursor: pointer; color: #000; line-height: 30px;}
.acquisition .time span {font-size: var(--font16); color: #666;display: inline-block; margin-right: .6rem;}
.acquisition .time {border-bottom: 1px solid #ececec; padding: .1rem 0; text-align: left;}
.acquisition .infoCon {margin-top: .25rem;  height: 38vh; overflow-y:auto; text-align: initial;color:#333}
@media screen and (min-width: 200px) and (max-width: 768px) {
.acquisition {  width: 92%;}
}


/* 搜索页面 */
.search-page .box {margin-top: 1.25rem;}
.search-page form {width: 75%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }
.search-page form .searchCon {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 23px;  height: 23px; display: block; cursor: pointer; background: url(../images/searchIcon.png) no-repeat center; outline: none; border: none; background-size:100%; filter: brightness(0); -webkit-filter:brightness(0);}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #CC0F04; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: var(--font18); margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: var(--font16); color: #666; }
.search-page li .le {width: 95%;}
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}
@media screen and (min-width: 200px) and (max-width: 640px){
  .search-page form {
      width: 90%;
      margin-bottom: 40px;
  }
}

/* 分页 */
.fy { padding: 0.5rem 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a { border: 2px solid #cccccc; display: flex; align-items: center; justify-content: center;  color: #fff; font-size: var(--font16); border-radius: 3px;}
.fy a {height: .5rem;   min-width: 35px; min-height: 35px; transition: .4s; margin:5px;padding:0 0.2rem }
.fy a:hover {color: #fff; background: #CC0F04; border-color: #CC0F04;}
.fy .layui-laypage-curr {display: flex; align-items: center; justify-content: center;}
.fy .layui-laypage-curr {width: .5rem; height: .5rem;     min-width: 35px; min-height: 35px; color: #fff; background: #CC0F04; font-size: var(--font16); margin: 0 5px;border-radius: 3px;}
.fy a:first-child::before ,.fy a:last-child::after {content: ''; color: #333; width: 20px; height: 10px; background: url(../images/jt4.png) no-repeat center right; background-size: 40%; transition: all .4s ease-in 0s;filter: brightness(100); -webkit-filter:brightness(100);}
.fy a:first-child::before {transform: rotate(180deg);}
.fy a:first-child:hover::before ,.fy a:last-child:hover::before {filter: none; -webkit-filter:none;}


/* 响应式修改 */
.more1 {min-width: 150px;min-height: 35px;}
.proDateBanner .con .more .more1 {margin-right: .2rem;}
.proDateBanner .con .more .conus {margin-left: 0;}
.prolistNav .listnav2 dd.on {display: flex; flex-wrap: wrap;}
.prolistNav .listnav2 dd a {margin-right: .4rem; margin-top: .15rem;}
.prolistDateNav .DateNavBox {flex-wrap: wrap;}
.prolistDateTwo .box .le dl dd i {margin-top: 10px;}

/* 解决方案 */
.solutionNav li .icBox img {max-width: 62%;}

/* 关于我们 */
.aboutSwiper .imgBox img {width: 100%;}
.aboutThree li .imgBox::after {    background-size: 100%;}
.abfourSwiper .swiper-slide {height: auto;}
.abfourSwiper .con {height: 100%;}
.abfourSwiper .con .re img {height: 100%; object-fit: cover;}

/* 新闻列表 */
.news-box ul li .info h4 {line-height: 1.5;}
.news-box ul li .news-more {min-width: 135px;}
/* 新闻详情 */
.recom-news ul li .info h3 {line-height: 1.5;}
.news-right {top: 100px;}
.news-prev img , .news-next img {max-width: 30%;}

/* 人才招聘 */
.talentThree .tableBox {overflow-x: auto; display: block;}
.talentThree .tbody li dl dd {flex-shrink: 0;}
.talentThree .tableBox::-webkit-scrollbar {height: 2px;}
.talentThree .tableBox .box {min-width: 768px;}
.message ul li input, .message ul li textarea {min-height: 30px;}
.message ul li textarea {min-height: 100px;}
.message button {min-width: 100px; min-height: 35px;}