/* 公用样式 */
#c-placeholder {height: 6.25rem;}
header {position: sticky; left: 0; top: 0; z-index: 99; width: 100%;transition: .5s; background: #fff;}
.headBox {transition: .5s; height: 6.25rem; position: relative; z-index: 1;}
.headBox .logo {padding: 1.25rem 0;height: 100%;}
.headBox .logo img {height: 3.75rem; max-height: 100%; object-fit: contain; transition: .5s;}
.headBox .le {height: 100%; flex-shrink: 0;}
.headBox .le .logo a {height: 100%;}
.headBox .re {height: 100%;}

/* 导航 */
/* 取消layui默认样式 */
.qx-style {padding: 0; border-radius: 0; background: none;}
.qx-style .layui-nav-item {line-height: initial;}
.qx-style .layui-nav-item a {padding: 0;}
/* 取消layui默认样式 end!!!*/

nav {height: 100%;margin-left: 20%;}
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;}
nav .layui-nav {gap: 2.5rem;}
nav .layui-nav > .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1; position: relative;}
nav .layui-nav > .layui-nav-item > a {padding: .75rem 1.5rem; border-radius: 6.25rem; color: #333;position: relative; z-index: 1;font-size: var(--font17); transition: 0.4s; font-weight: 500;}
nav .layui-nav > .layui-nav-item > a > i {position: absolute; top: 50%; transform: translateY(-50%) translateX(150%); right: 0; font-size: var(--font12); display: none;}
nav .layui-nav .layui-nav-item a:hover, nav .layui-nav .layui-this a {color: #fff; background: #1D2087;}
nav .layui-nav > .layui-this:after , nav .layui-nav .layui-nav-bar {display: none;}
nav .layui-nav .layui-this:after {display: none;}
/* 默认下拉 */
nav .layui-nav .layui-nav-child {top: 100%; background: rgba(255, 255, 255,1);; min-width: 10rem; line-height: initial;}
nav .layui-nav .layui-nav-child >dd >a {color: #898989; padding: .5rem .625rem; font-size: var(--font16);}
nav .layui-nav .layui-nav-child >dd >a:hover {color: #fff; background: #1D2087;}
/* 快速报价 */
.fastQuote a {padding: .75rem 2rem; background: #1D2087; border-radius: 6.25rem; color: #fff; display: block;}


/* =================头部 end!!!=================== */


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

/* ===============公用css end!!!!===================*/
.more1 {background: #1D2087; border-radius: 6.25rem; padding: 1rem 2.5rem; display: inline-flex; align-items: center;position: relative; z-index: 1; transition: .5s;}
@media (any-hover: hover) {
  .more1:hover {box-shadow: 0 0 0 .5rem rgba(29, 32, 135,.4);}
}

.pbulic_tle .icBox {width: 2.75rem; height: 2.75rem; border-radius: 50%;background: #2E3852; }
.pbulic_tle .icBox img {width: 48%; height: 48%; object-fit: contain;}
.pbulic_tle .p2 {line-height: 1;}


/* ======首页======= */
.indexTle .tle_logo img {width: 25rem; max-width: 100%;}

.indexBanner {position: relative; overflow: hidden; max-height: 100vh;}
.indexBanner {padding-right: 1.5rem; padding-bottom: 1.5rem;}
.indexBanner::after {content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: calc(100% - 1.5rem); background: #1D2087; border-radius: .375rem;}
.indexBanner .banner_text {position: absolute; top: 45%; left: 4%; transform: translateY(-50%); white-space: nowrap;  z-index: 2; writing-mode: vertical-rl;}
.indexBanner .banner_text .xian {width: .063rem; height: 5.75rem; background: #fff; margin-bottom: 1rem;}
.indexBanner .banner_down {right: 4%; bottom: 3.75rem; position: absolute; z-index: 2;}
.indexBanner .banner_down .jt {width: 3.875rem; margin: auto; margin-top: .625rem; height: 3.875rem; border: 1px solid #fff; border-radius: 50%;}
.indexBanner .banner_down .jt img {width: 20.97%;animation: shubiao2 1s linear infinite;}
.indexBanner .slide .box {top: 70%;}
.indexBanner .slide .bjBox {border-radius: .625rem; overflow: hidden;}
.indexBanner .slide .bjBox img {width: 100%; min-height: 20rem; object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.indexBanner .slide .p1 , .indexBanner .slide .p2 {line-height: 1;}
.indexBanner .slide .more {margin-top: 6.25rem;}
/* 当前 */
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .controls {display: flex; flex-direction: column; align-items: center; position: absolute; top : 45%; transform: translateY(-50%); right: 4%;z-index: 2; background: rgba(255, 255, 255, .3); border-radius: 6.25rem; padding: 1.875rem 1rem;}
.indexBanner .pagtion {left: 0; right: 0; bottom: 0; position: relative; width: auto; height: auto; margin: 1.25rem 0; transform: none;}
.indexBanner .pagtion span {width: .188rem; margin: .625rem 0 !important; display: block; height: 2.25rem; border-radius: .125rem; background: #fff;opacity: 1; transition: .5s;}
.indexBanner .pagtion span.swiper-pagination-bullet-active {height: 4.125rem; background: #1D2087;}
.indexBanner .swjt {position: relative; left: 0; bottom: 0; top: 0; right: 0; margin: 0; transform: none; width: auto; height: auto;}
.indexBanner .swjt i {font-size: var(--font16); color: #fff;}

.indexOne {margin-top: 7.5rem; background: url(../images/indexOne-bj.jpg) no-repeat center; background-size: cover; min-height: 49.375rem; position: relative;}
.indexOne .tle {gap: 1.25rem;}
.indexOne .box {margin-top: 3.75rem;}
.indexOne .text {width: 43%;}
.indexOne .numlist {display: flex; justify-content: space-between; width: 48%;}
.indexOne .numitem {position: relative;  line-height: 1;}
.indexOne .numitem .num {display: flex; align-items: flex-end;}
.indexOne .numitem .counter {font-size: 3.75rem; font-weight: 500; color: #2C3679;}
.indexOne .numitem .num_dw {color: #2C3679; font-size: 3.75rem; font-weight: 500;}
.indexOne .numitem .txt {margin-top: 1.125rem; color: #666666; font-size: var(--font20);}
.indexOne .logo {display: flex; justify-content: flex-end; position: absolute; padding-right: 2%; bottom: 0; transform: translateY(40%);width: 100%;}
.indexOne .logo img {width: calc(62.813rem / 100% * 100%); max-width: 100%;}

.indexTwo {padding: 4.375rem 0;}
.indexTwo .tle {gap: 1.25rem;}
.indexTwo .box {margin-top: 3.75rem;}
.indexTwo .nav {width: 25%;}
.indexTwo .imglist {width: 70%; border-radius: 1rem; overflow: hidden; position: relative;}
.indexTwo .imglist::before {content: ''; left: 0; top: 0; position: absolute; width: 100%; height: 100%; background: linear-gradient(to right, rgba(29, 32, 135, .8) 0%, rgba(255, 255, 255, 0.01) 100%);}
.indexTwo .imglist img {width: 100%; height: 100%; object-fit: cover;}
.indexTwo .nav li {border-bottom: 1px solid #F2F2F2; cursor: pointer;}
.indexTwo .nav li .menu-li {padding: 1.25rem 0; display: flex; align-items: center;}
.indexTwo .nav li .icBox {width: 3.75rem; height: 3.75rem; border: .188rem solid #CDCDCD; border-radius: 50%; display: flex; align-items: center; justify-content: center;transition: .5s;}
.indexTwo .nav li .icBox img {min-width: 40%; max-width: 50%; object-fit: contain;filter: grayscale(100%); -webkit-filter:grayscale(100%); opacity: .5; transition: .5s;}
.indexTwo .nav li .tit {margin-left: 1.5rem;color: #CDCDCD; transition: .5s;}
.indexTwo .nav li .s-menu {display: none; padding-left: calc(3.75rem + 1.5rem); padding-bottom: 1.875rem;}
.indexTwo .nav li .s-menu dd a {font-size: var(--font16);line-height: 1.8; position: relative; padding-left: 1.875rem; display: inline-flex; align-items: flex-start;}
.indexTwo .nav li .s-menu dd a::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: .375rem; height: .375rem; border: .375rem solid rgba(128, 128, 128,1); background: #333; border-radius: 50%;}
.indexTwo .nav li .s-menu dd a::after {content: ''; position: absolute; left: 0; bottom: -0.25rem; width:0; height: 1px; background: #333; transition: .5s;}
.indexTwo .nav li .s-menu dd a:hover {font-weight: 500; color: #333;}
.indexTwo .nav li .s-menu dd a:hover::after {width: 100%;}
.indexTwo .nav li .jt {margin-top: 2.5rem; }
.indexTwo .nav li .jt a {width: 3.125rem; height: 3.125rem;background: #1D2087;  border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.indexTwo .nav li .menu-li.on .icBox {border-color: #1D2087;}
.indexTwo .nav li .menu-li.on .icBox img {filter: none; -webkit-filter:none; opacity: 1;} 
.indexTwo .nav li .menu-li.on .tit {color: #1D2087;}
.indexTwo .nav li .menu-li.on .tit span:last-child {color: #333;}
.indexTwo .imglist .item {display: none; height: 100%;}
.indexTwo .imglist .item.active {display: block;}

.indexThre {background: #F5F5F5; padding: 5rem 0;}
.indexThre .tle {gap: 1.25rem;}
.indexThre .swiperBox {margin-top: 3.125rem; position: relative;}
.indexThre .swiper {position: static; --swiper-theme-color: #1D2087;}
.indexThre .tle_logo {width: 30%;}
.indexThre .tle_logo img {width: 100%;}
.indexThre .slide {background: #FFFFFF; border-radius: .375rem;text-align: center;}
.indexThre .slide a {padding: 2.5rem 0; display: block;}
.indexThre .slide .p1 {color: #333;}
.indexThre .slide .imgBox {margin-top: 1.25rem; overflow: hidden;}
.indexThre .slide .imgBox img {width: 100%; max-width: 100%; transition: .5s;}
.indexThre .slide .more {margin-top: 1.25rem;}
@media (any-hover: hover) {
  .indexThre .slide:hover .imgBox img {transform: scale(1.1);}
}
/* 控件 */
.indexThre .pagtion {bottom: -3rem;}
.indexThre .swjt {}
.indexThre .swjt i {font-size: var(--font40); color: #333;}
.indexThre .swjt.swiper-button-prev {left: 0; transform: translateX(-200%);}
.indexThre .swjt.swiper-button-next {right: 0; transform: translateX(200%);}

.indexFour {position: relative; padding: 5rem 0;}
.indexFour .logo {display: flex; justify-content: flex-end; position: absolute; padding-right: 2%;top: 0; transform: translateY(-50%);width: 100%;}
.indexFour .logo img {width: calc(62.813rem / 100% * 100%); max-width: 100%; }
.indexFour .desc {width: 60%;margin-top: 1.25rem;}
.indexFour .box {margin-top: 3.75rem;}
.indexFour .box ul {display: flex;}
.indexFour .box li {margin: 0 .625rem; flex: 1; height: 36.625rem; overflow: hidden; border-radius: .375rem; transition: .5s; position: relative;}
.indexFour .box li .imgBox {height: 100%; position: relative;}
.indexFour .box li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indexFour .box li .imgBox::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}
.indexFour .box li .info {position: absolute; padding: 2.5rem; padding-right: .625rem; z-index: 1; left: 0; bottom: 0;}
.indexFour .box li .info .icBox {height: 3.75rem;opacity: 0; transition: .5s;}
.indexFour .box li .info .icBox img {max-height: 100%; min-height: 80%;}
.indexFour .box li .info p {margin-top: 1.25rem; white-space: nowrap;}
.indexFour .box li.active {flex: 2;}
.indexFour .box li.active .icBox {opacity: 1;}

.indexFive {background: #F2F2F2; padding: 5rem 0;}
.indexFive .tle {gap: 1.25rem;}
.indexFive .box {margin-top: 5rem;}
.indexFive .imglist {width: 47%;}
.indexFive .imglist .item img {width: 100%; height: 100%; object-fit: cover;}
.indexFive .imglist .item {display: none; height: 100%;}
.indexFive .imglist .item.active {display: block;}
.indexFive .list {width: 50%;}
.indexFive .list li {border-bottom: 1px solid #E0E0E0;}
.indexFive .list li a {display: block; padding: 1.875rem 0;}
.indexFive .list li .tit {gap: 1.25rem;}
.indexFive .list li .time {flex-shrink: 0;}
.indexFive .list li.active .info {display: block;}
.indexFive .list .info {display: none;width: 80%;}
.indexFive .list .info .p2 {margin-top: 1rem;}
.indexFive .list .info .jt {width: 3.125rem; height: 3.125rem; border-radius: 50%; margin-top: 1.25rem;background: #1D2087;}
.indexFive .list .info.active {display: block;}
@media (any-hover: hover) {
  .indexFive .list li:hover .p1 {color: #1D2087;}
}

.indexSix {margin: 5rem 0;}
.indexSix .box {background: url(../images/indexSix-img.jpg) no-repeat center; background-size: cover; padding: 3.75rem  0;}
.indexSix .p1 {width: 70%; margin: auto; padding-top: 2.5rem;}
.indexSix .more {margin-top: 3.75rem;}

/* ======底部===== */
.footer {background: #000000; padding-bottom: 0; position: relative; z-index: 2;}
.footer .logo {position: absolute; z-index: -1; width: 50%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-20%); text-align: center;}
.footer .logo img {width: 100%;}
.foter_top {padding: 2.5rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.foter_top .tel_box .icBox img {width: 2.625rem;}
.foter_top .icBox img {width: 13.25rem;}
.foterBox {padding: 3.75rem 0;}
.foterBox .foternav {width: 50%;}
/* 导航 */
.foternav {display: flex;justify-content: space-between; width: 80%;}
.foternav dl:last-child{display: none;}
.foternav dl dt {margin-bottom: 1.25rem;}
.foternav dl dt , .foternav dl dt a {font-size: var(--font18);color: #fff;}
.foternav dl dd {margin-bottom: .625rem;}
.foternav dl dd a {color: #fff; opacity: .6;}
.foternav dl dd a:hover {opacity: 1;}
.foter_us {text-align: right;}
.foter_us .tit {margin-bottom: 1.25rem;}
.foter_us .info .dd_item {font-size: var(--font16); opacity: .6; color: #fff; margin-bottom: .625rem;}
.foter_us .links {margin-top: 2.5rem;}
.foter_us .links ul {display: flex; justify-content: flex-end; gap: 1.5rem;}
.foter_us .links ul li a {width: 1.875rem; height: 1.875rem; display: flex; justify-content: center; align-items: center;}
.foter_us .links ul li a svg {width: 100%; height: 100%; object-fit: contain;}
.foter_us .links ul li a svg path {fill: #fff;}
.foter_us .links ul li a:hover svg path {fill: #1D2087;}
.copyRight {padding: 1.5rem 0;border-top: 1px solid rgba(255, 255, 255, .2); }
.copyRight p , .copyRight p a {font-size: var(--font16); color: rgba(255, 255, 255, .6);}
.copyRight p a:hover {color: #fff;}


/* ===================================================================内页================================================================== */
/* banner */
.ny-banner {position: relative; overflow: hidden; z-index: 1;padding-right: 1.5rem; padding-bottom: 1.5rem;}
.ny-banner .imgBox {width: 100%; overflow: hidden; border-radius: .625rem;}
.ny-banner .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.ny-banner::after {content: ''; position: absolute; z-index: -1; bottom: 0; right: 0; width: 100%; height: calc(100% - 1.5rem); background: #1D2087; border-radius: .375rem;}
.ny-banner .banner_text {position: absolute; top: 45%; left: 4%; transform: translateY(-50%); white-space: nowrap;  z-index: 2; writing-mode: vertical-rl;}
.ny-banner .banner_down {left: 50%; transform: translateX(-50%); bottom: 10%; position: absolute; z-index: 2;}
.ny-banner .banner_down .jt {width: 3.875rem; margin: auto; margin-top: .625rem; height: 3.875rem; border: 1px solid #fff; border-radius: 50%;}
.ny-banner .banner_down .jt img {width: 20.97%;animation: shubiao2 1s linear infinite;}

/* 面包屑 */
.mbx  {padding: 1.25rem 0;}
.mbx .layui-breadcrumb {position: relative; padding-left: 1.5rem;}
.mbx .layui-breadcrumb>* {font-size: var(--font16); opacity: 1; color: #666 !important;}
.mbx .layui-breadcrumb::before {content: '\e715'; font-family: layui-icon !important; position: absolute;left: 0; font-weight: 700; color: #1D2087; font-size: var(--font16);}
.mbx .layui-breadcrumb a:hover {color: #1D2087 !important;}
.mbx .layui-breadcrumb span[lay-separator] {margin: 0 .625rem !important;}

/* 内页导航 */
.ny_nav .list ul {display: flex; padding: 3.75rem 0; gap: 1.875rem;}
.ny_nav .list li a {display: flex; padding-bottom: 1.5rem; color: #333;}
.ny_nav .list li {width: calc(100% / 4); border-bottom: 1px solid #999999; font-size: var(--font24); padding-left: 1rem; position: relative;}
.ny_nav .list li .icBox {width: 2rem; margin-right: 1rem; display: flex; align-items: center;}
.ny_nav .list li .icBox img {min-width: 80%; max-width: 100%; filter: grayscale(100%); -webkit-filter:grayscale(100%); }
.ny_nav .list li::after {content: ''; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: #1D2087; transition: all 0.3s;}
@media (any-hover: hover) {
  .ny_nav .list li:hover a {color: #1D2087;}
  .ny_nav .list li:hover::after {width: 100%;}
  .ny_nav .list li:hover .icBox img {filter: grayscale(0%); -webkit-filter:grayscale(0%); }
}
/* 当li数量为1-3个时 */
.ny_nav .list ul:has(li:nth-last-child(-n+4):first-child) {justify-content: center;}
.ny_nav .list ul:has(li:nth-last-child(-n+4):first-child) li {width: auto;}
/* 当li数量正好为4个时 */
.ny_nav .list ul:has(li:nth-last-child(5):first-child) {justify-content: flex-start;}


.aboutOne {padding-top: 1.25rem; padding-bottom: 6.25rem;}
.aboutOne .le {width: 60%;}
.aboutOne .re {width: 36%;}
.aboutOne .re img {width: 100%;}
.aboutOne .tit {text-transform: uppercase; color: #1D2087;}
.aboutOne .text P {margin-top: 2.5rem;}
.aboutOne .numlist {display: flex; justify-content: space-between; margin-top: 3.75rem;}
.aboutOne .numitem {position: relative;  line-height: 1;}
.aboutOne .numitem .num {display: flex; align-items: flex-end;}
.aboutOne .numitem .counter {font-size: 3.75rem; font-weight: 500; color: #2C3679;}
.aboutOne .numitem .num_dw {color: #2C3679; font-size: 3.75rem; font-weight: 500;}
.aboutOne .numitem .txt {margin-top: 1.125rem; color: #666666; font-size: var(--font20);}

.aboutTwo {padding: 6.25rem 0;background: #EAEAF4; position: relative; overflow: hidden;}
.aboutTwo .logo {display: flex; justify-content: flex-end; position: absolute; padding-right: 1.25rem; bottom: 0; width: 100%;}
.aboutTwo .logo img {width: 50%;}
.aboutTwo .box {position: relative;}
.aboutTwo .tit {font-size: 4.25rem; line-height: 1.2; font-weight: 800;color: #1D2087; text-transform: uppercase;}
.aboutTwo .cirle_box {display: flex;margin-top: 3.125rem;}
.aboutTwo .cirle_box i {width: 1.25rem; height: 1.25rem; background: #1D2087; display: block; border-radius: 50%;}
.aboutTwo .cirle_box i:nth-child(2) {opacity: .5;transform: translateX(-25%);}
.aboutTwo .cirle_box i:nth-child(3) {opacity: .1;transform: translateX(-50%);}
.aboutTwo .info {width: 47%; min-height: 28.125rem; position: relative; z-index: 2; margin-top: 5.25rem;background: #1D2087; padding: 3.125rem; border-radius: 0px 4.75rem 0px 0px;}
.aboutTwo .info .p1 {line-height: 1.2;}
.aboutTwo .info .more {margin-top: 2.5rem;}
.aboutTwo .info a {border: 2px solid #EAEAF4; padding: .625rem 1.875rem; display: inline-block; color: #fff; border-radius: 6.25rem; transition: .5s;}
.aboutTwo .info a:hover {background: #EAEAF4; color: #1D2087;}
.aboutTwo .re {position: absolute; top: 0%; right: 0; width: 75%;border-radius: 12.5rem 0px 0px 0px; overflow: hidden;}
.aboutTwo .re img {width: 100%;}

.aboutThre {position: relative; background: url(../images/aboutThre-bj.jpg) no-repeat center; background-size: cover; padding: 10rem 0; background-attachment: fixed;}
.aboutThre .bjBox {display: none;}
.aboutThre .bjBox img {width: 100%;}
.aboutThre .box {display: flex; justify-content: flex-end;}
.aboutThre .con {overflow: hidden; min-width: 47%;}
.aboutThre .con .tit {background: #1D2087;border-radius: 4.75rem 0 0px 0px;padding: 0 4.375rem;}
.aboutThre .con .info {background: rgba(255, 255, 255, .95); padding: 2.5rem 4.375rem;}
.aboutThre .cirle_box {display: flex;}
.aboutThre .cirle_box i {width: 1.25rem; height: 1.25rem; background: #fff; display: block; border-radius: 50%;}
.aboutThre .cirle_box i:nth-child(2) {opacity: .5;transform: translateX(-25%);}
.aboutThre .cirle_box i:nth-child(3) {opacity: .1;transform: translateX(-50%);}

/* =====产品中心 */
.pro_nav {padding-bottom: 1.875rem;}
.pro_nav ul {display: flex; flex-wrap: wrap; gap: .625rem; column-gap: 0;}
.pro_nav li a {padding: .75rem 2rem; display: block; border-radius: 6.25rem; color: #666666; font-size: var(--font16); transition: .5s;}
.pro_nav li a:hover {background: #1D2087; color: #fff;}

.prolist {padding-bottom: 3.75rem;}
.prolist .list li {margin-top: 1.875rem;background: #F5F7F9;}
.prolist .list li a {display: flex; justify-content: space-between; align-items: center; padding: 2.5rem 6.25rem;}
.prolist .list li .p1 {color: #1D2087;} 
.prolist .list li .p2 {line-height: 1.2;}
.prolist .list li .tle {padding-bottom: 2.25rem; border-bottom: 1px solid #D7D7D7; position: relative;}
.prolist .list li .tle::before {content: ''; position: absolute; bottom: 0; left: 0;  transform: translateY(50%); width: 3.125rem; height: 3px; background: #1D2087; }
.prolist .list li .p3 {margin-top: 2.5rem;}
.prolist .list li .more {margin-top: 4.375rem;}
.prolist .list li .info {width: 50%;}
.prolist .list li .imgBox {width: 46%;mix-blend-mode: multiply;}
.prolist .list li .imgBox img {width: 100%; object-fit: contain; transition: .5s;}
.prolist .list li .imgBox:hover img {transform: scale(1.05);}

/* =====产品详情 */
.proDateOne {background: #F5F7F9;}
.proDateOne .mbx {border-bottom: 1px solid #DADADA;}
.proDateOne .box {padding: 2.5rem 0;}
.proDateOne .left {width: 48%;}
.proDateOne .imgBox {width: 45%; mix-blend-mode: multiply;}
.proDateOne .imgBox img {width: 100%;}
.proDateOne .tle {padding-bottom: 2.625rem; border-bottom: 1px solid #D7D7D7; position: relative;}
.proDateOne .tle::before {content: ''; position: absolute; bottom: 0; left: 0;  transform: translateY(50%); width: 3.125rem; height: 3px; background: #1D2087; }
.proDateOne .left .p2 {line-height: 1.2;}
.proDateOne .left .p3 {display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2.5rem;}
.proDateOne .left .p3 p {position: relative; padding-left: 1.5rem; width: 24%;}
.proDateOne .left .p3 p::before {content: ''; position: absolute; top: 50%; left: 0; border-radius: 50%; transform: translateY(-50%); width: 1rem; height: 1rem; border: 3px solid #1D2087; box-sizing: border-box;}
.proDateOne .left .p4 {margin-top: 3.75rem;}

.proDateTwo {padding: 5rem 0;}
.proDateTwo .box {padding: 3rem 0;}
.proDateTwo .box img {max-width: 100%;}

/* =======新闻中心 */
.newsInfo .swiperBox {background: #F5F7F9;position: relative; z-index: 1;}
.newsInfo .swiperBox::before {content: ''; position: absolute; bottom: 0; left: 0; width: 48%; height: 85%; background: url(../images/newsInfo-logo.png) no-repeat right; background-size: contain; z-index: -1;}
.newsInfo .slide .info {padding: 2.5rem 5rem;width: 50%; padding-top: 7.5rem;}
.newsInfo .slide .info .p3 {margin-top: 2.5rem;}
.newsInfo .slide .info .more {margin-top: 5rem;}
.newsInfo .slide .imgBox {width: 50%;}
.newsInfo .slide .imgBox img {width: 100%; height: 100%; object-fit: cover;}
/* 控件 */
.newsInfo .controls {display: flex; align-items: center; position: absolute; bottom: 8%; top: auto; left: 5rem;  z-index: 2; }
.newsInfo .pagtion {display: flex;left: 0; right: 0; bottom: 0; position: relative; width: auto; height: auto; margin: 0 1.5rem; transform: none;}
.newsInfo .pagtion span {width: 2.25rem; margin: 0  .313rem !important; display: inline-block; height: .188rem; border-radius: .125rem; background: #B7B7B7;opacity: 1; transition: .5s;}
.newsInfo .pagtion span.swiper-pagination-bullet-active {width: 4.063rem; background: #1D2087;}
.newsInfo .swjt {position: relative; left: 0; bottom: 0; top: 0; right: 0; margin: 0; transform: none; width: auto; height: auto;}
.newsInfo .swjt i {font-size: var(--font16); color: #666;}

.newslist {padding: 3.75rem 0;}
.newslist .list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.875rem;}
.newslist .list li {border: 1px solid #E4E4E4;border-radius: .25rem; background: #fff; transition: .5s;}
.newslist .list li a {display: flex; flex-direction: column; justify-content: space-between; min-height: 18.75rem; height: 100%; padding: 2.5rem;}
@media (any-hover: hover) {
  .newslist .list li:hover {background: #1D2087;}
  .newslist .list li:hover .p1 {color: #fff;}
  .newslist .list li:hover .time {color: #fff;}
}

/* ======新闻详情 */
.newsDateMain {background: #F5F7F9;}
.newsDateMain .mbx {border-bottom: 1px solid #DADADA;}
.newsDate {padding-top: 3.75rem;}
.newsDate .tips {gap: 1.75rem; row-gap: .625rem;}
.newsDate .tips .icBox {margin-right: .5rem;}
.newsDate .tips .icBox img {min-width: 1.125rem;}
.newsDate .date_info {padding: 3rem 0;}
.newsDate .date_info img {max-width: 100%;}

.newsDate .page_fy {padding-bottom: 1.25rem; margin-top: 2.5rem; border-bottom: 1px solid #D9D9D9;}
.newsDate .page_fy .prev .jt ,.newsDate .page_fy .next .jt {width: 3.375rem; height: 3.375rem; display: flex; align-items: center; justify-content: center;border-radius: 50%; background: #1D2087; transition: .5s;}
.newsDate .page_fy .jt i {font-size: var(--font16); color: #fff;}
.newsDate .page_fy .prev .jt {margin-right: 1.25rem;}
.newsDate .page_fy .next .jt {margin-left: 1.25rem;}
.newsDate .page_fy .back a {min-width: 10rem;}
.newsDate .page_fy a:active .jt {background: #2C3679;}
.newsDate .page_fy a:active .jt i {color: #fff;}
@media (any-hover: hover) {
.newsDate .page_fy a:hover .jt {background: #2C3679;}
.newsDate .page_fy a:hover .jt i {color: #fff;}
}

.newsDate .swiperBox {position: relative; z-index: 1; padding: 4.375rem 0;}
.newsDate .swiperBox .swiper {position: static; --swiper-theme-color: #1D2087;}
.newsDate .swiperBox .slide {border: 1px solid #E4E4E4;border-radius: .25rem; background: #fff; transition: .5s; height: auto;}
.newsDate .swiperBox .slide a {display: flex; flex-direction: column; justify-content: space-between; min-height: 18.75rem; height: 100%; padding: 2.5rem;}
.newsDate .swiperBox .pagtion {}
@media (any-hover: hover) {
  .newsDate .swiperBox .slide:hover {background: #1D2087;}
  .newsDate .swiperBox .slide:hover .p1 {color: #fff;}
  .newsDate .swiperBox .slide:hover .time {color: #fff;}
}


/* =====联系我们 */
.tactMain {background: #FCFCFC;}
.tactOne {padding: 3.75rem 0;}
.tactOne .logo img {width: 26.5%;}
.tactOne .list {margin-top: 3.75rem;}
.tactOne .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 1.875rem; }
.tactOne .list li {padding: 4.375rem 1rem;border: 1px solid #F2F2F2; background: #FFFFFF; border-radius: .375rem;text-align: center;}
.tactOne .list li .icBox {height: 2.5rem; display: flex; align-items: center; justify-content: center;}
.tactOne .list li .icBox img {max-height: 100%; min-height: 90%;}
.tactOne .list li .p1 {font-size: var(--font26); color: #333333; font-weight: 500; margin-top: 3.125rem; text-transform: uppercase;}
.tactOne .list li .p2 {margin-top: 1.25rem;}
.tactOne .list li .p2 a {padding-bottom: .625rem; border-bottom: 1px solid #1D2087; color: #1D2087;}

.tactTwo {padding-bottom: 5rem; background: linear-gradient(to bottom,#FCFCFC 0%, #fff 100%); position: relative;}
.tactTwo .imgBox {position: absolute; top: 0; left: 0; width: 100%; z-index: -1;}
.tactTwo .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.tactTwo .box {display: flex; justify-content: flex-end; position: relative;padding-top: 9.375rem; padding-bottom: 0; z-index: 1;}
.tactTwo .box .con {padding: 3.75rem;  background: #FFFFFF; border-radius: .625rem; width: 55%;  margin-right: 3.75rem;}
.tactTwo form {margin-top: 3.75rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.tactTwo form .inBox {margin-bottom: 1.5rem; width: 48%;}
.tactTwo form .inBox input {height: 4.75rem;background: #F2F2F2; border-radius: 6.25rem; padding-left: 2.25rem; box-sizing: border-box;}
.tactTwo form .inCon {width: 100%;}
.tactTwo form .inCon textarea {height: 7.5rem; width: 100%; padding: 1.25rem 2.25rem; background: #F2F2F2; border-radius: 1.125rem; resize: none;}
.tactTwo form .inCode {position: relative; width: 64%; margin-bottom: 0;}
.tactTwo form .inCode img {position: absolute; top: 50%; transform: translateY(-50%); width: 7.5rem; object-fit: contain; right: 2.5rem;}
.tactTwo form .insub {width: 33%;}
.tactTwo form .insub button {background: #1D2087; height: 100%; width: 100%; border-radius: 6.25rem; text-transform: uppercase; font-size: var(--font16);}

/* 底部弹出留言 */
.foterPop {position: fixed;right: 1%; bottom: 0; z-index: 9999; transform: translateY(calc(100% - 2.813rem)); transition: .5s;}
.foterPop .box {width: 21.875rem; max-width: 100%; border-radius: 1rem 1rem 0 0;overflow: hidden;}
.foterPop .tit {position: relative;display: flex; justify-content: space-between; align-items: center;background: #1D2087; color: #fff;}
.foterPop .tit {height: 2.875rem;padding: 0 1.25rem; cursor: pointer;}
.foterPop .tit i {transition: .5s;}
.foterPop .tit .icBox {display: none;}
.foterPop .form { border: 1px solid #1D2087;position: relative; background: #fff;overflow-y: auto; padding-bottom: 1.25rem; width: 100%;}
.foterPop .form form {padding: 1.25rem 1.25rem .313rem;}
.foterPop .form .inBox {margin-bottom: .625rem;  }
.foterPop .form .inBox input ,.foterPop .form .inBox textarea {height: 2.5rem ;border: 1px solid #e5e5e5;padding: 0 1rem;  border-radius: 1.5rem; width: 100%; background: none; font-size: var(--font14); resize: none;}
.foterPop .form .inText {height: 6.25rem;}
.foterPop .form .inBox textarea {padding: 1rem; min-height: initial; height: 100%;}
.foterPop .form .inCode {display: flex; justify-content: space-between; padding-right: 0; overflow: hidden;}
.foterPop .form .inCode input {padding-right: 1rem;}
.foterPop .form .inCode img {width: 6.25rem; height: 100%; border-radius: 1rem; object-fit: contain;}
.foterPop .form .sub button {width: 100%; background: #1D2087;border-radius: 6.25rem; color: #fff; height:  2.25rem; cursor: pointer;}
.foterPop.show {transform: translateY(0);}
.foterPop .tit.on i {transform: rotateX(180deg);}
@media (max-width: 640px) {
.foterPop .tit {width: auto; background: #fff; display: inline-flex; padding: 0 1rem;}
.foterPop .tit span {display: none;}
.foterPop .tit i {display: none;}
.foterPop .tit .icBox {display: block;}
.foterPop {width: 96%; right: 2%;}
.foterPop  .box {width: 100%; border-radius: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items:flex-end;}
}

/* 资料录入修改 */
@media screen and (max-width: 767px) {
  .Table1 tr td {padding:.625rem;}
  .Table1 tr td p , .Table1 tr td span {line-height: 1.8 !important;}
}