/* =====头部===== */ 
body {font-family: '宋体';}
#c-placeholder {height: 1rem;min-height: 80px;}
.header {position: fixed; top: 0; z-index: 99; left: 0; width: 100%; transition:background-color .5s; border-bottom: 1px solid transparent;}
.header .headBox {padding: 0 2% 0 3%; box-sizing: border-box; display: flex; justify-content: space-between; height: 1rem; min-height: 80px;}
.headlogo {display: flex; align-items: center; height: 100%;}
.headlogo img {max-width: 3rem;  object-fit: contain;}
.headlogo .logo1 {display: block;}
.headlogo .logo2 {display: none;}

/* 头部右侧 */
.headBox .re {display: flex; width:78%; justify-content: space-between;  align-items: center;}
/* 导航 */
nav {width:80%;height: 100%;}
nav > ul {display: flex; height: 100%; justify-content: space-between;}
nav > ul > li {height: 100%; position: relative;}
nav > ul > li > a {text-align: center; height: 100%;display: flex; flex-direction: column; justify-content: center;}
nav > ul > li > a .cn {font-size: var(--font22);color: #bcd2e6; font-weight: 700;}
nav > ul > li > a .en {font-size: var(--font14);color: rgba(255, 255, 255, 0.5);	font-family: 'arial'; position: relative;}
nav > ul > li > a .en::after {content: ''; position: absolute; width: 0; left: 50%; background: #fff; height: 2px; transition: .5s; bottom: -.05rem;}
nav > ul > li:hover > a .en::after {width: 120%; left: -10%;}
nav > ul > li.on > a .en::after {width: 120%; left: -10%;}

/* 下拉菜单 */
.navTwo {line-height: initial; min-width: 1.5rem; width: max-content;position: absolute; left: 50%; top: 100%; transform: translate(-50%, 15%); z-index: 10;opacity: 0;pointer-events: none;transition: all 0.4s;}
.navTwo .innavBox {display: flex; justify-content: center; padding:.1rem; background: #fff;border-radius: 0.1rem;box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.15);}
.navTwo.on {opacity: 1;pointer-events: auto; transform: translate(-50%, 0%);}
.navTwo dl dd {margin: .15rem 0;}
.navTwo dl dd a {display: flex;align-items: center; transition: .4s; color: #666666;}
.navTwo dl dd span {transition: .4s;font-size:0.15rem}
.navTwo dl dd a i {margin-right: .1rem; display: flex; align-items: center;}
.navTwo dl dd a i svg path {transition: .5s;}
.navTwo dl dd:hover span {color: #0001CA;}
.navTwo dl dd:hover svg path {fill: #0001CA;}
/* 搜索按钮 */
.heSearch {cursor: pointer;}
/* 搜索下拉 */
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4  {background-color: #fff;padding: .5rem; border-top: 1px solid #eee;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .close {position: absolute; right: 1.5%; top: 5%; cursor: pointer; max-width: .3rem;}
.hadbox-sec4 .close svg {max-width: 100%;}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font30);}
.hadbox-sec4 .form {display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 0.3rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 3.1rem);padding: 0.16rem 0.24rem; color: #333333; flex: 1;}
.hadbox-sec4 .form .f_sub {width: 1.6rem; height: 0.56rem; min-height: 45px; background: #0001CA;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .hadbox-sec4 {padding: .6rem .3rem;}
  .hadbox-sec4 .form {padding-bottom: .2rem;}
  .hadbox-sec4 .f_tit {    font-size: var(--font20);}
}
/* 语言 */
.headlang .layui-nav {background: none; padding: 0;}
.headlang .layui-nav .layui-nav-item {line-height: initial;}
.headlang .layui-nav .layui-nav-item > a{background: #0001ca;border-radius: 100px; display: flex; align-items: center; padding: .15rem .2rem; padding-right: .4rem;}
.headlang .layui-nav .layui-nav-more {right: .2rem; top: 37%;}
.headlang .layui-nav .layui-nav-more::before {content: ''; width: 7px; height: 10px; background: url(../images/sjx-icon1.png) no-repeat center; background-size: contain; transform: rotate(90deg); display: inline-block;}


/* 头部下滑样式 */
.header.c-style2 {background: #fff !important; border-color:rgba(0, 0, 0,.1);}
.header.c-style2 .headlogo .logo2 {display: block;}
.header.c-style2 .headlogo .logo1 {display: none;}
.header.c-style2 .heSearch svg path {fill: #333;}
.header.c-style2 nav > ul > li > a .cn {color: #333;}
.header.c-style2 nav > ul > li > a .en {color: #666;}
.header.c-style2 nav > ul > li > a .en::after {background: #0001CA;}
.header.c-style2 .mobmenu dl dd {background: #333;}
.header.c-style2 .mobmenu h4 {color: #333;}

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

/* ===============公用css end!!!!===================*/
.more1 {padding: .16rem .2rem;background: #0000cc;border-radius: 100px; display: inline-flex; align-items: center; transition: .5s;}
.more1 span {margin-right: .15rem;}
.more1 img {transition: .5s;}
.more1:active {}

.more1-1 {background: none;border: 1px solid rgba(255, 255, 255,.2);}
.more1-1:active {background: #0001CA;border-color: #0001CA;}

.more2 {background: #0001CA;border-radius: 100px; font-size: var(--font15);color: #ffffff; padding: .12rem .2rem; transition: .5s;}
.more2:active {background: #0001CA;}


@media (any-hover: hover) {
  .more1:hover {-webkit-box-shadow: 0 0 0 0.1rem rgba(0, 1, 202,.2);box-shadow: 0 0 0 0.1rem rgba(0, 1, 202,.2);}
  .more1:hover img {transform: rotate(45deg);}
  .more1-1:hover {background: #0001CA;border-color: #0001CA;}

  .more2:hover {background: #0001CA;}

}

/* ======首页======= */
/* banner */
.indexBanner {overflow: hidden; height: auto;}
.indexBanner .swiper {height: 100%;}
.indexBanner .slide .bjBox {height: 100%;}
.indexBanner .slide .bjBox img {width: 100%; width: 100%;height: auto; min-height: 450px;transition: 1s linear 2s;transform: scale(1.1, 1.1); display: block; object-fit: cover;}
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img { transition: 6s linear;transform: scale(1, 1);}
/* 第一屏内容 */
.indexBanner .slide1 .tle {position: relative;}
.indexBanner .slide1 .tle .en {opacity: 0.02;font-size: 2.5rem;line-height: 1;letter-spacing: 0.05rem; text-align: center;}
.indexBanner .slide1 .tle .cn {white-space: nowrap;}
.indexBanner .slide1 .list {margin-top: 1rem;    position: relative;
    top: 1.5rem;}
.indexBanner .slide1 .list ul {display: flex; justify-content: center;}
.indexBanner .slide1 .list li {text-align: center; margin: 0 .35rem;}
.indexBanner .slide1 .list li span {display: block; font-size: var(--font22);letter-spacing: 1px; margin-top: .2rem; font-weight: 700; color: #fff;}
.indexBanner .slide1 .list li .imgBox {width: 2.61rem; height: 2.63rem; border-radius: 50%; overflow: hidden; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.indexBanner .slide1 .list li .imgBox img {width: 90%; height: 90%; object-fit: cover; transition: .5s;margin:0 auto;position: relative;z-index: 999;  border-radius: 50%;}


.indexBanner .slide1 .list li .imgBox::after{content: '' ; background:url(../images/banner-xian.png) no-repeat center center;background-size:100%;display: block; position: absolute;top:0;left:0;width:100%;height:100%;z-index: 99;}
.indexBanner .slide1 .list li .imgBox{ position: relative;}
.indexTle img{display: none;}

.indexBanner .slide1 .list li:nth-child(1) .imgBox::after{-webkit-animation: gif 3.5s infinite linear;animation: gif 3s infinite linear; }
.indexBanner .slide1 .list li:nth-child(2) .imgBox::after{-webkit-animation: gif 3s infinite linear;animation: gif 3s infinite linear; }
.indexBanner .slide1 .list li:nth-child(3) .imgBox::after{-webkit-animation: gif 2.5s infinite linear;animation: gif 3s infinite linear; }
.indexBanner .slide1 .list li:nth-child(4) .imgBox::after{-webkit-animation: gif 4s infinite linear;animation: gif 3s infinite linear; }
@keyframes gif {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.bannertitle .imgtit1 {width: 10.28rem;}
.bannertitle .imgtit2 {width: 3.3rem;}
/* 第一屏内容--结束 */
/* 控件 */
.indexBanner .swjt {width: 0.56rem; height: 0.56rem;opacity: 0.2;  background: rgba(249, 249, 249,.2); border-radius: 50%; right: 2%; opacity: 1; transition: .4s;}
.indexBanner .swjt.swiper-button-prev {transform: rotate(180deg); left: 2%;}
.indexBanner .swjt:hover {background: #0001CA;}

.indexTle {}
.indexTle h3 {display: inline-block; font-weight: 700;font-size:0.45rem;}
.indexTle .xian {width: 0.53rem;height: 0.08rem;background: #0001ca; border-radius: 50px;margin-top: .3rem;}
.indexTle2 .en {color: rgba(255, 255, 255,.2);}
.indexTle3 .en {opacity: .2;}

.indexTwo {overflow: hidden; position: relative; padding: 1.1rem 0;}
.indexTwo .box {padding-left: 10%; position: relative;}
.indexTwoSwiper .slide .slideBox {display: flex;justify-content: space-between;}
.indexTwoSwiper .slide .slidele {width: 37%; padding-bottom: 60px;} 
.indexTwoSwiper .slide .slidere {width: 54%;}
.indexTwoSwiper .slide .slidele .text {margin-top: .2rem; padding-bottom: .2rem; border-bottom: 1px solid #CACACA;}
/* 控件 */
.indexTwoSwiper .slide .control {position: relative; display: flex; justify-content: space-between; margin-top: .2rem;}
.indexTwoSwiper .slide .control .swiper-pagination {position: relative; inset: 0; width: auto; font-size: var(--font18);color: #8f8f8f;}
.indexTwoSwiper .slide .control .swiper-pagination .swiper-pagination-current {color: #0001CA;}
.indexTwoSwiper .slide .control .swjtBox {display: flex; align-items: center;}
.indexTwoSwiper .slide .control .swjt {width: 30px; height: 30px; background: #D0D0D0; border-radius: 50%; opacity: 1; transition: .4s; position: relative; margin-top: 0; inset: 0; transition: .5s;}
.indexTwoSwiper .slide .control .swjt i {color: #fff;}
.indexTwoSwiper .slide .control .swjt.swiper-button-next {margin-left: .15rem;}
.indexTwoSwiper .slide .control .swjt:active {background: #0001CA;}
@media (any-hover: hover) {
  .indexTwoSwiper .slide .control .swjt:hover {background: #0001CA;}
}
.indexTwoSwiper .slide .more {margin-top: .4rem;}
.indexTwoSwiper .slide .more .more1 {box-shadow: none;}
.indexTwoSwiper2 .slide2 { height: auto; background: linear-gradient(-80deg,#dddddd 0%, #f4f4f4 100%); border-radius: 0.1rem; padding: .1rem; padding-top: .8rem; padding-bottom: .65rem; box-sizing: border-box;}
.indexTwoSwiper2 .slide2 .imgBox {display: flex;align-items: center; justify-content: center; height: 2.5rem;}
.indexTwoSwiper2 .slide2 .imgBox a {display: flex; height: 100%;width: 100%; align-items: center; justify-content: center;}
.indexTwoSwiper2 .slide2 .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain; transition: .5s;}
.indexTwoSwiper2 .slide2 .con {text-align: center; margin-top: .5rem;}
.indexTwoSwiper2 .slide2:hover .imgBox img {transform: scale(1.05, 1.05);}
/* 缩略图 */
.indexTwo .thumbBox {width: 47%; position: absolute; bottom: 0; left: 0; padding-left: 10%; box-sizing: border-box;}
.indexTwo .thumbBox .swiper {width: 100%;}
.indexTwo .thumbSwiper {}
.indexTwo .thumbSwiper .slideBox .pag {width: 30px;height: 30px;border: 6px solid rgba(179, 183, 186, 0.5);opacity: 1;box-sizing: border-box;display: block;border-radius: 50%;position: relative;margin: 0;}
.indexTwo .thumbSwiper .slideBox .svgBox {width: 160%; height: 160%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .4s;}
.indexTwo .thumbSwiper .slideBox .svgBox svg {position: absolute; fill: none;transform: rotate(-90deg); fill: none;stroke-width:9px;stroke:#0000CC;stroke-dasharray:130; stroke-dashoffset:130; overflow: visible;}
.indexTwo .thumbSwiper .swiper-slide {width: auto; cursor: pointer; opacity: .5;}
.indexTwo .thumbSwiper .slideBox {display: flex; align-items: center; position: relative;}
.indexTwo .thumbSwiper .slideBox .pag {margin-right: .15rem;}
.indexTwo .thumbSwiper .slideBox .p1 {font-size: var(--font22);font-weight: 700;color: #333333;}
.indexTwo .thumbSwiper .slideBox .p2 {color: #666666; opacity: .5;}
.indexTwo .thumbSwiper .slideBox::after {content: ''; width: 0.88rem;height: 1px;opacity: 0.15; background: #8f8f8f; position: absolute;right: 0; top: 30%;}
.indexTwo .thumbSwiper .swiper-slide:last-child .slideBox::after {display: none;}
.indexTwo .thumbSwiper .swiper-slide-thumb-active .pag svg {animation: dashTooffset 10s linear forwards;}
.indexTwo .thumbSwiper .swiper-slide-thumb-active {opacity: 1;}
@keyframes dashTooffset {0% {stroke-dashoffset: 130;}100% {stroke-dashoffset: 0;}}


.indexThre {background: #f9f9f9;overflow: hidden;}
.indexThre .box { position: relative;}
.indexThre .le {width: 45%; padding: .65rem .3rem .65rem 10%; box-sizing: border-box;}
.indexThre .re {width: 55%; overflow: hidden; position: absolute;right: 0; top: 0;    height: 100%;}
.indexThre .le dl {margin-top: .3rem;}
.indexThre .le dd {padding: .12rem 0; position: relative; z-index: 1;transition: all .6s;}
.indexThre .le dd a {display: flex; align-items: center;}
.indexThre .le dd .icBox {width: 0.65rem; height: 0.65rem;background: #d2d2d2; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: .2rem;transition: .5s;}
.indexThre .le dd .icBox img {max-width: 50%;filter: invert(96%) sepia(82%) saturate(5920%) hue-rotate(187deg) brightness(126%) contrast(108%);-webkit-filter:invert(96%) sepia(82%) saturate(5920%) hue-rotate(187deg) brightness(126%) contrast(108%);}
.indexThre .le dd .p1 {font-size: var(--font24);font-weight: 700;transition: .5s; color: #333;}
.indexThre .le dd .p2 {text-transform: uppercase;color: #666666;opacity: 0.61; 	font-family: 'arial';transition: .5s;font-size:0.16rem}
.indexThre .le dd .jt {position: absolute;  right: -30%;top: 50%; transform: translateY(-50%);   transition: .5s; opacity: 0;}
.indexThre .le dd .jt i {font-size: var(--font30); font-weight: 700; transform: rotate(145deg); display: inline-block; color: #fff;}
.indexThre .le dd::after {content: ''; background: url(../images/indexThre-dd-bj.png) no-repeat; background-size: cover; top: 0; z-index: -1;border-radius: 100px; border-top-left-radius: 0;border-bottom-left-radius: 0;  left: -10vw; position: absolute; height: 100%; width:0vw; transition: .8s;}
.indexThre .le dd.on::after {width: 56vw;}

.indexThre .le dd.on{padding: .2rem 0; } 
.indexThre .le dd.on .jt {opacity: 1; transition-delay: .6s;}
.indexThre .le dd.on .icBox {background: #fff;}
.indexThre .le dd.on .icBox img { filter: invert(0%);-webkit-filter: invert(0%);}
.indexThre .le dd.on .p1 {color: #fff;}
.indexThre .le dd.on .p2 {color: #fff;text-transform: uppercase;font-size:0.16rem}
.indexThre .re .item {position: absolute; height: 100%; top: 0; right: 0; width: 100%;overflow: hidden;}
.indexThre .re .item .imgBox {height: 100%;}
.indexThre .re .item .imgBox img {width: 100%; height: 100%; object-fit: cover; opacity: 0;object-fit: cover;transform: scale(1.1);transition: opacity .5s cubic-bezier(.435,.25,.15,.965), transform 1s cubic-bezier(.435,.25,.15,.965);}
.indexThre .re .item .info {position: absolute; bottom: 0;  z-index: 2; width: 100%; padding: 1rem 1rem .6rem .8rem; transition: .5s; box-sizing: border-box; opacity: 0; visibility: hidden;}
.indexThre .re .item .text {margin: .15rem 0 .3rem;}
.indexThre .re .item .text p {color: #fff;}
.indexThre .re .item:nth-child(n+3) .info {top: 0;bottom: auto;}
.indexThre .re .item.on .imgBox img {transform: scale(1); opacity: 1;}
.indexThre .re .item.on .info {opacity: 1; visibility: visible;}

.indexFour {padding: 1rem 0 1.4rem;}
.indexFour .box {margin-top: .6rem;}
.indexFour .list ul {display: flex;}
.indexFour .list li {width: calc(100%/5); position: relative; overflow: hidden; z-index: 1; text-align: center; padding: .8rem .2rem; box-sizing: border-box;background: linear-gradient(87deg,#f5f5f5 0%, #e4e4e4 100%);}
.indexFour .list li .bjBox {position: absolute; width: 100%; height: 100%; inset: 0;  z-index: -1; opacity: 0; transition: .5s;}
.indexFour .list li:nth-child(odd) .bjBox {top: -100%; bottom: auto;}
.indexFour .list li:nth-child(even) .bjBox  {top: auto; bottom: -100%;}
.indexFour .list li .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.indexFour .list li .p1 {font-size: var(--font26); font-weight: 700; color: #000; transition: .5s;}
.indexFour .list li .p2 {font-size: var(--font15); color: #666666; font-family: 'arial';transition: .5s;}
.indexFour .list li .icBox {margin-top: 1rem; height: .65rem; display: flex; align-items: center; justify-content: center;}
.indexFour .list li .icBox img {max-width: 100%; max-height: 100%;filter: brightness(0); -webkit-filter:brightness(0); opacity: .2; transition: .4s;}
@media (any-hover: hover) {
  .indexFour .list li:nth-child(odd):hover .bjBox {opacity: 1; top: 0;}
  .indexFour .list li:nth-child(even):hover .bjBox {opacity: 1; bottom: 0;}
  .indexFour .list li:hover .icBox img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(339deg) brightness(109%) contrast(101%); opacity: 1;}
  .indexFour .list li:hover .p1 {color: #fff;}
  .indexFour .list li:hover .p2 {color: #fff;} 
}

.indexFive {background: url(../images/indexFive-bj.jpg) no-repeat center;background-size: cover; background-attachment: fixed; padding: 1.4rem 0;}
.indexFive .indexTle img {max-width: 100%;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(188deg) brightness(102%) contrast(104%);}
.indexFive .indexTle .en {opacity: .21;}
.indexFive .box {}
.indexFive .le {width: 41%;}
.indexFive .re {width: 40%;}
.indexFive .le .p1 {margin-top: .3rem;}
.indexFive .le .text {margin-top: .6rem;}
.indexFive .le .text p {color: #ffffff; margin: .2rem 0;}
.indexFive .le .more {margin-top: .8rem;}
.indexFive .le .more1-1 {padding: .16rem .3rem; border-width: 2px; border-color: #fff;}
.indexFive .le .more1-1:hover {border-color: #0000CC;}
.indexFive .re ul {display: grid; grid-template-columns: repeat(2,auto); gap: 1.5rem;}
.indexFive .re li .num {color: #fff; font-size: var(--font66);font-weight: 700;font-family: 'popBold'; display: flex; align-items: flex-end; line-height: .5;}
.indexFive .re li .num .dw2 {font-size: var(--font24); font-weight: normal; margin-left: 5px;}
.indexFive .re li .num .dw3 {font-size: var(--font20);font-weight: normal;margin-left: 5px;}
.indexFive .re li span {display: block;color: #ffffff; font-size: var(--font18); margin-top: .2rem;}

/* 底部 */
.footer {background: #333333;}
.foterTop {padding: .5rem 0 .35rem; border-bottom: 1px solid rgba(231, 231, 231,.2);} 
.foterlogo img {    max-width: 6rem;}
.foterTop .backTop {width: 0.58rem;height: 0.58rem; min-height: 40px; min-width: 40px; background: #0000cc; border-radius: 50%; cursor: pointer;}
.foterTop .backTop svg {max-width: 50%;}
.foterBox {padding: .7rem 0 .55rem; display: flex; align-items: flex-start; justify-content: space-between;}
.foterBox .le {width:23%}
.foterBox .re {width:70%;}
.foternav dl dd a{font-size:0.16rem}
.foterBox .le form {display: flex;background: #ededed;border-radius: 100px;margin-top: .25rem;}
.foterBox .le form input {width: 100%; padding: 0 .25rem; height: .65rem; min-height: 40px; border: none; background: none;}
.foterBox .le form .sub {padding: 0 .5rem; height: .65rem; min-height: 40px; background: #0001CA; color: #fff; border-radius: 100px; cursor: pointer; white-space: nowrap;  transform: translateX(1px);}
.foterItem {margin-top: .5rem;}
.foterItem .item {margin: .1rem 0;}
.foterItem .item ,.foterItem .item a {color: #f8f8f8; font-size: var(--font17);}
.foterBox .links {margin-top: .4rem;}
.foterBox .links dl {display: flex;}
.foterBox .links dl dd {margin-right: .15rem;}
.foterBox .links dl dd a {display: flex; align-items: center; justify-content: center; width: 0.48rem; height: 0.48rem; min-height: 36px; min-width: 36px; background: rgba(248, 248, 248,.12); border-radius: 50%; transition: .5s;}
.foterBox .links dl dd svg {max-width: 50%;}
.foterBox .links dl dd:hover a {background: #fff;}
.foterBox .links dl dd a:hover svg path {fill: #0000CC;}
/* 导航 */
.foternav {display: flex; justify-content: space-between;}
.foternav dl dt {font-size: var(--font20); color: #fff; margin-bottom: .3rem;}
.foternav dl dd {margin: .14rem 0;}
.foternav dl dd a {color: #ffffff; opacity: .5;}
.foternav dl dd a:hover {opacity: 1;}
/* 备案信息 */
.foterCopy {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding: .3rem 0 .25rem; border-top: 1px solid rgba(231, 231, 231,.2);}
.foterCopy p , .foterCopy p a {color: #8B8B8B; font-size: var(--font15);}
.foterCopy p a:hover {color: #fff;}



/* ==============================================================================内页======================================================================================= */
.ny-banner {position: relative; text-align: center;}
.ny-banner .bjBox {overflow: hidden;}
.ny-banner .bjBox img {width: 100%; min-height: 4rem; object-fit: cover;}
.ny-banner .box {top: 55%;}
.ny-banner .box
/* 内页二级栏目 */
.nynav .box {display: flex; justify-content: space-between; flex-wrap: wrap;}
.nynav ul {display: flex; justify-content: center;}
.nynav li {padding: 0 .3rem;}
.nynav li a {padding: .27rem .1rem; font-size: var(--font18); display: block; color: #333; position: relative;}
.nynav li a::after {content: ''; width: 0; background: #0001CA; height: 0.03rem; bottom: 0; position: absolute; left: 0; transition: .5s;}
.nynav li:active a::after {width: 100%;}
.nynav li.on a::after {width: 100%;}
.nynav li:active a {color: #0001CA;}
.nynav li.on a {color: #0001CA;}

@media (any-hover: hover) {
  .nynav li:hover a {color: #0001CA;}
  .nynav li:hover a::after {width: 100%;}
}

/* 面包屑 */
.mbx {display: flex; align-items: center;}
.layui-breadcrumb {}
.layui-breadcrumb a {color: #5D5D5D;}
.layui-breadcrumb a:hover {color: #0001CA !important;}


/* 关于我们 */
.aboutOne {background: url(../images/aboutOne-bj.jpg) no-repeat center; background-size: cover; padding: 1.5rem 0 .5rem; background-attachment: fixed;}
.aboutOne .le {width: auto; margin-right: 1rem;}
.aboutOne .re {width: 40%;}
.aboutOne .le .text {margin-top: .6rem;}
.aboutOne .le .text p { font-size: var(--font18); margin: .2rem 0; position: relative; display: flex; align-items: center;}
.aboutOne .le .text p::before {content: '●'; color: #0000CC; margin-right: .1rem;}
.aboutOne .re {margin-top: .5rem;}
.aboutOne .re ul {display: grid; grid-template-columns: repeat(2,auto); gap: 1.5rem;}
.aboutOne .re li .num {color: #0001CA; font-size: var(--font66);font-weight: 700;font-family: 'popBold'; display: flex; align-items: flex-end; line-height: .5;}
.aboutOne .re li .num .dw2 {font-size: var(--font24); font-weight: normal; margin-left: 5px;color: #333;}
.aboutOne .re li .num .dw3 {font-size: var(--font20);font-weight: normal;margin-left: 5px;color: #333;}
.aboutOne .re li span {display: block;color: #333; font-size: var(--font18); margin-top: .2rem;}
.aboutOne .card {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: .6rem;}
.aboutOne .card .item {width: 46%; padding:.9rem .6rem; border-radius: 0.2rem; margin-bottom: .5rem;position: relative; z-index: 1; overflow: hidden;box-shadow: 0rem 0rem 0.5rem 0rem rgba(7,0,2,0.10);}
.aboutOne .card .item::after {content: ''; position: absolute; inset: 0;width: 100%; height: 100%;  z-index: -1; backdrop-filter: blur(5px);}
.aboutOne .card .tit2 .icBox {margin-right: .3rem;}
.aboutOne .card .tit2 .icBox img {max-width: .6rem;}
.aboutOne .card .tit2 .cn {line-height: 1;}
.aboutOne .card .tit2 .en {opacity: .2; text-transform: uppercase;}
.aboutOne .card .text {margin-top: .5rem;}
.aboutOne .card .text p { font-size: var(--font17); margin: .1rem 0; position: relative; display: flex; align-items: flex-start; line-height: 1.8;}
.aboutOne .card .text p::before {content: '●'; color: #0000CC; margin-right: .1rem;}

.aboutThre {background: url(../images/aboutThre-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0 3rem; overflow: hidden; position: relative;}
.aboutThre .swiperBox {position: relative; margin-top: 1.2rem;}
.aboutThre .indexTle .tit-36{opacity: 0.4;}
.aboutThre .swiperBox::after { content: '';display: block;width: 100%; height: 3px;background: #fff;position: absolute;left: 0;top: 168px; z-index: 1; z-index: 0;}
/* .abThreSwiper .slide {width: auto;} */
.abThreSwiper .slide .wrap {height: 168px; position: relative;}
.abThreSwiper .slide .wrap::after {content: '';position: absolute; bottom: 0; left: 0;width: 0.12rem; height: 0.12rem; min-height: 10px; min-width: 10px; transform: translateY(60%); background: #ff9946; border-radius: 50%;}
.abThreSwiper .slide .time {font-size: var(--font36); color: #fff;font-weight:bold;line-height: .36rem;    text-decoration: underline;}
.abThreSwiper .slide .text {margin-top: .05rem; max-height: 82px; overflow: hidden;}
.abThreSwiper .slide .text p {font-size: var(--font17); color: #fff;}
.abThreSwiper .slide .text p b{font-size:var(--font19)}
.abThreSwiper .slide:nth-child(even) {transform: translateX(-.5rem);}
.abThreSwiper .slide:nth-child(even) .wrap::after {bottom: auto; top: 0;transform: translateY(-40%);}
.abThreSwiper .slide:nth-child(even) .wrap {margin-top: 168px;  display: flex;align-items: flex-end;}
/* 控件 */
.aboutThre .swjt { bottom: -2rem; top: auto; left: 50%; width: .55rem; height: .55rem; min-width: 40px; min-height: 40px;background:none;border: 2px solid #ffffff;  border-radius: 50%; color: #fff; opacity: 1; z-index: 3; transition: .5s;}
.aboutThre .swjt.swiper-button-prev {right: auto; transform: translateX(-150%);}
.aboutThre .swjt:active {background: #fff;}
.aboutThre .swjt:active i {color: #0000CC;}
@media (any-hover: hover) {
  .aboutThre .swjt:hover {background: #fff;}
  .aboutThre .swjt:hover i {color: #0000CC;}
}
.layui-layer-page {max-width: 50%;}
.layui-layer-page .layui-layer-content {padding: .3rem;}
@media (max-width: 767px) {
  .layui-layer-page {max-width: 96%;}
}

.aboutFour {padding: 1rem 0 1.5rem; position: relative; overflow: hidden; background: #f3f3f3;}
.aboutFour .tle .abfournav ul {display: flex; }
.aboutFour .tle .abfournav li {margin-left: 10px;}
.aboutFour .tle .abfournav li a {font-size: var(--font18); padding: .16rem .3rem;border: 1px solid #ada9a9;border-radius: 60px;color: #666666; display: block; transition: .5s;}
.aboutFour .tle .abfournav li.layui-this a {background: #0001CA; color: #fff;}
.aboutFour .tle .abfournav li:active a {background: #0001CA; color: #fff;}
@media (any-hover: hover) {
  .aboutFour .tle .abfournav li:hover a {background: #0001CA; color: #fff;}
}

.abfourbody {margin-top: .7rem;}
.abfourbody .swiperBox {position: relative;}
.abfourbody .swiperBox .swiper {position: static;padding: .12rem;}
.abfourbody .swiperBox .swiper-slide .imgBox { background: #fff;display: flex; align-items: center; justify-content: center;padding: .1rem;border-radius: 0.1rem;box-shadow: 0rem 0rem 0.1rem 0rem rgba(156,156,156,0.11); }
.abfourbody .swiperBox .swiper-slide .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain; transition: .5s;}
.abfourbody .swiperBox .swiper-slide .imgBox:hover img {transform: scale(1.05, 1.05);}
/* 控件 */
.abfourbody .swiperBox .swiper .swiper-pagination {bottom: -.5rem;}
.abfourbody .swiperBox .swiper .swiper-pagination span {background: #c8c8c8; opacity: 1;}
.abfourbody .swiperBox .swiper .swiper-pagination .swiper-pagination-bullet-active {background: #0001CA;}
/* 选项卡切换 */
.tabBody .item {display: none;}
.tabBody .item.layui-show {animation: fadeIn 1s forwards;}

.aboutFive {padding: 2rem 0 1.7rem; position: relative; overflow: hidden; background: url(../images/aboutFive-bj.jpg) no-repeat center; background-size: cover;}
.aboutFive .text {margin-top: .5rem; text-align: center;}
.aboutFive .more {display: flex; justify-content: center; margin-top: .8rem;}
.aboutFive .more a {padding: .16rem .4rem;}
.aboutFive .more a span {order: 1;margin-left: .2rem; margin-right: 0;}
.aboutFive .more a img {transform: none; max-width: .45rem;}

.aboutSix {padding: .7rem 0 2rem;}
.aboutSix .indexTle {margin-bottom: .1rem;}
.aboutSix .tle {border-bottom: 1px solid #E5E5E5; align-items: flex-end;}
.abSixnav ul {display: flex;} 
.abSixnav ul li {margin: 0 .3rem; position: relative;}
.abSixnav ul li a {display: block; padding-bottom: .4rem; font-size: var(--font18); color: #606060; transition: .5s;}
.abSixnav ul li::after {content: '';height: 0.05rem; background: #0001ca; border-radius: 0.03rem; position: absolute; width: 0; bottom: -1px; left: 0; transition: .5s;}
.abSixnav ul li.layui-this a {color: #000000;}
.abSixnav ul li.layui-this::after {width: 100%;}
.aboutSix .box {margin-top: .8rem;}
.abSixbody .swiperBox {position: relative;}
.abSixbody .swiperBox .swiper {position: static;}
.abSixbody .swiperBox .swiper-slide .imgBox {display: flex; align-items: center; justify-content: center;border-radius: 0.22rem; overflow: hidden;}
.abSixbody .swiperBox .swiper-slide .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain; transition: .5s;}
.abSixbody .swiperBox .swiper-slide .imgBox:hover img {transform: scale(1.05, 1.05);}
.abSixbody .swiperBox .swiper-slide .con {padding: .25rem .1rem;}
/* 控件 */
.abSixbody .swiperBox .swiper .swiper-pagination {bottom: -.8rem;}
.abSixbody .swiperBox .swiper .swiper-pagination span {background: #c8c8c8; opacity: 1;border-radius: 100px; transition: .5s;}
.abSixbody .swiperBox .swiper .swiper-pagination .swiper-pagination-bullet-active {background: #0001CA; width: .4rem;}

/* ===产品中心=== */
.prolist {background: #f9f9f9; padding: 1rem 0 1.2rem;}
.prolist .indexTle .en {opacity: .2;}
.prolist .list {margin-top: .8rem;}
.prolist .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem;}
.prolist .list li {border: 1px solid #e2e2e2;border-radius: 0.1rem;background: #ffffff;}
.prolist .list li .imgBox {display: flex; align-items: center; justify-content: center; height: 3.2rem; padding: .1rem; box-sizing: border-box;}
.prolist .list li .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain; transition: .5s;}
.prolist .list li .con {padding: .45rem; border-top: 1px solid rgba(227, 227, 227,.5);}
.prolist .list li .con .p1 {font-size: var(--font22); font-weight: 700; color: #000;}
.prolist .list li .con .p2 P {color: #666666; margin-top: .15rem;}
.prolist .list li .con .more {margin-top: .5rem;color: #0001ca;}
.prolist .list li .con .more span {margin-right: .1rem;}
.prolist .list li .con .more i {transform: rotate(145deg); display: inline-block;}
.prolist .list li:hover .imgBox img {transform: scale(1.05, 1.05);}
.prolist .list li:hover .p1 p {color: #0001CA;}
/* 弹窗标题居中 */
.is-compact .fancybox__footer .fancybox__caption {text-align: center;}
.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {right: 0 !important;}
.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {left: 0 !important;}


/* ===核心能力=== */
.coreMain .indexTle .icon2 img {transform: rotate(90deg);}
.coreMain .indexTle .en {opacity: .2;}

.coreOne {background: #f9f9f9;padding: 1rem 0 1.2rem;}
.coreOne .box {margin-top: .6rem;}
.coreOne .box ul {display: flex;}
.coreOne .box li {text-align: center; padding: 0 .15rem;}
.coreOne .box li .imgBox {border-radius: 0.33rem;background: #ffffff; overflow: hidden;}
.coreOne .box li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.coreOne .box li span {display: block; margin-top: .1rem; font-size: var(--font20);}
.coreOne .box li:hover .imgBox img {transform: scale(1.05, 1.05);}
.coreOne .box li:hover span {color: #0001CA;}

.coreTwo {background: #fff;padding: 1rem 0 1.2rem;}
.coreTwo .box {margin-top: .6rem;}
.coreTwo .box ul {display: grid; grid-template-columns: repeat(4,1fr); gap: .3rem;}
.coreTwo .box li {text-align: center;background: #f9f9f9;border-radius: 0.2rem; padding-bottom: .35rem; overflow: hidden;}
.coreTwo .box li .imgBox {overflow: hidden;  display: flex; align-items: center; justify-content: center; height: 2.5rem;}
.coreTwo .box li .imgBox img {max-width: 100%; max-height: 100%; object-fit: cover; transition: .5s; }
.coreTwo .box li span {display: block; margin-top: .2rem; }
.coreTwo .box li:hover .imgBox img {transform: scale(1.05, 1.05);}

.coreThree {background: url(../images/coreThree-bj.jpg) no-repeat center;padding: .8rem 0; background-size: cover;}
.coreThree .box {margin-top: .4rem;background: #fbfbfb;border-radius: 0.35rem; padding: .4rem .5rem; padding-right: 1rem;}
.coreThree .le {background: #ffffff;border-radius: 0.2rem; padding: .5rem .3rem;width: 25%;text-align: center;}
.coreThree .le ul {text-align: center; margin-top: .35rem;}
.coreThree .le li {margin-bottom: .15rem;}
.coreThree .le li a {display: inline-block; padding: .13rem .35rem;background: #e0e0e0;border-radius: 100px; font-family: Arial, Helvetica, sans-serif; font-size: var(--font18);}
.coreThree .le li.layui-this a {background: #0001CA;color: #fff; font-weight: 700;}
.coreThree .le li:last-child {margin-top: .4rem;}
.coreThree .le li:last-child a {padding-left: .5rem; padding-right: .5rem;}
.coreThree .re {margin-left: .57rem; flex: 1; margin-top: .2rem;} 
.coreThree .re .tit {border-bottom: 1px solid #E0E0E0; padding-bottom: .12rem;}
.coreThree .re .tit h4 {font-size: var(--font26); font-weight: 700; position: relative; padding-left: .2rem; line-height: 1;}
.coreThree .re .tit h4::before {content: ""; display: block; width: 0.08rem; height: 0.23rem; background: #0001CA; position: absolute; left: 0; bottom: 0;border-radius: 0.04rem;}
.coreThree .re .reCon {margin: .4rem 0;}
.coreThree .re dl {display: flex; justify-content: space-between;}
.coreThree .re dl dd {text-align: center; width: 32%;}
.coreThree .re dl dd .icBox {margin: auto; width: 1.08rem; height: 1.08rem; border-radius: 50%; overflow: hidden; background: #0000cc; display: flex; justify-content: center; align-items: center;}
.coreThree .re dl dd .icBox img {max-width: 50%;}
.coreThree .re dl dd .t1 {font-size: var(--font22); font-weight: 700; margin-top: .2rem;}
.coreThree .re dl dd .t2 {font-size: var(--font18);}
.coreThree .re .tip {padding-top: .3rem; display: flex; justify-content: center;}
.coreThree .re .tip p { padding: .15rem .8rem; background: #ffffff;border-radius: 100px; text-align: center; font-size: var(--font20);color: #000000;}
.ny-banner .w1500 .p2{display: none;}
.coreFour {padding: 1rem 0;}
.coreFour .box {margin-top: .6rem;}
.coreFour .swiperBox {position: relative;}
.coreFour .swiper {--swiper-theme-color: #0001CA; position: static;}
.coreFour .slide {width: 52%; }
.coreFour .slide .imgBox {overflow: hidden; border-radius: .25rem;position: relative;}
.coreFour .slide .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.coreFour .slide .imgBox::after {content: ""; position: absolute; width: 100%; height: 100%; background: #fff; opacity: .56;left: 0; top: 0; transition: .5s;}
.coreFour .swiper-slide-active .imgBox::after {opacity: 0;}
/* 控件 */
.coreFour .pagtion {bottom: -.7rem;}
.coreFour .swjt.swiper-button-next {transform: rotate(180deg);right: -.3rem;}
.coreFour .swjt.swiper-button-prev {left: -.3rem;}
.coreFour .swjt {width: .67rem; height: .67rem; min-height: 40px; min-width: 40px; border-radius: 50%; background: rgba(248, 248, 248,.7);transition: .5s;}
.coreFour .swjt i {font-size: var(--font20);opacity: .7;color: #BEBEBE; font-weight: 700;}
.coreFour .swjt:hover {background: #0001CA;}
.coreFour .swjt:hover i {opacity: 1;color: #fff;}
/* 控件结束*/
.coreFour .box .more {margin-top: .6rem;}
.coreFour .box .more .more1 {padding: .16rem .35rem;}

.coreFive {padding: 1rem 0 1.2rem;background: #f9f9f9;}
.coreFive .box {margin-top: .5rem;}
.coreFive ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 10px;}
.coreFive li { position: relative;}
.coreFive li .imgBox {overflow: hidden; position: relative;}
.coreFive li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.coreFive li span {position: absolute; width: 100%; background: rgba(51, 51, 51,.5); padding: .1rem .2rem; color: #fff; bottom: 0; left: 0;}
.coreFive li:hover .imgBox img {transform: scale(1.05, 1.05);}


/* ===制造能力=== */
.cess .box {display: flex; justify-content: space-between;}
.cess .le {width: 24%; min-width: 280px; background: url(../images/cessnav-bj.jpg) no-repeat center; background-size: cover; padding-left: 3.5%; padding-right: .45rem; box-sizing: border-box;}
.cess .le ul {position: sticky; top: 1.5rem; margin-top: .8rem;}
.cess .re {flex: 1; padding: 1rem 12% 1rem 5%; box-sizing: border-box;}
.cess .le li { border-radius: 100px; overflow: hidden; margin-top: .1rem;}
.cess .le li a {display: flex; color: #333; font-size: var(--font18); padding: .16rem .3rem; padding-right: .6rem; transition: .5s;position: relative;}
.cess .le li .icBox {margin-right: .2rem; width: 20px; display: flex; align-items: center;}
.cess .le li .icBox img {max-width: 100%;}



.cess .le li i {position: absolute; right: .2rem; top: 50%; transform: translateY(-50%) rotate(145deg); color: #fff; opacity: 0;}
.cess .le li:hover a {background: #0001ca; color: #fff;}
.cess .le li:hover i {opacity: 1;}
.cess .le li:hover .icBox img {filter: invert(98%) sepia(54%) saturate(2%) hue-rotate(94deg) brightness(109%) contrast(100%);-webkit-filter:invert(98%) sepia(54%) saturate(2%) hue-rotate(94deg) brightness(109%) contrast(100%);}
.cess .le li.on a {background: #0001ca; color: #fff;}
.cess .le li.on i {opacity: 1;}
.cess .le li.on .icBox img {filter: invert(98%) sepia(54%) saturate(2%) hue-rotate(94deg) brightness(109%) contrast(100%);-webkit-filter:invert(98%) sepia(54%) saturate(2%) hue-rotate(94deg) brightness(109%) contrast(100%);}
.cess .re .tle {align-items: flex-end;}
.cess .re .list {margin-top: .5rem;}
.cess .re .list ul {display: grid; grid-template-columns: repeat(2,1fr); gap: .4rem;}
.cess .re .list li {background: #ffffff;box-shadow: 0rem 0rem 0.51rem 0rem rgba(7,0,2,0.06); }
.cess .re .list li .imgBox {overflow: hidden;}
.cess .re .list li .imgBox img {width: 100%; object-fit: cover; transition: .45s;}
.cess .re .list li .con {padding:.3rem .4rem; display: flex; align-items: center; justify-content: space-between;}
.cess .re .list li .con .tit {color: #333;}
.cess .re .list li .con .jt {width: 0.36rem;height: 0.36rem; min-height: 25px; min-width: 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 0.02rem solid #0001ca; color: #0001CA; transform: rotate(145deg); font-weight: 700; transition: .4s;}
.cess .re .list li:hover .con .jt {color: #fff; background: #0001CA;}
.cess .re .list li:hover .imgBox img {transform: scale(1.05, 1.05);}
.cess .re .date .con {padding: .5rem 0;}
.cess .re .date img {max-width: 100%;}


/* ===加入我们=== */
.joinOne {padding: 1rem 0;background: #f9f9f9;}
.joinOne .box {display: flex; justify-content: space-between; align-items: center; margin-top: .7rem;}
.joinOne .le {width: 48%;}
.joinOne .re {width: 50%;border-radius: 0.2rem; overflow: hidden;}
.joinOne .re img {width: 100%;}
.joinOne .le .tit {line-height: 1.2;}
.joinOne dl {margin-top: .7rem;}
.joinOne dd {margin: .15rem 0; font-size: var(--font19);color: #444; position: relative; display: flex; align-items: center;}
.joinOne dd::before {content: ''; width: 6px; height: 6px; background: #1c519b; border-radius: 50%; margin-right: .2rem;}

.talentTwo {background: url(../images/talentTwo-bj.jpg) no-repeat center; background-size: cover; padding: .8rem 0 1rem;}
.talentTwo .box {margin-top: .5rem;}
.talentTwo ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem;}
.talentTwo ul li {padding: .25rem;border-radius: .1rem;display: flex; align-items: center;-webkit-transition: border .6s ease,box-shadow .6s ease;transition: border .6s ease,box-shadow .6s ease; background: #fff;}
.talentTwo ul li .ico_box {width: 90px;height: 90px;border-radius: 50%; padding: 15px; background: url(../images/talentTwo-icon-bj.png) no-repeat center;background-size: cover;margin-right: .25rem;}
.talentTwo ul li .ico_box img {-webkit-transition: transform .6s ease;transition: transform .6s ease;}
.talentTwo ul li .tit {font-size: var(--font22); color: #444; font-weight: 700;}
.talentTwo ul li .des {margin-top: .10rem; color: #666;}
.talentTwo ul li:hover {box-shadow: inset 0 0 0.1rem 0.05rem rgba(20,88,228, .6);}
.talentTwo ul li:hover .ico_box img {transform: rotateY(180deg);}

.joinTwo {background: #f7f8fa; padding: 1rem 0;}
.joinTwo .text {margin-top: .2rem; text-align: center;}
.joinTwo .text p {width: 50%; margin: auto;}
.joinTwo .box {padding-top: .5rem; width: 80%; margin: auto;}
.joinTwo ul {display: grid; grid-template-columns: repeat(2,1fr); gap: .2rem;}
.joinTwo li {background: #fff;padding: .4rem .3rem; display: flex; align-items: center; border-radius: .1rem;-webkit-transition: border .6s ease,box-shadow .6s ease;transition: border .6s ease,box-shadow .6s ease;}
.joinTwo li .icBox {width: .8rem; margin-right: .2rem; flex-shrink: 0;}
.joinTwo li .icBox img {max-width: 100%;}
.joinTwo ul li:hover {box-shadow: inset 0 0 0.1rem 0.05rem rgba(20,88,228, .6);}

.joinThre .box {display: flex;}
.joinThre .item {position: relative; width: 50%; text-align: center;}
.joinThre .item .imgBox {overflow: hidden; height: 100%;}
.joinThre .item .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.joinThre .item .more {margin-top: .3rem; opacity: 0; visibility: hidden; transition: .5s;}
.joinThre .item .more1 {padding: .16rem .45rem;}
.joinThre .item:hover .imgBox img {transform: scale(1.05, 1.05);}
.joinThre .item:hover .more {opacity: 1; visibility: visible; margin-top: .7rem;}

/* ===联系我们=== */
.tactOne {padding: 1rem 0;}
.tactOne .box {margin-top: 1rem;}
.tactOne ul {display: flex; justify-content: space-between;}
.tactOne ul li {margin-top: .4rem; text-align: center;}
.tactOne ul li .icBox {height: .6rem; border-radius: 50%;margin: auto; height: .66rem; display: flex; align-items: center; justify-content: center; margin-bottom: .3rem;}
.tactOne ul li .icBox img {max-height: 100%; max-width: 100%;}
.tactOne ul li .t2 {margin-top: .1rem;}

.tactMap img {width: 100%;}



/* ===图片系统=== */
.mbx{display: none;}
.coreOne .box li span{font-size:0.15rem}
.photo {padding-top: .5rem;}
.photo .mbx {padding: .2rem 0;}
.photo .box {padding: 1rem 0;}
.photo .le {width: 100%;}
.photo .re {width: 100%;}
.photo .list ul {display: grid; grid-template-columns: repeat(4,1fr);gap: .2rem;}
.photo .list li .imgBox {overflow: hidden;}
.photo .list li img {width: 100%; transition: .5s;}
.photo .list li:hover .imgBox img {transform: scale(1.05, 1.05);}

/* 2025.3.12改 */
.indexOne {padding: 1rem 0 .8rem; position: relative; z-index: 2; background: #fff;}
.indexOne .indexTle {width:39%;}
.indexOne .indexTle .text {margin-top: .2rem;}
.indexOne .indexTle .text p {font-size: var(--font18);}
.indexOne .tleBox {display: flex; align-items: center; justify-content: space-between;}
.indexOne .tleBox ul {display: flex;}
.indexOne .tleBox li {margin-left: .8rem;}
/* .indexOne .tleBox li:last-child {margin-left: 0;} */
.indexOne .tleBox li .icBox {width: .35rem; height: .35rem; margin: auto;}
.indexOne .tleBox li .icBox img {max-width: 100%; filter: grayscale(100%); -webkit-filter:grayscale(100%); opacity: .3;}
.indexOne .tleBox li span {color: #888888; font-size: var(--font18); margin-top: .2rem; display: block;}
.indexOne .tleBox li.on .icBox img {filter: none; -webkit-filter:none; opacity: 1;}
.indexOne .tleBox li.on span {color: #0000cc;}
.indexOne .box {position: relative; margin-top: .45rem;}
.indexOne .box .tit {line-height: .9; opacity: 0.33;font-size: 2.75rem;font-weight: bolder; top: 0;    transform: translate(-50%, 0%); color: #c5c5c5; text-transform: uppercase;	font-family: 'Futura'; text-align: center;}
.inOneSwiper {padding-bottom: 15%; width: 88%; margin: auto; position: static;}
.inOneSwiper .imgBox {width: 100%; height: 100%;    padding-bottom: 100%;position: relative; background: rgba(235, 235, 235,.75); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.inOneSwiper .imgBox img {max-width: 85%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.inOneSwiper .con {position: absolute; left: 50%; top: 100%; transform: translate(-50%, 20%); text-align: center; padding-top: .4rem; white-space: nowrap; opacity: 0; visibility: hidden; transition: .2s;}
.inOneSwiper .con .p1 {font-weight: 400; color: #0000cc;}
.inOneSwiper .con .p2 {font-size: var(--font22); font-weight: 700;color: #333333;}
.inOneSwiper .con .more {margin-top: .12rem;}
.inOneSwiper .con .more a {font-size:var(--font15); overflow: hidden;border-radius: 30px; padding: .14rem .25rem; background: #0000CC; color: #fff; display: inline-flex; transition: .4s;}
.inOneSwiper .con .more a:hover {box-shadow: 0 0 .1rem #0000cc;}
.inOneSwiper .swiper-slide-active .con { transform: translate(-50%, -0%); opacity: 1; visibility: visible; transition: .5s; transition-delay: .5s;}
.inOneSwiper .swiper-pagination {text-align: left; color: #959595; bottom: .5rem;width: auto;}
.inOneSwiper .swiper-pagination span {color: #0000cc;}
.inOneSwiper .swjt {right: 0; top: 45%; width: 0.56rem;height: 0.56rem; min-width: 30px; min-height: 30px; background: #d0d0d0; border-radius: 50%; transition: .5s;}
.inOneSwiper .swjt svg {max-width: 35%;}
.inOneSwiper .swjt.swiper-button-prev {transform: rotate(180deg); left: 0;}
.inOneSwiper .swjt:active {background: none; background: #0000cc;}
.inOneSwiper .swjt:active svg path {fill: #fff;}
@media (any-hover: hover) {
    .inOneSwiper .swjt:hover {background: #0000cc;}
    .inOneSwiper .swjt:hover svg path {fill: #fff;}
}
.indexOne .swiperBox {position: relative;}
.indexOne .swiperBox .item {display: none; position: relative; }
.indexOne .swiperBox .item.on {display: block; animation: fadeInUp 1s forwards;}

/* 发展历程改 */
.companyThre {padding: 1rem 0 1.5rem; position: relative; overflow: hidden; background: #fefefe;}
.companyThre .icon {position: absolute;}
.companyThre .icon img {max-width: 100%; max-height: 100%; object-fit: cover;}
.companyThre .icon1 {top: 0; left: 0; width: 38%;}
.companyThre .icon2 {right: 0; width: 12%; top: 0;}
.companyThre h3 {font-size: var(--font46); color: #fff;font-weight: 700;color: #333333; text-align: center;}
.companyThre .swiperBox1 {margin-top: 1rem; position: relative;}
.companyThreSwiper1 {position: static;}
.companyThreSwiper1 .con {display: flex;justify-content: space-between; max-width: 92%;margin: auto;}
.companyThreSwiper1 .imgBox {width: 47%; overflow: hidden;}
.companyThreSwiper1 .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.companyThreSwiper1 .con .text {width: 48%; margin: .5rem 0; padding-bottom: .5rem; position: relative;}
.companyThreSwiper1 .con .text .BTime {position: absolute; left: 0; top: 0; opacity: 0.02;font-size: 2.61rem;   font-weight: 700;color: #0001ca; line-height: .5;}
.companyThreSwiper1 .con .time {font-size: var(--font48); font-weight: 700; color: #0001ca;}
.companyThreSwiper1 .con .p1 {margin-top: .3rem;font-size:0.2rem }
.companyThreSwiper1 .con .p1 p {color: #333333; line-height: 1.7;}
.companyThreSwiper1 .swjt {width: 0.6rem; height: 0.6rem;border: 1px solid #cfcfcf; border-radius: 50%; transition: .5s; left: 56%; top: auto; bottom: .2rem;}
.companyThreSwiper1 .swjt svg {max-width: 50%;}
.companyThreSwiper1 .swjt.swiper-button-prev {transform: rotate(180deg) translateX(150%);}
.companyThreSwiper1 .swjt:active {background: #0001ca;border-color: #0001ca;}
.companyThreSwiper1 .swjt:active svg path {fill: #fff;}
@media (any-hover: hover) {
  .companyThreSwiper1 .swjt:hover {background: #0001ca; border-color: #0001ca;}
  .companyThreSwiper1 .swjt:hover svg path {fill: #fff;}
  .companyThreSwiper2 .swiper-slide:hover .c-dot {background: #0001ca;}
  .companyThreSwiper2 .swiper-slide:hover .c-dot::before {transform: scale(2);}
}
.companyThre .swiperBox2 {position: relative;z-index: 8;color: #FFFFFF; text-align: center; margin-top: .8rem;}
.companyThreSwiper2::before {content: "";position: absolute;top: 19px;left: 0; width: 100%; border-top: 1px solid #CFCFCF;}
.companyThreSwiper2 .swiper-slide {height: 90px;cursor: pointer;}
.companyThreSwiper2 .c-dot {margin: 0 auto; margin-top: 15px; display: flex;align-items: center;justify-content: center;width: 9px;height: 9px; background: #B7B7B6; border-radius: 50%;position: relative; transition: all 0.4s;}
.companyThreSwiper2 .c-dot::before {content: "";width: 100%; height: 100%;border-radius: 50%; background-color: transparent; position: absolute; z-index: 19;border: 1px solid #0001ca; transform: scale(0); transition: .5s;}
.companyThreSwiper2 .syear {width: 100%;transition: all 0.4s;line-height: 1; color: #787878;margin-top: 15px; height: 30px;    font-size: 0.25rem; display: flex; align-items: flex-end; justify-content: center;}
.companyThreSwiper2 .dsic {color: #787878; display: block; transition: .5s; font-size: .16rem; margin-top: 2px;} 
.companyThreSwiper2 .swiper-slide:active .c-dot {background: #0001ca;}
.companyThreSwiper2 .swiper-slide:active .c-dot::before {transform: scale(2);}
.companyThreSwiper2 .swiper-slide-thumb-active .c-dot {background: #0001ca;}
.companyThreSwiper2 .swiper-slide-thumb-active .c-dot::before {transform: scale(2);}
.companyThreSwiper2 .swiper-slide-thumb-active .syear {font-size: .3rem;color: #0001ca;}
.companyThreSwiper2 .swiper-slide-thumb-active .dsic {color: #0001ca;}