/* =====头部===== */ 
/* box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); */
#c-placeholder {}
.header {position: relative; z-index: 999;}
.headerfh {height: 1.4rem; min-height: 120px;}
.headerBox {box-sizing: border-box; position: fixed; width: 100%; left: 0; top: 0; background: #fff; z-index: 99; transition: .5s; box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.03);}
.headerBox .box {display: flex; justify-content: space-between; height: .84rem;  min-height: 75px; align-items: center;}
.headerlogo img {max-width:250px;}
.headSearch {width: 38%;}
.headSearch form {padding: 0 .2rem; height: 0.45rem; min-height: 40px; background: #ededed;border-radius: 0.1rem; display: flex; align-items: center; justify-content: space-between;}
.headSearch form input {height: 100%;width: 100%; padding-right: .2rem;}
.headSearch form input::placeholder {font-size: var(--font13);font-weight: 700;color: #bababa;}
.headSearch form button {flex-shrink: 0; cursor: pointer;}
/* 头部右侧 */
.luanageChiose .icBox {margin-right: .15rem;}
.luanageChiose .xian {color: #bbb; margin: 0 .12rem;width: 1px;height: 0.13rem;background: #bbbbbb;}
.luanageChiose a {opacity: 0.34;font-family: Arial, Arial-Bold; font-weight: 700; color: #333; transition: .5s;}
.luanageChiose a:hover , .luanageChiose a.on {opacity: 1;}

/* 头部导航 */
nav {}
nav ul {display: flex;height: .56rem; min-height: 45px;border-top: 1px solid rgba(231, 231, 231,.15); box-sizing: border-box}
nav ul li {display: flex; align-items: center; margin-right: .8rem; position: relative;}
nav ul li:last-child {margin-right: 0;}
nav ul li a {color: #333333;font-weight: bold;}
nav ul li:hover > a , nav ul li.on > a {color: #053486;}
/* 下拉菜单 */
.navTwo {line-height: initial; width: max-content; padding: .1rem;position: absolute;top: 100%;left: 50%;transform: translate(-50%, 50px);z-index: 10;background: #fff;opacity: 0;pointer-events: none;transition: all 0.4s;box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.06);}
.navTwo.on {opacity: 1;pointer-events: auto;transform: translate(-50%, 0);}
.navTwo dl {padding: 0 .1rem;}
.navTwo dl dd a {font-size: var(--font14);display: block;padding: .12rem .05rem;border-bottom: 1px solid #dbdbdb;text-align: center; transition: .4s;}
.navTwo dl dd:last-child a {border: none;} 
.navTwo dl dd a:hover {color: #053486;}
/* 产品导航 */
.navTwo2 {position: fixed; width: 100%; left: 0;background: #f9f9f9;padding: .5rem 0; box-sizing: border-box; top: 1.4rem; display: none;}
.navTwo2 .navTwo2Box {display: flex; justify-content: space-between;}
.navTwo2 .le {width: 60%; display: flex; justify-content: space-between;}
.navTwo2 .le dl {width: 45%;}
.navTwo2 .le dl dt {padding-bottom: .2rem; border-bottom: 1px solid #DBDBDB;}
.navTwo2 .le dl dt a {display: flex; justify-content: space-between; align-items: center;}
.navTwo2 .le dl dt h6 {font-size: var(--font24);font-weight: 700; color: #333333;}
.navTwo2 .le dl dt span {font-size: var(--font14);font-weight: 400; color: #666666;}
.navTwo2 .le dl dt .more {width: 0.4rem;height: 0.4rem; border: 1px solid #c6c6c6; border-radius: 50%; transition: .5s;}
.navTwo2 .le dl dt:hover .more {background: #053486; border-color: #053486;}
.navTwo2 .le dl dt:hover .more svg path {fill: #fff;}
.navTwo2 .le dl .ddBox {display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: .3rem;} 
.navTwo2 .le dl .ddBox dd {width: 46%; margin: .06rem 0;}
.navTwo2 .le dl .ddBox dd a {color: #6b6b6b; font-size: var(--font15); font-weight: 200;}
.navTwo2 .le dl .ddBox dd a:hover {color: #053486; font-weight: 700;}
.navTwo2 .re {width: 33%;}
.navTwo2Swiper .imgBox img {max-width: 100%;}
@media screen and (min-width: 200px) and (max-width: 1700px) {
    .navTwo2 {top: 120px;}
}

/* 下滑头部 */
.header.header-move .headerBox {transform: translateY(-100%);}


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

/* 了解更多 */
.more1 {display: inline-flex; padding: .12rem .4rem;  border-radius: 30px; background: #053486; color: #fff; transition: .5s;}
.more2 {display: inline-flex; align-items: center; padding: .12rem .25rem; background: #fff; border-radius: 30px; color: #053486; transition: .5s; font-weight: 700;}
.more2 svg {margin-left: .1rem;}

@media (any-hover: hover) {
    .more1:hover {box-shadow: 0 0 .1rem #053486;}
    .more2:hover {box-shadow: 0 0 .1rem #fff;}
}
/* banner */
.indexBanner {overflow: hidden; position: relative; z-index: 2; background: #fff;}
.bannerSwiper .swiper-slide {overflow: hidden; height: auto;}
.bannerSwiper .slideBox {display: flex; position: relative; z-index: 1; padding: 1.2rem 0; align-items: center; justify-content: space-between;}
.bannerSwiper .bjBox {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0;}
.bannerSwiper .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.bannerSwiper .slideBox strong {font-size: 0.6rem;font-weight: 700; color: #053486; display: block; line-height: 1.2;}
.bannerSwiper .slideBox .text {margin-top: .4rem;}
.bannerSwiper .slideBox .text p {color: #333333; font-size: var(--font18);}
.bannerSwiper .slideBox .slidecon {width: 50%;}
.bannerSwiper .slideBox .imgBox {width: 42%; display: flex; align-items: center; justify-content: flex-end;}
.bannerSwiper .slideBox .imgBox img {max-width: 100%;}
.bannerSwiper .slideBox .more {margin-top: .6rem;}
.bannerSwiper .swiper-button-prev.swjt {transform: rotate(180deg);}
.bannerSwiper .swiper-pagination span {width: 0.33rem;height: 3px; background: #c0c0c0; border-radius: 0; opacity: 1;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #053486;}

/* 首页 */
.indexOne {background: #053486; padding: .7rem 0;}
.indexOne .box {display: flex; justify-content: space-between; align-items: center;}
.indexOne .le {width: 50%;}
.indexOne .le img {max-width: 3rem;}
.indexOne .le .text {margin-top: .25rem;}
.indexOne .le .text p {color: #fff; font-size: var(--font15); font-weight: 200; line-height: 1.6;}

.indexTle h3 {font-size: .5rem; font-weight: 700; color: #333333;}
.indexTwo {padding: 1rem 0;overflow: hidden;}
.indexTwo .top {display: flex; justify-content: space-between; align-items: center;}
.indexTwo .topnav ul li {position: relative; margin-right: .45rem;}
.indexTwo .topnav ul li:last-child {margin-right: 0;}
.indexTwo .topnav ul li a {font-size: var(--font24); font-weight: 400; color: #c3c3c3; transition: .4s;} 
.indexTwo .topnav ul li::before {content: "";width: 0;height: 0.05rem; background: #053486; display: inline-block; margin-right: .12rem;  transition: .5s;}
.indexTwo .topnav ul {margin-left: .8rem;}
.indexTwo .topnav ul li.on::before {width: .15rem;}
.indexTwo .topnav ul li.on a {font-weight: 700; color: #053486;}

.indexTwo .swiperBox {position: relative;margin-top: .7rem;}
.indexTwo .swiperBox .item {position: relative; width: 100%;  visibility: hidden;  display: none;}
.indexTwo .swiperBox .item.on {display: block;  animation: fadeInUp 1s forwards; visibility: visible;}
.inTwoSwiper {position: static;}
.inTwoSwiper .swiper-slide {background:#fff; height: auto;border:1px solid #ddd}
.inTwoSwiper .swiper-slide a {padding: .35rem; box-sizing: border-box; display: block;}
.inTwoSwiper .tle h5 {font-size: var(--font24);font-weight: 700;color: #333333;}
.inTwoSwiper .tle span {color: #b3b3b3; font-size: var(--font15);}
.inTwoSwiper .imgBox {margin: .5rem 0; padding: .2rem; display: flex; align-items: center; justify-content: center; background: #fff;}
.inTwoSwiper .imgBox img {max-width: 100%; transition: .5s;}
.inTwoSwiper .more {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.inTwoSwiper .more .en {color: #898989;font-family: Arial, Arial-Regular; font-size: var(--font18);}
.inTwoSwiper .more .jia {font-size: var(--font30);font-weight: 400;color: #4f4f4f; transition: .5s;}
.inTwoSwiper .swiper-slide:active .imgBox img {transform: scale(1.03);}
.inTwoSwiper .swiper-slide:active .more .jia {transform: rotate(180deg); color: #053486;}
@media (any-hover: hover) {
    .inTwoSwiper .swiper-slide:hover .imgBox img {transform: scale(1.03);}
    .inTwoSwiper .swiper-slide:hover .more .jia {transform: rotate(180deg); color: #053486;} 
}
.inTwoSwiper .swjt {transform: translateX(150%); right: 0; width: .32rem; height: .32rem;}
.inTwoSwiper .swjt svg {max-width: 100%;}
.inTwoSwiper .swjt.swiper-button-prev {transform: translateX(-150%) rotate(180deg); left: 0;}

.indexThre {background: #053486; position: relative; overflow: hidden;}
.indexThre .box {display: flex; padding: 1rem 0;}
.indexThre .re {position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); width: 50%; height: 100%;}
.indexThre .re img {width: 100%; height: 100%; object-fit: cover;}
.indexThre .indexTle h3 {color: #fff;}
.indexThre .le {width: 40%;}
.indexThre .le .text {margin-top: .4rem;}
.indexThre .le .text p {color: #ffffff; font-size: var(--font14);line-height: 1.6; text-align: justify;}
.indexThre .numlist ul {display: flex; margin-top: 1rem; justify-content: space-between;}
.indexThre .le li .num {display: flex;}
.indexThre .le li .counter {color: #ffffff; font-size: var(--font36);}
.indexThre .le li .jia {font-size: var(--font22); font-weight: 500;  color: #ffffff;}
.indexThre .le li span {color: #ffffff; font-size: var(--font15); display: block;}

.indexFour {padding: 1.1rem 0;}
.indexFour .indexTle {text-align: center;}
.indexFour .swiperBox {position: relative; margin-top: .6rem;}
.inFoSwiper {position: static;}
.inFoSwiper .swiper-slide {background: #f6f6f6;}
.inFoSwiper .imgBox {width: 100%; overflow: hidden;}
.inFoSwiper .imgBox img {width: 100%; transition: .5s;}
.inFoSwiper .con {padding: .25rem; box-sizing: border-box;}
.inFoSwiper h5 {font-size: var(--font20);font-weight: 700; color: #141414;}
.inFoSwiper .time {font-size: var(--font15);font-weight: 400; color: #777777; margin-top: .45rem;}
.inFoSwiper .swiper-slide:hover .imgBox img {transform: scale(1.1);}
.inFoSwiper .swjt {transform: translateX(150%); right: 0; width: .32rem; height: .32rem;}
.inFoSwiper .swjt svg {max-width: 100%;}
.inFoSwiper .swjt.swiper-button-prev {transform: translateX(-150%) rotate(180deg); left: 0;}

.indexFive {background: #e9e9e9; }
.indexFive .box {border-bottom: 1px solid #C3C3C3;padding: .4rem 0;}
.indexFive .box ul {display: flex; justify-content: space-between;}
.indexFive li {position: relative; width: 31%; overflow: hidden; z-index: 1;}
.indexFive li .bjBox {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1;}
.indexFive li .bjBox img {width: 100%; height: 100%;}
.indexFive li .con {padding: .5rem; padding-right: .1rem; padding-bottom: .55rem; box-sizing: border-box;}
.indexFive li h5 {font-size:var(--font30);font-weight: 700;color: #ffffff;}
.indexFive li p {font-size: var(--font14);font-weight: 400;color: #ffffff; margin-top: .1rem;}


/* ======底部===== */
.footer {background: #e9e9e9;}
.footer .box {display: flex; justify-content: space-between; padding: .7rem 0;}
.foternav {display: flex;width: 48%; justify-content: space-between;} 
.foternav dt {margin-bottom: .35rem;}
.foternav dt a {font-size: var(--font20);font-weight: 700;color: #333333;}
.foternav dd {margin: .08rem 0;}
.foternav dd a {color: #333333;opacity: 0.46; font-size: var(--font15);}
.foternav dd a:hover {color: #053486; opacity: 1;}
.foterus dd {display: flex; margin-bottom: .35rem;}
.foterus dd .icBox {width: .46rem; display: flex; align-items: center; justify-content: center; margin-right: .12rem;}
.foterus dd .icBox img {max-width: 100%;}
.foterus dd span {display: block;opacity: 0.48;color: #333333; font-size: var(--font14); margin-bottom: 5px;}
.foterus dd strong {color: #333333; font-size: var(--font20);}
.foterus dd p , .foterus dd p a {color: #333333;}
.foterus dd p a:hover {color: #053486;}
.foterCopy {background: #333333; padding: .2rem 0;}
.foterCopy p , .foterCopy p a { font-size: var(--font15); font-weight: 400; color: rgba(255, 255, 255,.5);}
.foterCopy p a:hover {color: #fff;}

/* ==========================================================内页============================================================== */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%; min-height: 4rem; object-fit: cover;}
.ny-banner .con {text-align: center;}
.ny-banner .con h2 {font-size: .5rem; font-weight: 700;color: #ffffff;}
.ny-banner .con .text {padding-top: .2rem; width: 50%; margin: auto;}
.ny-banner .con .text p {color: #fff; line-height: 1.7;}

.ny-banner2 {position: relative; overflow: hidden; z-index: 1; padding: .9rem 0; background: url(../images/ny-banner2-bj.jpg) no-repeat center; background-size: cover;}
.ny-banner2 .imgBox {display: none;position: absolute;  right: 0; bottom: -2%; z-index: -1; max-width: 40%;}
.ny-banner2 .imgBox img {max-width: 100%;}
.ny-banner2 h2 {font-size: 0.5rem; font-weight: 700;color: #ffffff;}
.ny-banner2 h2 img {max-width: 3rem;}
.ny-banner2 .text {margin-top: .1rem;}
.ny-banner2 .text P {color: #ffffff; font-size: var(--font24);}
.mbxBox {display: flex; justify-content: flex-end;}
.mbxBox .mbx {display: flex; align-items: center; color: #7A8599; font-size: var(--font14);}
.mbxBox .mbx img {margin-right: .1rem;}
.mbxBox .mbx a {color: #7A8599;}
.mbxBox .mbx a:hover , .mbxBox .mbx a.on {color: #fff;}

.ny-banner3 {position: relative;}
.ny-banner3 .imgBox img {max-width: 100%; min-height: 4rem; object-fit: cover;}
.ny-banner3 .con {text-align: center;}
.ny-banner3 .con h2 {font-size: 0.5rem; font-weight: 700; color: #ffffff;}
.ny-banner3 .con p {color: #ffffff;margin-top: .25rem;}

/* 内页导航 */
.nynav ul {display: flex;}
.nynav li {margin-right: .3rem;}
.nynav li a {padding: .12rem .4rem; display: block; text-align: center; background: #e3e3e3;border-radius: 30px;color: #333333; font-weight: 700; transition: .5s;}
.nynav li:hover a , .nynav li.on a {background: #053486; color: #fff;}

.aboutOne {background: #f9f9f9; padding: .8rem 0;}
.aboutOne ul {display: flex; flex-wrap: wrap;}
.aboutOne li {width: 50%; background: #fff; padding: .4rem; box-sizing: border-box; border-top: 1px solid #000000;}
.aboutOne li:nth-child(even) {border-left: 1px solid rgba(102, 102, 102,.36);}
.aboutOne li .imgBox {overflow: hidden;}
.aboutOne li .imgBox img {width: 100%; transition: .5s;}
.aboutOne li .con {padding: .3rem .1rem; padding-bottom: 0; box-sizing: border-box;}
.aboutOne li h5 {font-size: var(--font36);font-weight: 700;color: #333333;}
.aboutOne li .text {margin-top: .15rem;}
.aboutOne li p {color: #333333; line-height: 1.6;}
.aboutOne li .more {margin-top: .5rem; border: 2px solid #333333;border-radius: 30px; display: inline-block;  padding: .1rem .28rem; box-sizing: border-box; color: #333333; transition: .5s;}
.aboutOne li a:hover .imgBox img {transform: scale(1.1);}
.aboutOne li a:hover .more {background: #053486; color: #fff; border-color: #053486;}
.aboutOne li:last-child {margin-top: .4rem;width: 100%; border-width: 4px;}
.aboutOne li:last-child a {display: flex;justify-content: space-between;}
.aboutOne li:last-child .imgBox {width: 37%;}
.aboutOne li:last-child .con {width: 58%; padding-top: .5rem;}
.aboutOne li:last-child .con .tlesc {color: #333333; font-size: var(--font22);}
.aboutOne li:last-child .con .disc {margin-top: .4rem;}
.aboutOne li:last-child .con .disc p {color: #666666; font-size: var(--font14);}

.aboutTwo {background: #053486; padding: .7rem 0 .5rem; box-sizing: border-box;}
.aboutTwo .con {text-align: center;}
.aboutTwo .con h3 {font-size: 0.5rem;font-weight: 700;color: #ffffff;}
.aboutTwo .con p {font-size: var(--font22);color: #ffffff;}
.aboutTwo .con .more {margin-top: .3rem;}
.aboutTwo .con .more a {border-radius: 30px; display: inline-block; background: #fff;  padding: .1rem .36rem; box-sizing: border-box; color: #333333; transition: .5s;}
.aboutTwo .con .more a:hover {box-shadow: 0 0 .1rem #fff; color: #053486;}

/* 公司简介 */
.about2One {padding: 1rem 0;}
.about2One .box {display: flex; justify-content: space-between; align-items: flex-end;}
.about2One .box .le .p1 {font-size: var(--font36); font-weight: 700;}
.about2One .box .le .text {margin-top: .3rem; font-size: var(--font18);}
.about2One .box .le .text p {color: #666666; line-height: 1.7;}
.about2One .box ul {display: grid; grid-template-columns: repeat(2,auto);gap: .6rem; row-gap: .2rem;}
.about2One .box li {display: flex; align-items: center;}
.about2One .box li .icBox {margin-right: 10px;}

.about2Two ul {display: flex; justify-content: space-between;}
.about2Two ul li {width: 32.7%;position: relative;}
.about2Two ul li .imgBox {overflow: hidden;}
.about2Two ul li .imgBox img {width: 100%; transition: .5s;}
.about2Two ul li .con {position: absolute; right: 0; bottom: 0; padding: .2rem .3rem .2rem 1rem; background: linear-gradient(to right ,rgba(255, 255, 255, 0.0001) 0%,rgba(11, 62, 141,.7) 100%);}
.about2Two ul li .con span {color: #fff; font-size: var(--font17);}
.about2Two ul li:hover .imgBox img {transform: scale(1.1);}

.about2Thre {padding: 1rem 0;}
.about2Thre .tle h4 {font-size: var(--font36); font-weight: 700;}
.about2Thre .box {margin-top: .5rem; background: #f9f9f9;padding: .5rem; box-sizing: border-box; display: flex; justify-content: space-between;}
.about2Thre .le {width: 36%;}
.about2Thre .re {width: 54%;}
.about2Thre .box .line { background-color: rgb(122, 122, 122); opacity: 0.051; width: 4px;}
.about2Thre .le .peo {display: flex; align-items: center;}
.about2Thre .le .peo .imgBox {margin-right: .2rem;}
.about2Thre .le .peo .imgBox img {max-width: 2rem;}
.about2Thre .le .peo .name {}
.about2Thre .le .peo .name .n1 {font-size: var(--font24); display: inline-block;}
.about2Thre .le .peo .name .n2 {font-size: var(--font15); color: #626262;display: inline-block; margin-left: .1rem;}
.about2Thre .le .peo .p1 {margin: .1rem 0;}
.about2Thre .le .peo .xian {width: .4rem; height: 0.04rem; min-height: 2px; background: #053486; border-radius: 100px;}
.about2Thre .le .text {margin-top: .3rem;}
.about2Thre .le .yearlist {margin-top: .8rem;}
.about2Thre .le .yearlist li {display: flex; align-items: center; flex-wrap: wrap; margin-top: .1rem;}
.about2Thre .le .yearlist li .circle {position: relative;}
.about2Thre .le .yearlist li .circle i {display: block; width: 8px; height: 8px; border-radius: 50%;background: #053486;}
.about2Thre .le .yearlist li .circle::after {content: ''; border-radius: 50%; position: absolute; width: 100%; height: 100%; left: 0; top: 0;background: #053486; animation: shubiao 1s infinite linear .65s;}
.about2Thre .le .yearlist li .year {margin: 0 .05rem 0 .1rem; font-weight: 700; flex-shrink: 0;}
.about2Thre .le .yearlist li span {color: #7a7a7a;}
.about2Thre .re p {margin-top: .2rem; line-height: 1.7;}
.about2Thre .re p span {display: block;}

.about2Four ul {padding: .2rem 0;}
.about2Four li {display: flex; justify-content: space-between;padding: .9rem 0; border-top: 1px solid rgba(102, 102, 102,.3);}
.about2Four li .le {width: 45%; padding: .4rem 0 .1rem;}
.about2Four li .imgBox {width: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.about2Four li .imgBox img {max-width: 100%;}
.about2Four li h5 {font-size: var(--font36); font-weight: 700; color: #333333;}
.about2Four li .text {margin-top: .3rem;}
.about2Four li .text p {color: #666666; font-size: var(--font18); line-height: 1.7;}
.about2Four li:nth-child(odd) .imgBox {order: -1;}






/* 关于我们==品牌 */
.about3-banner {padding: .9rem 0 .5rem;}
.about3-banner .text {margin-top: .2rem; width: 50%;}
.about3-banner .text p {font-size: var(--font15);}

.about3One {background: #f9f9f9; padding: 1rem 0 1.3rem;}
.about3One .box {display: flex; justify-content: space-between; align-items: center;}
.about3One .le {width: 47%;}
.about3One .le h3 {color: #0c3e8d;font-weight: 700; font-size: var(--font40);}
.about3One .le .text {margin-top: .3rem;}
.about3One .le .text p {color: #666666; line-height: 1.7;}
.about3One .re {width: 50%; display: flex; align-items:center; justify-content: center;}
.about3One .re img {max-width: 100%;}

.about3Two {padding: 1rem 0 1.3rem;}
.about3Two .indexTle {text-align: center;}
.about3Two ul {margin-top: .5rem; display: flex; justify-content: space-between;}
.about3Two li {margin-top: .4rem; text-align: center; width: 24%;}
.about3Two li .icBox {width: 1.03rem; height: 1.03rem; min-height: 50px; min-width: 50px; background: #f9f9f9; border-radius: 50%; margin: auto;}
.about3Two li .icBox img {max-width: 50%;}
.about3Two li .con {margin-top: .2rem;}
.about3Two li h6 {font-size: var(--font24);font-weight: 700;  color: #0c3e8d;}
.about3Two li span {color: #333333;margin-top: .1rem;}

/* 荣誉资质 */
.about4One {padding: 1rem 0 1.6rem;}
.about4One ul {display: grid; grid-template-columns: repeat(4,1fr); gap: .3rem;}
.about4One li {background: #f9f9f9;border: 0.05rem solid #dcdcdc; box-sizing: border-box; padding: .25rem;}
.about4One li .imgBox {overflow: hidden;-webkit-clip-path: polygon(5% 0, 95% 0, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 5%);clip-path: polygon(5% 0, 95% 0, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 5%);}
.about4One li .imgBox img {width: 100%; transition: .5s;}
.about4One li .text {margin-top: .25rem;color: #333333; font-size: var(--font18); text-align: center;}
.about4One li:hover .imgBox img {transform: scale(1.1);}

/* 发展历程 */
.history {background: #fff; padding: 1.2rem 0; overflow: hidden;}
.history .swiperBox1 {position: relative; }
.history .swiperBox1::before {content: ""; position: absolute;width: 0.14rem;height: 0.14rem;background: #0C3E8D; border-radius: 50%; top: 0; transform: translateY(-50%); left: 0;}
.historySwiper1 .swiper-slide {width: auto;}
.historySwiper1 .year {padding: .2rem 0; text-align: center; cursor: pointer; color: #999999;font-size: var(--font18);font-family: Arial, Arial-Regular; transition: .4s;}
.historySwiper1 .swiper-slide-thumb-active  .year {color: #0C3E8D;}
.historySwiper1 .year:hover {color: #0C3E8D;}
.historySwiper1 .swiper-slide:has(~ .swiper-slide-thumb-active) .year {color: #0C3E8D;}
.history .swiper-pagination {height: 1px; background: #bdbec0;}
.history .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #0C3E8D;}
.history .swjt {transform: translateX(calc(100% + .4rem));top: 0;}
.history .swiperBox2 {margin-top: 1.2rem;}
.historySwiper2 {overflow: visible;}
.historySwiper2 .swiper-slide {}
.historySwiper2 .time {font-size: 0.56rem; font-family: Arial, Arial-Regular; font-weight: 400;color: #0C3E8D; line-height: .8;}
.historySwiper2 .swiper-slide:nth-child(2n + 1) .time {padding-top: .6rem;}
.historySwiper2 h5 {font-size: var(--font24);font-weight: 700;color: #333333; margin-top: .24rem;}
.historySwiper2 .text {margin-top: .2rem;}
.historySwiper2 .text p {color: #4f4f4f;}
.historySwiper2 .imgBox img {max-width: 100%;}
.history .his_btm {margin-top: .8rem; text-align: center; font-size: var(--font14);}
.history .his_btm i {animation: heart2 1.3s linear infinite;}
.history .his_btm svg path {fill: rgba(23,28,35,.5);}
.history .his_btm span {color: rgba(23,28,35,.5); margin-top: .2rem; display: block;}
@keyframes heart2{from{transform:translate(0,0);opacity: 0;} to{transform:translate(0,50%); opacity: 1;}}
@media screen and (min-width: 200px) and (max-width: 1024px){
.history .his_btm {display: none;}
}

/* =====产品中心===== */
.pro-banner {background: url(../images/pro-banner.jpg) no-repeat center; background-size: cover; padding: .8rem 0;}
.pro-banner .box {display: flex; justify-content: space-between; align-items: center;}
.pro-banner .le {width: 45%;}
.pro-banner .re {width: 40%;}
.pro-banner .re img {max-width: 100%;}
.pro-banner .tle h3 {font-size: 0.5rem;font-weight: 700;color: #ffffff;}
.pro-banner .tle span {font-size: var(--font24);font-weight: 700; color: #ffffff;}
.pro-banner .text {margin-top: .4rem; padding-bottom: .3rem; border-bottom: 1px solid rgba(249, 249, 249,.4);}
.pro-banner .text p {color: #ffffff; font-size: var(--font15);}
.pro-banner .le dl dd {display: flex; align-items: center; margin: .45rem 0;}
.pro-banner .le dd .icBox {margin-right: .25rem;}
.pro-banner .le dd .con strong {display: block;color: #ffffff; font-size: var(--font18);}
.pro-banner .le dd .con span {color: #ffffff; font-size: var(--font14);}

.prolistnav {position: relative;}
.prolistnav .container {position: relative;}
.pronavSwiper {max-width: 90%; margin: auto; position: static;}
.pronavSwiper .swiper-slide {width: auto; text-align: center;}
.pronavSwiper .swiper-slide a {display: block; padding: .3rem 0; position: relative; color: #999999; transition: .5s;}
.pronavSwiper .swiper-slide .imgBox {height: 0.6rem;}
.pronavSwiper .swiper-slide .imgBox img {max-width: 100%; max-height: 100%; transition: .5s;}

.pronavSwiper .swiper-slide span {color: #333; display: block; margin-top: .2rem;}

.pronavSwiper .swjt {right: 0;}
.pronavSwiper .swjt.swiper-button-prev {right: auto; left: 0; transform: rotate(180deg);}


.pronavSwiper .swiper-button-next.swiper-button-disabled, .pronavSwiper .swiper-button-prev.swiper-button-disabled {opacity: 0;}



.pronavSwiper .swiper-slide:hover .imgBox img {transform: scale(1.05);}
.pronavSwiper .swiper-slide a.on span { font-weight: 700;}
.pronavSwiper .swiper-slide a.on{border-bottom:2px solid #053486}

@media screen and (min-width: 200px) and (max-width: 960px) {
    .pronavSwiper .swjt {right: -4%;}
    .pronavSwiper .swjt.swiper-button-prev {left: -4%;}

}



.prolist {background: #fbfbfb;padding: 1rem 0;}
.prolist ul {display: grid; grid-template-columns: repeat(4,1fr); gap: .4rem;}
.prolist li {background: #fff;    background: #c9cacb;}
.prolist li a {padding: .3rem; box-sizing: border-box; display: block;}
.prolist li .tle h5 {font-size: var(--font20);font-weight: 700;color: #333333;}
.prolist li .tle span {color: #b3b3b3; font-size: var(--font18);font-family: Arial, Arial-Regular;}
.prolist li .imgBox {margin: .5rem 0; display: flex; align-items: center; justify-content: center;}
.prolist li .imgBox img {max-width: 100%; transition: .5s;}
.prolist li .more {display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap;}
.prolist li .more .en {color: #898989;font-family: Arial, Arial-Regular; font-size: var(--font18); display: none;}
.prolist li .more .jia {font-size: var(--font30);font-weight: 400;color: #4f4f4f; transition: .5s;}
.prolist li:active .imgBox img {transform: scale(1.05);}
.prolist li:active .more .jia {transform: rotate(180deg); color: #053486;}
@media (any-hover: hover) {
    .prolist li:hover .imgBox img {transform: scale(1.05);}
    .prolist li:hover .more .jia {transform: rotate(180deg); color: #053486;} 
}
.prolistnav .swiper-wrapper{    justify-content: space-around;}
/* 常见问题 */
.proDateThre {background: #fff; padding: 1.2rem 0; overflow: hidden;}
.proDateThre .box {display: flex; justify-content: space-between; }
.proDateThre .le .tle strong {font-size: var(--font48);font-weight: 400; color: #333; line-height: 1.25;}
.proDateThre .le .text {margin-top: .4rem;}
.proDateThre .le span {font-weight: 400;color: #666666;}
.proDateThre .le .more { margin-top: 1.4rem;}
.proDateThre .le .more a {display: inline-flex;font-weight: 400;color: #fff;}
.proDateThre .le .more svg {margin-left: .1rem; transition: .5s;}
.proDateThre .le .more a:hover svg {margin-left: .2rem;}
.proDateThre .le {width: 30%;}
.proDateThre .re {width: 55%;}
.proDateThre .re .reTit {font-weight: 400; color: #1d1d1d; font-size: var(--font19);font-weight: 700; padding-left: .25rem;}
.proDateThre .re ul {margin-top: .4rem;}
.proDateThre li {cursor: pointer; margin-bottom: 5px;}
.proDateThre li .f_tit {position: relative; padding: .22rem 0; background: #EBF1F7;padding-left: .4rem; padding-right: 1rem; transition: .5s;}
.proDateThre li .f_tit .tit {font-weight: 500; color: #666; position: relative; }
.proDateThre li .but {position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); padding-right: .6rem;}
.proDateThre li .but .i {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);font-size: var(--font29);font-weight: 400; color: #053486;}
.proDateThre li .but .i2 {display: flex;justify-content: center; align-items: center; width: 0.25rem;height: 0.25rem;background: rgba(166, 155, 99 ,.15); border-radius: 50%; opacity: 0; padding-bottom: .05rem;}
.proDateThre li .jut {display: none;}
.proDateThre li .jut .font {width: 100%; padding: .1rem 0; padding-left: .4rem; padding-right: 1rem;}
.proDateThre li .jut .font p {font-size: var(--font15); color: #666666;}
.proDateThre li.on .f_tit {background: none;}
.proDateThre li.on .tit {color: #333;}
.proDateThre li.on .i1 {opacity: 0;}
.proDateThre li.on .i2 {opacity: 1;}
.proDateThre li.on .but svg {transform: rotate(90deg);}

.supThre {padding: 1rem 0;}
.supThre .re {width: 100%;}
.supThre .re .reTit {font-size: var(--font40); font-weight: 400; text-align: center; color: #1d1d1d; text-transform: uppercase;}

/* 产品详情 */
.proDateOne {background: url(../images/ny-banner2-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0;    background: #c9cacb; position: relative;}

.proDateOne .bjBox {position: absolute; left: 0; top: 0; width: 100%; left: 0; height: 100%;}
.proDateOne .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.proDateOne .container {position: relative; z-index: 1;}
.proDateOne .back a {display: flex; align-items: center;}
.proDateOne .back span {color: #fff; font-size: var(--font17); margin-left: .1rem;}
.proDateOne .box {display: flex; justify-content: space-between; align-items: center;}
.proDateOne .le {width: 45%;}
.proDateOne .re {width: 42%; display: flex; align-items: center; justify-content: center;}
.proDateOne .re img {max-width: 100%;}
.proDateOne .tle h3 {font-size: 0.5rem;font-weight: 700;color: #053486;}
.proDateOne .tle span {font-size: var(--font24);font-weight: 700; color: #333;}
.proDateOne .text {margin-top: .4rem; padding-bottom: .3rem; border-bottom: 1px solid rgba(249, 249, 249,.4);}
.proDateOne .text p {color: #666; font-size: var(--font15);}
.proDateOne .mbxBox {justify-content: flex-start;}

.parameter {margin: .6rem 0;}
.parameter .box {display: flex; justify-content: space-between; align-items: flex-start;}
.parameter .box .le .tle {padding-bottom: 0; margin-bottom: .3rem; border-bottom: 1px solid #f2f2f2;}
.parameter .box .le .tle h3 {font-size: .45rem;color: #333333;}
.parameter .box .le .tle i {display: inline-block; width: 0.64rem;height: 0.06rem;background: #053486;border-radius: 0.03rem; margin-top: .2rem; margin-bottom: -.1rem;}
.parameter .box .le .item {margin-bottom: 1rem;}
.parameter .box .le .con {}
.parameter .box .le .con img {max-width: 100%;}
.parameter .box .le {width: 78%;}
.parameter .box .re {width: 20%; position: sticky;top:1.5rem;}
.parameter .box .re li { text-align: center; margin-bottom: .1rem; transition: .5s; position: relative;}
.parameter .box .re li a {font-size: var(--font20);color: #818181; display: block; padding: .2rem 0;font-weight: 700; transition: .5s;}
.parameter .box .re li::after {content: ""; position: absolute; right: 0; top: 0; height: 0; width: .05rem;background: #053486; transition: .5s;}
.parameter .box .re li.on {background: #F8F8F8;}
.parameter .box .re li.on a {color: #053486; }
.parameter .box .re li.on::after {height: 100%;}
.parameter .box .re li:hover {background: #F8F8F8;}
.parameter .box .re li:hover a {color: #053486;}
.parameter .box .re li:hover::after {height: 100%;}
.parameter .box .re .imgBox img {width: 100%; display: block;}
.parameter .box .re .reBom {background: #F8F8F8; box-sizing: border-box;}
.parameter .box .re strong {font-size: var(--font20);color: #333333;font-weight: 700; display: block; line-height: 1.2;}
.parameter .box .re .reBom .con {padding: .3rem;}
.parameter .box .re dl {margin-top: .3rem;}
.parameter .box .re dd {font-size: var(--font18); margin-top: 0.1rem; display: flex; align-items: center;}
.parameter .box .re dd i {margin-right: .1rem;}
.parameter .box .re dd p a {font-family: Arial, Arial-Regular;}
.parameter .box .re dd p a:hover {color: #053486;}
.parameter .box .re .conus {margin-top: .4rem;}
.parameter .box .re .conus a {display: block; text-align: center;color: #ffffff; padding: .15rem 0; background: #053486;}

/* 产品资料录入 */
.parameter .box .le .con .tableBox {overflow-x: auto;}
.parameter .box .le .con table {white-space: nowrap; width: 100%;}
.parameter .box .le .con table td {}

@media screen and (min-width: 200px) and (max-width: 1200px) {
    .parameter .box .le .con {overflow-x: auto;}
    /* .parameter .box .le .con img {max-width: max-content;} */

}

.table1 tr:nth-child(2n+2) {background:#f5f5f5;}
.parameter .box .le .con .table1 tr:nth-child(n+3) td {padding: .2rem .1rem}



.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);}
.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:active {background: #053486;}
.proInfo .tleBox .swjt:active svg path {fill: #fff;}

@media (any-hover: hover) {
.proInfo .tleBox .swjt:hover {background: #053486;}
.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;}
.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.1);}

/* 下载中心 */
.downMain {background: rgba(249, 249, 249,.67); padding: .7rem 0 1.4rem 0;}
.downlist {margin-top: 1rem;}
.downlist ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .4rem; }
.downlist li {box-sizing: border-box;border: 1px solid #dcdcdc; padding: .3rem;background: #ffffff;}
.downlist li .imgBox img {max-width: 100%;}
.downlist li .more {display: flex;align-items: center; margin-top: .5rem;}
.downlist li .more span {color: #333333; font-weight: 700;font-size: var(--font20); margin-left: .1rem; border-bottom: 1px solid #333;}
.downlist li:hover .more span {color: #053486; border-color: #053486;}

/* =====新闻动态===== */
.newsMain {padding: .8rem 0;}
.newsinfo {}
.newsinfo .box {border: 1px solid #efefef; box-sizing: border-box;}
.newInSwiper .swiper-slide a {display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden;}
.newInSwiper .imgBox {overflow: hidden; width: 50%;}
.newInSwiper .imgBox img {width: 100%; transition: .5s; height: 100%; object-fit: cover;}
.newInSwiper .swiper-slide a:hover img {transform: scale(1.1);}
.newInSwiper .swiper-pagination {width: auto; right: 0; left: auto; bottom: 15%;padding-right: 8%;}
.newInSwiper .swiper-pagination-bullet {background: #CECFD4; opacity: 1;}
.newInSwiper .swiper-pagination-bullet-active {background: #053486;}
.newsinfo .box .con {width: 50%; padding: 5% 3%; padding-right: 8%; box-sizing: border-box;}
.newsinfo .box .con h5 {font-size: var(--font24);font-weight: 400;color: #333333; font-weight: 700; }
.newsinfo .box .con .time {font-size: var(--font18);font-family: Arial, Arial-Regular;font-weight: 400;color: #b6b6b6; margin-top: .3rem;}
.newsinfo .box .con p {margin-top: .1rem; font-weight: 400;color: #888888;line-height: 1.7;}
.newsinfo .box .con i {background: #e4e4e4; display: block; width: 100%; height: 1px; margin: .5rem 0;}
.newsinfo .box .more {display: flex; align-items: center; }
.newsinfo .box .more span {font-weight: 400;color: #053486; margin-right: 0.1rem; transition: .5s;}
.newsinfo .box .more svg {transform: rotate(90deg);}
.newsinfo .box .more:hover span {margin-right: .25rem;}

.newsList {margin-top: 1rem;}
.newsList ul {display: flex; justify-content: space-between;flex-wrap: wrap;}
.newsList ul li {padding: .3rem; box-sizing: border-box; border: 1px solid #eeeeee; width: 50%; margin-top: -1px;}
.newsList ul li:nth-child(2n) {    margin-left: -1px;margin-right: 1px;;}
.newsList ul li .imgBox {width: 39%; overflow: hidden;}
.newsList ul li img {width: 100%; transition: .5s; height: 100%; object-fit: cover;}
.newsList ul li a {display: flex; justify-content: space-between; flex-wrap: wrap;}
.newsList ul li .con {width: 56%; padding: .25rem 0; padding-right: .4rem; box-sizing: border-box;}
.newsList ul li .con h6 {font-size: var(--font17);font-weight: 700;color: #333333;}
.newsList ul li .con .text {margin-top: .15rem;}
.newsList ul li .con .text p {font-size: var(--font14);color: #747474;font-weight: 500;}
.newsList ul li .con span {font-size: var(--font15); font-family: Arial, Arial-Regular; font-weight: 400; color: #adadad; margin-top: .3rem; display: block;}
.newsList ul li:hover img {transform: scale(1.1);}
.newsList ul li:hover h6 {color: #053486;}

/* 详情页面 */
.newsDateMain {padding-top: .4rem; padding-bottom: 1rem;}
.newsDateMain .mbx {color: #333;}
.newsDateMain .mbx img {filter: brightness(0); -webkit-filter:brightness(0); opacity: .6; margin-right: .1rem;}
.newsDateMain .mbx a {padding: 0 .05rem;}
.newsDateMain .mbx a:hover {color: #053486;}
.newsDateMain .container {width: 1500px;}
.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:.9rem .4rem ; box-sizing: border-box;}
.newsxq-title {border-bottom: 0.01rem solid #ddd; padding-bottom: 0.4rem;}
.newsxq-title strong {display: block; font-size: 0.4rem; color: #333; margin-bottom: 0.1rem;}
.newsxq-title span {display: block; color: #777; margin: .1rem .3rem 0 0; }
.newsxq-title .titleDisc {display: flex; flex-wrap: wrap;}
.newsxq-editbox {margin: .3rem 0;}
.newsxq-editbox img {max-width: 100%; height: auto !important;}
.newsxq-box .news-right {width: 29%;background: #fff; border-radius: .1rem;box-shadow: 0rem 0rem 0.3rem 0rem rgba(226,225,224,0.42); padding: .4rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 1.5rem;}
.newsDate .relist li { padding: .3rem 0; border-bottom: 1px solid #F2F2F2;}
.newsDate .relist li .time {font-size: var(--font14); font-weight: 500;color: #999999;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font18); transition: .35s;font-weight: 700;margin-top: .1rem;}
.newsDate .relist li:hover h6 {color: #053486;}
.newsDate .relist li:hover .reImg img {transform: scale(1.05);}
.newsDate .news-right::after {content: ""; background: #053486; width: 65%; position: absolute; left: 50%; bottom: -1%; height: .07rem;  transform: translate(-50%, -50%);}
/* 新闻分页 */
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 1rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 0.6rem;height: 0.6rem;min-width: 35px;min-height: 35px;  border: 1px solid #053486;}
.news-prev svg {transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block;  color: #333;}
.prev-link em {margin-left: 0.17rem;}
.next-link em {margin-right: 0.17rem;}
.next-link {flex-direction: row-reverse;}
.backlist a {width: 1.68rem; min-width: 125px; min-height: 42px; height: 0.58rem;background: #053486;color: #fff;}
.backlist svg {margin-right: .1rem;}
.backlist a:active {background: #053486;}
.newsxq-page a:active .news-prev,.newsxq-page a:active .news-next {background: #053486; border-color: #053486; }
.newsxq-page a:active svg path {fill: #fff;}
@media (any-hover: hover) {
    .newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next {background: #053486; border-color: #053486; }
    .newsxq-page a:hover svg path {fill: #fff;}
}

/* =====联系我们===== */
.contactOne {padding-top: 1.2rem; overflow: hidden;}
.contactOne .container {position: relative; padding-bottom: 1.6rem;}
.contactOne .bjBox {position: absolute; width: 150%; height: 100%; left: -20%; bottom: 0; text-align: center; z-index: -1;}
.contactOne .bjBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.contactOne .box {display: flex; justify-content: space-between;  margin: auto;}
.contactOne .box .re {max-width: 25%;  margin-right: .6rem; display: flex; flex-direction: column; align-items: center;    justify-content: center;}
.contactOne .box .re .code {margin: .1rem 0;}
.contactOne .box .re img {max-width: 100%; width: 100px; border: 1px solid #eee;}
.contactOne h4 {font-size: var(--font36);font-weight: 700;color: #053486;}
.contactOne dl {margin-top: .4rem;}
.contactOne dl dd {display: flex; align-items: center;margin: .15rem 0;}
.contactOne dd .icBox {min-width: .2rem; display: flex; align-items: center; justify-content: center; margin-right: .14rem;}
.contactOne dd .icBox img {max-width: 100%; max-height: 100%;}
.contactOne dl dd strong {font-size: var(--font22); color: #053486;}
.contactOne dl dd span , .contactOne dl dd a {font-size: var(--font18); font-weight: 500; color: #6B6B6B;}
.contactOne dl dd a:hover {color: #053486;}

.contactTwo {background: #f9f9f9; padding: .9rem 0;}
.contactTwo .container {width: 1200px;}
.contactTwo .tle {text-align: center;font-size: var(--font40); font-weight: 700;;color: #333333;}
.contactTwo .box form {display: flex;flex-wrap: wrap;justify-content: space-between; margin-top: .4rem;}
.contactTwo form .inBox {width: 32%; padding: 0 .3rem; box-sizing: border-box;margin-top: .2rem;display: flex; align-items: center;height: 0.73rem;min-height: 45px;background: #FFFFFF; border-radius: 0.05rem; border: 1px solid #e5eaf0;}
.contactTwo form .inBox label {font-weight: 400; color: #666666; margin-right: .1rem; flex-shrink: 0;}
.contactTwo form .inBox label em {color: #FF0000;}
.contactTwo form .inBox input {color: #333; height: 100%; width: 100%;}
.contactTwo form .textBox {width: 100%; height: 2rem;}
.contactTwo form .textBox textarea {width: 100%; height: 100%; background: none; border: 0; color: #333; padding: .3rem 0; resize: none;} 
.contactTwo form .textBox textarea::placeholder {color: #666666;}
.contactTwo form .incode {position: relative;}
.contactTwo form .incode img {position: absolute; max-width: 100%; height: 100%; right: 0; transform: translateX(110%); z-index: 2;}
.contactTwo form .sub {width: 100%; display: flex; justify-content: center; margin-top: .7rem;}
.contactTwo form .sub button {padding: .15rem .5rem;background: #053486;border-radius: 30px;color: #ffffff; font-weight: 700; cursor: pointer;}
.contactTwo form .sub button:active {box-shadow: 0 0 5px #053486;}



/*2025.5.12修改*/
.about2One li .imgBox2{flex-direction: column; align-items: stretch;}
.navTwo2{padding: 0.3rem 0 0.2rem}
.navTwo2 .le{width: 100%}
.navTwo2 .le dl {width: 30%;}
.picxq .news-left{width: 100%;}
.picxq .newsxq-title strong{text-align: center}
.picxq .newsxq-editbox img{margin: 0 auto; display: block}
.equipmentlist li .more {justify-content: center; margin-top: .3rem}
.equipmentlist strong{text-align: center; font-size: var(--font24); display: block; color: #333}

/*2025.5.15 发展历程修改*/

.history .swiperBox2 {margin-top: 0; position: relative; left: 50%; transform: translateX(-25%); }
.history .swiperBox2::before {content: ''; height: 100%; width: 2px; left: 0; top: 0; position: absolute; background: #053486;}
.historySwiper2 .swiper-slide {display: flex;padding-bottom: .5rem;    align-items: flex-start;}
.historySwiper2 .swiper-slide .time { padding-left: .5rem;position: relative;}
.historySwiper2 .swiper-slide .time::before {content: ''; width: 8px; height: 8px; background: #053486; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translate(calc(-50% + 1px), -50%);}
.historySwiper2 .swiper-slide:nth-child(2n + 1) .time {padding-top: 0;}
.historySwiper2 h5 {margin-top: 0;}
.historySwiper2 .swiper-slide .con {margin-left: .3rem;}

@media screen and (max-width:960px) {
 
  .history .swiperBox2 {left: 0; transform: translateX(0); }
}