/* 公用样式 */
html {scroll-behavior: smooth;}
#c-placeholder {height: 5.375rem;}
header {position: sticky; left: 0; top: 0; z-index: 99; width: 100%; background: #fff;transition: .5s;border-bottom: 1px solid #eee;}
.headBox {transition: .5s; height: 5.375rem;  position: relative; z-index: 1;}
.headBox .logo {padding: 1.25rem 0;height: 100%;}
.headBox .logo img {height: 3.563rem; 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%; width: 69%;}
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;}
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 {color: #000;position: relative; z-index: 1; font-size: var(--font18); transition: 0.4s; font-weight: 400;}
nav .layui-nav > .layui-nav-item > a > i {position: absolute; top: 50%; transform: translateY(-50%) translateX(150%); right: 0; font-size: var(--font12);}
nav .layui-nav .layui-nav-item a:hover, nav .layui-nav .layui-this a {color: #0095f3;}
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: 12rem; line-height: initial; text-align: left;}
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: #0095f3;}
nav .layui-nav .layui-nav-child > dd.layui-this a {color: #fff; background: #0095f3;}
/* 产品下拉 */
.pronavdown {padding: 2.75rem 0; border-top: 1px solid #eee; position: fixed; width: 100%; left: 0; background: #fff; top: 5.375rem; display: none;}
.pronavdown .navlist {margin-right: 6.25rem;}
.pronavdown .right {flex: 1;}
.pronavdown .right .item {display: none;}
.pronavdown .right .item.active {display: block;}
.pronavdown .navlist li a {color: #1e2021; display: block; padding: 1rem 1.5rem; border-radius: 6.25rem; transition: .5s; font-size: var(--font16);}
.pronavdown .navlist li.active a {background: rgba(230, 230, 230, .45); color: #08338F; font-weight: 600;}
.pronavdown .right .list ul {display: flex;gap: 2.5rem;}
.pronavdown .right .list li {width: calc(100% / 4); text-align: center;}
.pronavdown .right .list li .imgBox {height: 10rem; display: flex; align-items: center; justify-content: center;}
.pronavdown .right .list li .imgBox img {max-height: 100%; width: 100%; object-fit: contain;}
.pronavdown .right .list li span {font-size: var(--font14);color: #666666; display: block; margin-top: 1.25rem; transition: .5s;}
.pronavdown .right .list li:hover span {color: #0095f3;}

/* 搜索 */
.head_search img {width: 1.5rem; height: 1.5rem;}

/* 搜索下拉 */
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4 {background-color: #fff;padding: 3.125rem 0; border-top: 1px solid #eee;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .close {position: absolute; right: 2.5%; top: 5%; cursor: pointer; width: 1.25rem;}
.hadbox-sec4 .close svg {width: 100%; height: 100%;}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 1.5rem;font-size: var(--font30);}
.hadbox-sec4 .form {display: flex; align-items: center; justify-content: space-between; padding-bottom: 1.25rem; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 1.875rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%; height: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 19.375rem);padding: 1rem 1.5rem; color: #333333; flex: 1;}
.hadbox-sec4 .form .f_sub {width: 10rem; height: 3.5rem; min-height: 40px; background: #0095f3;border-radius: .313rem;font-size: var(--font20);color: #ffffff;cursor: pointer;}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .hadbox-sec4 {padding: 1.75rem 1rem;}
  .hadbox-sec4 .form {padding-bottom: 1rem;}
  .hadbox-sec4 .f_tit {font-size: var(--font20);}
  .hadbox-sec4 .form .f_sub {width: 6rem; height: 3rem; font-size: var(--font18);}
}
/* 头部下滑 */
/* header.c-style2 .head_top {transform: translateY(-100%);} */
header.c-style2 {}



/* =================头部 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: #0095f3; border-radius: 6.25rem; padding: 1rem 1.5rem; display: inline-flex; align-items: center;position: relative; z-index: 1; transition: .5s;}
.more1 .txt_box {overflow: hidden;height: var(--font24);}
.more1 .txt_box span { white-space: nowrap; height: var(--font24); transition: transform 0.3s ease;transform: translateY(0%); display: flex; align-items: center; line-height: 1;}
.more1 .i_box {position: relative; margin-left: 1.25rem; width: 1.25rem; height: 1.25rem;  overflow: hidden;}
.more1 .i_box i {position: absolute; top: 0%; left: 0; width: 100%; font-size: var(--font14); transition: .5s;}
.more1 .i_box i img {width: 100%;}
.more1 .i_box i.i1 {transform: translateX(-150%);}

.more2 {background: none; border: 1px solid #fff;}
.more3 {background: none; border: 1px solid #333;}

@media (any-hover: hover) {
  .more1:hover .txt_box span {transform: translateY(-100%);}
  .more1:hover .i_box i.i1 {transform: translateX(0%);}
  .more1:hover .i_box i.i2 {transform: translateX(150%);}

  .more2:hover {background: #0095f3; border: 1px solid #0095f3;}
  .more3:hover {color: #fff;}
}

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


/* ======首页======= */
.indexBanner {position: relative; overflow: hidden;}
.indexBanner .slide .bjBox {}
.indexBanner .slide .videoBox {position: relative;}
.indexBanner .slide .videoBox::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2);}
.indexBanner .slide .bjBox img {width: 100%; object-fit: cover; min-height: 18rem; max-height: calc(100vh - 5.375rem); transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.indexBanner .slide .bjBox video {width: 100%; object-fit: cover; min-height: 18rem; max-height: calc(100vh - 5.375rem); display: block;}
.indexBanner .slide .p1 span {display: block; line-height: 1.2;}
.indexBanner .slide .more {margin-top: 5rem;}
/* 当前 */
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .swjt i {font-size: var(--font50); color: #fff; font-weight: 100;}
.indexBanner .swjt.swiper-button-prev {left: 3%;;}
.indexBanner .swjt.swiper-button-next {right: 3%;}

.indexOne {padding: 6.25rem 0;}
.indexOne .slideBox {display: flex; justify-content: space-between; align-items: center;}
.indexOne .slideBox .info {width: 45%;}
.indexOne .slideBox .info .p2 {line-height: 1.2}
.indexOne .slideBox .info .p3 {line-height: 1.8;}
.indexOne .slideBox .info .more {margin-top: 2.5rem;}
.indexOne .slideBox .imgBox {width: 45%;}
.indexOne .slideBox .imgBox img {width: 100%; object-fit: contain;}
/* 控件 */
.indexOne .contrls {position: absolute; bottom: 0; display: flex; align-items: center;}
.indexOne .contrls .xian {background: #3E3E3E; height: 1rem; width: 1px;background: #3E3E3E;opacity: .2; margin: 0 2.5rem;}
.indexOne .pagtion {text-align: left; color: #BBBBBB; font-size: var(--font16); position: relative; bottom: 0;}
.indexOne .pagtion .swiper-pagination-current {font-size: var(--font24); color: #333;}
.indexOne .contrls .jtBox {position: relative; display: inline-flex; align-items: center; gap: 1.25rem;}
.indexOne .contrls .jtBox .swjt {position: relative; top: 0; transform: none; margin: 0;left: 0;}
.indexOne .contrls .jtBox .swjt i {font-size: var(--font18); color: #CECECE;}

.indexTwo ul {display: flex;}
.indexTwo li {flex: 1; height: 53.75rem; position: relative; transition: .5s;overflow: hidden;}
.indexTwo li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.indexTwo li .imgBox {height: 100%; position: absolute; top: 0; left: 0; z-index: 1; width: 100%;}
.indexTwo li .imgBox::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); transition: .5s;}
.indexTwo li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indexTwo li .show {position: relative; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center;}
.indexTwo li .show .p1 {transition: .5s;}
.indexTwo li .hide {position: absolute; bottom: 0; z-index: 1; background: rgba(0, 149, 243, .9); padding: 2.75rem 1.25rem; width: 100%; left: 0; text-align: center; transform: translateY(100%); transition: .5s;}
.indexTwo li .hide .p3 {opacity: 0.5; line-height: 1.7; margin-top: .625rem; font-size: var(--font16); font-weight: 100;}
.indexTwo li .hide .more {margin-top: 1.875rem;}

.indexTwo li.active {flex: 1.7;}
.indexTwo li.active .imgBox::before {opacity: 0;}
.indexTwo li.active .show .p1 {transform: translateY(-100%); opacity: 0;}
.indexTwo li.active .hide {transform: translateY(0%);transition-delay: .25s;}

@media (any-hover: hover) {
  .indexTwo li:hover {flex: 1.7;}
  .indexTwo li:hover .imgBox::before {opacity: 0;}
  .indexTwo li:hover .show .p1 {transform: translateY(-100%); opacity: 0;}
  .indexTwo li:hover .hide {transform: translateY(0%);transition-delay: .25s;}
}

.indexThre {background: #F1F3F7; padding: 10.625rem 0 8.75rem;}
.indexThre ul {display: flex; justify-content: space-between; gap: 1.875rem;}
.indexThre li {text-align: center;}
.indexThre li .icBox {height: 4.375rem; display: flex; align-items: center; justify-content: center; margin-bottom: 2.5rem;}
.indexThre li .icBox img {max-height: 100%; min-height: 80%;}
.indexThre li .num_box {display: inline-flex; align-items: flex-end; line-height: .8;}
.indexThre li .counter , .indexThre li .dw {font-size: var(--font68);font-weight: 500;color: #333333;}
.indexThre li .p1 {color: #333333; font-size: var(--font20); margin-top: 1.25rem;}
.indexThre li .p1 span {display: block;}
.indexThre .indexTle {margin-top: 9.375rem;}
.indexThre .swiperBox {margin-top: 4.375rem; position: relative;}
.indexThre .swiper {position: static;}
.indexThre .slide {background: #fff; border-radius: .625rem; padding: 1.875rem 1.375rem;}
.indexThre .slide a {display: block;}
.indexThre .slide .imgBox {height: 12.5rem; overflow: hidden;}
.indexThre .slide .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.indexThre .slide .logo {text-align: center; height: 5.625rem; padding: 1.25rem 0;border-bottom: 1px solid #F9F8F7; }
.indexThre .slide .logo img {min-width: 60%; max-width: 100%; max-height: 100%; object-fit: contain;}
.indexThre .slide .info {padding: 2.5rem 0; padding-bottom: 1.25rem;}
.indexThre .slide .info .p2 {color: #747474;}
.indexThre .slide .more {margin-top: 2.5rem; color: #08338F;}
@media (any-hover: hover) {
  .indexThre .slide:hover .imgBox img {transform: scale(1.05);}
}
/* 控件 */
.indexThre .swjt i {font-size: var(--font50); color: #cccdcf;  font-weight: 100;}
.indexThre .swjt.swiper-button-prev {left: 0;transform: translateX(-200%);}
.indexThre .swjt.swiper-button-next {right: 0;transform: translateX(200%);}
.indexThre .swjt:active i {color: #08338F;}
@media (any-hover: hover) {
  .indexThre .swjt:hover i {color: #08338F;}
}

.indexFour {padding: 7.5rem 0;}
.indexFour ul {display: flex;  margin-top: 6.25rem; justify-content: center;}
.indexFour li {display: flex; align-items: center; position: relative; padding: 0 2.5rem; border-right: 1px solid rgba(164, 164, 164, .2);}
.indexFour li:last-child {border: 0;}
.indexFour li .imgBox {height: 4.375rem; margin-right: 1.25rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.indexFour li .imgBox img {min-height: 80%; max-height: 100%; object-fit: contain;}
.indexFour li .p2 {color: #8D8D8D;}

.indexFive .box {display: flex;}
.indexFive .item {width: 50%; position: relative;}
.indexFive .item .imgBox img {width: 100%; height: 100%; min-height: 12rem; object-fit: cover;}
.indexFive .item .info {position: absolute; width: 100%; padding-left: 21%; top: 50%; transform: translateY(-50%);}
.indexFive .item .info .more {margin-top: 5rem;display: inline-flex;}
.indexFive .item .info .more i {font-weight: 100;}
.indexFive .item .info .more span {transition: .5s;}
@media (any-hover: hover) {
  .indexFive .item .info .more:hover span {margin-right: 1.875rem;}
}

/* ======底部====== */
.footer {position: relative; z-index: 1;overflow: hidden;padding: 5rem 0 0; background: #3e3e3e;}
.footer .left {width: 20%;}
.footer .right {width: 76%;}
.footer .left .p2 {margin-bottom: 1.25rem;}
.footer .left .item {display: flex; align-items: flex-start;margin: .313rem 0;}
.footer .left .item .icBox {width: 1rem; height: 1.25rem; margin-right: .625rem; flex-shrink: 0; margin-top: .625rem;}
.footer .left .item .icBox img {max-height: 100%; min-height: 80%; filter: invert(95%) sepia(95%) saturate(20%) hue-rotate(289deg) brightness(104%) contrast(106%);}
.footer .left .item a { color: #fff; display: block;}
.footer .left .more {margin-top: 1.875rem;}
.footer .left .more a {display: inline-flex; color: #fff;}
.footer .left .more a img {filter: brightness(100); -webkit-filter:brightness(100); height: 1.125rem;}
.footer .left .more span {margin-left: .625rem;}
.footer .left .more a:hover {font-weight: 700;}
/* 底部导航 */
.foternav {display: flex; justify-content: space-between;}
.foternav dl dt {margin-bottom: 1.25rem;}
.foternav dl dt a {font-size: var(--font18); font-weight: 400; text-transform: uppercase; color: #fff;}
.foternav dl dd {margin: .625rem 0;}
.foternav dl dd a {font-size: var(--font15); color: #999;}
.foternav dl dd a:hover {color: #fff;}
.foternav dl:last-child {display: none;}

.copyRight {margin-top: 2.5rem; gap: 1.5rem; padding: 1.25rem 0; border-top: 1px solid #565656;}
.copyRight p , .copyRight p a {color: #999;}
.copyRight p a:hover {color: #fff;}
.copyRight .links ul {gap: 2rem;}
.copyRight .links li a {width: 1.5rem; height: 1.5rem; display: block;}
.copyRight .links li a svg {width: 100%; height: 100%; object-fit: contain;}
.copyRight .links li svg path {fill: #fff;}
.copyRight .links li a:hover svg path {fill: revert-layer;}
.copyRight .links li.code_hover {position: relative;}
.copyRight .links li.code_hover .codeBox {display: none; padding: .313rem; position: absolute; z-index: 2; bottom: 100%; left: 50%; transform: translateX(-50%); width: 6.25rem; height: 6.25rem; box-shadow: 0 0 .625rem rgba(0, 0, 0, 0.1);}
.copyRight .links li.code_hover .codeBox img {width: 100%; height: 100%; object-fit: contain;}
.copyRight .links li.code_hover:hover .codeBox {display: block; animation: fadeIn .5s ease-in-out;}

/*圆形图标扩散效果*/
.sidequotebtn dl {width:1.2rem; height:1.2rem; position:relative; margin:0 auto;}
.sidequotebtn dd {width:1.2rem; height:1.2rem; position:absolute; top:0%;left:0%; transform:scale(0); border-radius:50%;background: #08338F; -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-webkit-animation:circleScale 4s linear infinite; -moz-animation:circleScale 4s linear infinite; -ms-animation:circleScale 4s linear infinite;animation:circleScale 4s linear infinite;}
.sidequotebtn dd:nth-of-type(2) {animation-delay:1s;}
.sidequotebtn dd:nth-of-type(3) {animation-delay:2s;}
.sidequotebtn dd:nth-of-type(4) {animation-delay:3s;}
.sidequotebtn dt {cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 4.25rem;height: 4.25rem;background: #08338F;border-radius:50%;}
.sidequotebtn dt img {width: 40%;}
.sidequotebtn dt i {color: #FFFFFF;margin-left: 4px;font-size: 15px;}

/*侧边栏留言表单*/
.sidequotebtn {position: fixed;right: 0; top: 50%; transform: translateY(-50%); z-index: 9999;}
.sidequotebtn dl,
.sidequotebtn dd {width: 6.25rem; height: 6.25rem; min-width: 60px; min-height: 60px;}
.sidequotebtn dt {width: 4.25rem;height: 4.25rem;min-width: 40px; min-height: 40px;}
.sidequotebtn dt svg {max-width: 55%;}

.sidequote {width: 25rem; max-width:100%; position: fixed;z-index: 9999999;bottom: .625rem;right: .625rem;border-radius: .625rem;background: #fff;background-size: cover;box-shadow: 0 0 1.25rem 0 rgba(0,0,0,0.1);padding: 1.875rem; padding-top: 2.5rem; transform-origin: bottom right;transform: scale(0);transition: all 0.3s;}
.sidequote .close_btn {font-size: var(--font24);position: absolute;right: .313rem;top: .313rem;color: #d6222b;cursor: pointer;}
.sidequote .close_btn svg {width: 2rem; height: 2rem;}
.sidequote .summary h2 {font-size: var(--font24);text-transform: capitalize;line-height: 1;margin-bottom: .625rem;color: #1a1a1a;}
.sidequote .summary p {font-size: var(--font14);}
.sidequote form {display: block;}
.sidequote form dl dd {margin-top: 1rem;}
.sidequote form dl dd span {display: block;font-size: var(--font14);margin-bottom: .625rem;}
.sidequote form dl dd span i {color: #d6222b;font-size: var(--font14);padding-left: .25rem;}
.sidequote form dl dd input {height: 2.5rem;  display: block;background: #f5f5f5;border: 1px solid #dbdbdb;width: 100%;color: #333;padding: 0 .75rem;border-radius: .25rem;font-size: var(--font14);}
.sidequote form dl dd textarea {display: block; resize: none; width: 100%;background: #f5f5f5;border: 1px solid #dbdbdb;height: 6.25rem;border-radius: .25rem;padding: .625rem .75rem;font-size: var(--font14);}
.sidequote form dl dd input:focus,
.sidequote form dl dd textarea:focus {border-color: #08338F;}
.sidequote form dl dd input::placeholder {font-size: var(--font14);}
.sidequote form dl dd.code .code_box {position: relative;}
.sidequote form dl dd.code img {position: absolute; top: 50%; transform: translateY(-50%); border-radius: 6.25rem; right: 0; bottom: 0; width: 6.25rem; max-height: 90%;}
.sidequote form dl dd.code input {padding-right: 7.5rem;}
.sidequote form dl dt {margin-top: 1.25rem;}
.sidequote form dl dt button {display: block;width: 100%;color: #FFFFFF;line-height: 3.125rem;	cursor: pointer;}
.sidequote.show {transform: scale(1);}
.sidebar .top-back {transition: all 0.4s;}
.sidebar.show {opacity: 1;}

/* ========================================================================内页==================================================================== */
.ny-banner {position: relative;}
.ny-banner .bjBox img {width: 100%; min-height: 12rem; object-fit: cover;}
.ny-banner .p2 {line-height: 1.2;margin-top: 1.25rem;}

.aboutBanner {overflow: hidden; position: relative;}
.aboutBanner .imgBox {position: relative;}
.aboutBanner .videoBox {position: relative;}
.aboutBanner .videoBox::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2);}
.aboutBanner .videoBox video {width: 100%; object-fit: cover; display: block; max-height: calc(100vh - 5.375rem);}
.aboutBanner .imgBox img {width: 100%;;}
.aboutBanner .imgBox .tit {width: 100%; z-index: 1;}
.aboutBanner .box {text-align: center; top: 40%;}
.aboutBanner .p2 {padding: 0 11rem; line-height: 1.8;}
.aboutBanner .more {margin-top: 5rem;}
.aboutBanner .more a {width: 14.5rem; height: 4rem; background: #FFFFFF; border-radius: 6.25rem;}
.aboutBanner .more img {width: 1.375rem;}

.aboutTle .t1 {line-height: 1.2;}

.aboutOne {padding: 7.5rem 0; padding-bottom: 0;}
.aboutOne .list li {display: flex;flex-wrap: wrap;}
.aboutOne .list li:nth-child(even) {flex-direction: row-reverse;}
.aboutOne .list li:nth-child(even) .info {padding-right: 5%; padding-left: 10%;}
.aboutOne .list li .info {width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 2.5rem 5%; padding-right: 12%;}
.aboutOne .list li .imgBox {width: 50%; overflow: hidden;}
.aboutOne .list li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.aboutOne .list li .text1 p {margin-top: 1.875rem;}
.aboutOne .list li .text2 dl {margin-top: 3.125rem;}
.aboutOne .list li .text2 dl dt {margin-bottom: .625rem;}
.aboutOne .list li .text2 dl dd {font-size: var(--font14);}

.aboutTwo {background: url(../images/aboutTwo-bj.jpg) no-repeat center; background-size: cover; padding: 6rem 0 12.5rem; position: relative; overflow: hidden;}
.Timeline {width: 300%;box-sizing: border-box;left: 0;position: relative;bottom: 0;transform: translateY(-50%);transition: .6s all;}
.aboutTwo .line {width: 100%; display: block; position: absolute; height: 100%; left: 0;}
.Timeline::after {content: "";width: 100%;padding-bottom: 8.363736%;display: block;}
.point-list .point {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#fff;border-radius:100%;}
.point-list .item {position:absolute;width:0.5rem;height:0.5rem;margin:-4px 0 0 -4px;cursor:pointer;}
.point-list .item:nth-child(1) {left: 4%;bottom: 7.5%;}
.point-list .item:nth-child(2) {left: 8.85%;bottom: 12%;}
.point-list .item:nth-child(3) {left: 13%;bottom:12.5%;}
.point-list .item:nth-child(4) {left: 17.1%;bottom:17.1%;}
.point-list .item:nth-child(5) {left: 21.2%;bottom:17.8%;}
.point-list .item:nth-child(6) {left: 26%; bottom: 21%;}
.point-list .item:nth-child(7) {left: 30%;bottom:25.8%;}
.point-list .item:nth-child(8) {left: 34.5%;bottom:31.5%;}
.point-list .item:nth-child(9) {left: 39%;bottom:31.5%;}
.point-list .item:nth-child(10) {left: 43.5%;bottom:37%;}
.point-list .item:nth-child(11) {left: 48%;bottom:46.5%;}
.point-list .item:nth-child(12) {left: 52.5%;bottom:49%;}
.point-list .item:nth-child(13) {left: 57%;bottom:51%;}
.point-list .item:nth-child(14) {left: 61.5%;bottom:52.5%;}
.point-list .item:nth-child(15) {left: 66%;bottom:56%;}
.point-list .point:before,.point-list .point:after {content:"";position:absolute;left:50%;top:50%;z-index:-1;transform:translate(-50%,-50%);width: 1.25rem;height: 1.25rem;border-radius:50%;background:rgba(255,255,255,.4);opacity:0;}
.point-list .item .point:before {opacity:1;}
.point-list .item.cur .point:after {opacity:1;}
.point-list .item .year {position:absolute;left:50%;margin-top: 2rem; font-size:1.1rem;transform:translateX(-50%);white-space:nowrap;color:#fff;padding-bottom:.25rem;transition:all .3s;}
.point-list .item.cur .point:before {animation:pointAni 3s infinite;}
@keyframes pointAni {0% {transform:translate(-50%,-50%) scale(1);opacity:0}20% {opacity:1}75% {transform:translate(-50%,-50%) scale(2);opacity:0} 100% {opacity:0}}
.aboutTwo .swiperBox {transform: translateY(-50%);margin: auto; max-width: 99%;position: relative;}
.abTwSwiper {width: 80%; max-width: 90%; margin: auto;overflow: hidden;}
.abTwSwiper .swiper-button-prev { left: 0;}
.abTwSwiper .swiper-button-next {right: 0;}
.abTwSwiper .info {display: flex; align-items: center;}
.abTwSwiper .info .time {font-size: var(--font60);font-weight: 600; line-height: 1.2; color: #ffffff; padding-right: 3.75rem; border-right: 1px solid #F6F6F6;}
.abTwSwiper .info .text {color: #fff; font-size: var(--font18);font-weight: 300; padding-left: 3.75rem; line-height: 1.7;}
/* 控件 */
.abTwSwiper .swjt i {color: #fff; font-size: var(--font30); font-weight: 100;}

.aboutThre {padding: 6.25rem 0 12.5rem; position: relative; overflow: hidden;}
.aboutThre .swiperBox {margin-top: 5rem; position: relative;}
.aboutThre .swiper {position: static;}
.aboutThre .slide .imgBox {transform: scale(.85); transition: .5s; position: relative;overflow: hidden;}
.aboutThre .slide .imgBox::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 1; transition: .5s;}
.aboutThre .slide .imgBox img {width: 100%;}
.aboutThre .slide .info {position: absolute; opacity: 0; transition: .5s; width: 100%; bottom: 0; left: 0; padding: 1.25rem 2.5rem;background: rgba(11,11,11,.5); box-sizing: border-box;}
.aboutThre .slide.swiper-slide-active .info {opacity: 1;}
.aboutThre .slide.swiper-slide-active .imgBox {transform: scale(1);}
.aboutThre .slide.swiper-slide-active .imgBox::before {opacity: 0;}
/* 控件 */
.aboutThre .swjt i {color: #fff; font-size: var(--font40);}
.aboutThre .swjt.swiper-button-prev {left: 25%;}
.aboutThre .swjt.swiper-button-next {right: 25%;}

.aboutFour {background: #EEF2F8; padding: 5.625rem 0;}
.aboutFour .box {margin-top: 6.25rem; display: flex; justify-content: space-between; align-items: center;}
.aboutFour .imgBox {width: 75%; position: relative;}
.aboutFour .imgBox img {width: 100%;}
.aboutFour .list {flex: 1; padding-left: 6.25rem;}
.aboutFour .list .item {margin-top: 6.25rem;}
.aboutFour .list .item:first-child {margin-top: 0;}
.aboutFour .list .num_box {display: inline-flex; align-items: flex-end; line-height: .8;}
.aboutFour .list .counter , .aboutFour .list .dw {font-size: var(--font52);font-weight: 500;color: #0092EE;}
.aboutFour .list .p1 {color: #666; margin-top: 1.25rem;}
#map li {position: absolute;}
#map li .cirle {position: relative; margin-right: .625rem;}
#map li .cirle i {width: .875rem; height: .875rem; border-radius: 50%; background: #08338F;z-index: 1; display: block;}
#map li .cirle::after {content: ""; position: absolute; width:1.6875rem; height: 1.6875rem; background: #08338F; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0; animation: scalemap 2s linear infinite}
#map li.li1 {left: 20%;top: 30%;}
#map li.li2 {left: 18%;top: 42%;}
#map li.li3 {left: 30%;top: 60%;}
#map li.li4 {right: 23%;top: 20%;}
#map li.li5 {right: 25%;top: 42%;}
#map li.li6 {right: 14%;top: 62%;}

/* ====产品中心 */
.prolist .list li {padding: 2.5rem 0; background: #E2E5EB; min-height: 37.5rem; position: sticky; top: 5.375rem;}
.prolist .list li:nth-child(2n) {background: #fff;}
.prolist .list li .box {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.prolist .list li .info {width: 55%;}
.prolist .list li .imgBox {width: 40%; display: flex; align-items: center; justify-content: center;}
.prolist .list li .imgBox img {mix-blend-mode: multiply; width: 100%; max-height: 31.25rem; object-fit: contain;}
.prolist .list li .p1 {font-size: var(--font48);color: #333333;font-weight: 700; }
.prolist .list li .text {margin-top: 2.5rem;font-size: var(--font18); line-height: 1.8;}
.prolist .list li .more {margin-top: 6.25rem; gap: 1.5rem; display: inline-flex;}

/* ==========产品列表 */
.proOne {}
.proOne .box {display: flex; flex-wrap: wrap; justify-content: space-between;}
.proOne .box .le {width: 22%; min-width: 12.5rem;background: #fbfbfb; padding: 3.125rem; padding-top: 4.375rem;}
.proOne .box .re {flex: 1;margin-left: 3.5%; padding-top: 3.75rem; padding-right: 10%; padding-bottom: 5rem;}
/* 左侧产品栏目 */
.proOne .box .le .tit {color: #08338f; font-weight: 700;}
.proOne .menu {padding: 1.5rem 0; position: sticky; top: 4rem;}
.proOne .menu ul {}
.proOne .menu li {border-bottom: 1px solid #e4e6eb; padding: 1.25rem 0;}
.proOne .menu li .menu-li {display: flex; justify-content: space-between; padding: 0; min-height: 40px; cursor: pointer;  }
.proOne .menu li .menu-li a {color: #333; display: flex; align-items: center;}
.proOne .menu li .menu-li .more {width: .875rem; position: relative;}
.proOne .menu li .menu-li .more i {max-width: 100%;position: absolute; font-weight: 700; font-size: var(--font16); left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .4s;}
.proOne .menu li .menu-li .more i.jia {opacity: 1;}
.proOne .menu li .menu-li:hover a {color: #08338f;}
.proOne .menu li .s-menu { width: 100%; margin-top: .625rem; padding: 1.25rem; background: #fff; display: none;}
.proOne .menu li .s-menu a {width: 100%; font-size: var(--font14); color: #444; position: relative;margin-bottom: 1rem;transition: all ease-out 0.3s; display: block; position: relative;}
.proOne .menu li .s-menu a:hover , .proOne .menu li .s-menu a.on {font-weight: 700;}
.proOne .menu li .menu-li.on {background: none;}
.proOne .menu li .menu-li.on a {    font-weight: 700;}
.proOne .menu li .menu-li.on .more i.jia {opacity: 0;}
.proOne .menu li .menu-li.on .more i.jian {opacity: 1;}

.proOne .menu li .menu-li.ons .more i.jia {opacity: 0;}
.proOne .menu li .menu-li.ons .more i.jian {opacity: 1;}
.proOne .menu li .menu-li.ons ~ .s-menu {display: block;}


.proOne .menu li .s-menu.on {display: block;}
/* 右侧产品列表 */
.proOne .list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; row-gap: 1.875rem; margin-top: 1.25rem;}
.proOne .list li {overflow: hidden; padding: 2.5rem 1.25rem;}
.proOne .list li .imgBox {height: 13.75rem; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center;mix-blend-mode: multiply;}
.proOne .list li .imgBox > img {width: 100%;max-height: 100%; object-fit: contain; transition: .5s;}
.proOne .list li .imgBox .icBox {opacity: 0; width: 3.125rem; height: 3.125rem; background: #0095F3; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s;}
.proOne .list li .imgBox .icBox img {width: 40%;filter: brightness(100); -webkit-filter:brightness(100);}
.proOne .list li .p1 {color: #333; text-align: center;}
.proOne .list li .more {margin-top: 3.125rem;}
.proOne .list li:hover .imgBox img {transform: scale(1.1);}

@media (any-hover: hover) {
  .proOne .list li:hover {background: #fbfbfb;}
  .proOne .list li:hover .imgBox img {transform: scale(1.1);}
  .proOne .list li:hover .imgBox .icBox {opacity: 1;}
  .proOne .list li:hover .imgBox > img {transform: scale(1.05); opacity: .5;}
}


/* 移动端样式 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #08338f; z-index: 2;} 
/* 遮罩层样式 */
.mask-layer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 998;display: none;}
/* PC端隐藏切换按钮 */
@media screen and (min-width: 768px) {
  .filter-toggle {display: none;}
}
@media screen and (max-width: 1024px) {
  .proOne .box .le {width: 28%;}
  .proOne .list ul {grid-template-columns: repeat(2, 1fr);}

}
@media screen and (max-width: 767px) {
  .proOne {position: relative;}
  .proOne .box .le {position: fixed;left: -100%;top: 0;bottom: 0;width: 70%;background: #fff; padding: 2rem; z-index: 999;transition: all 0.3s; box-shadow: none;}
  .proOne .box .le.show {left: 0; overflow-y: auto;}
  .proOne .menu {top: 0; position: relative; padding: 0;}
  .proOne .menu li .s-menu {background: #f5f5f5;}
  .proOne .box .re {width: 100%; flex: none; margin-left: 0; padding: 4rem 4%;}
  .proOne .box .re .tit {text-align: center;}
  .filter-toggle {display: block;}
}

@media screen and (max-width: 576px) {
  .proOne .list ul {grid-template-columns: 1fr;}
}



/* ===面包屑=== */
.mbx {background: #fff; padding: 1.25rem 0; border-bottom: 1px solid #EBEBEB;}
.mbx .layui-breadcrumb {position: relative;}
.mbx .layui-breadcrumb>* {font-size: var(--font16);}
.mbx .layui-breadcrumb span {margin: 0 .625rem;}
.mbx .layui-breadcrumb a:hover {color: #0095f3 !important;}

/* ====产品详情 */
.proDateOne {padding: 5rem 0;}
.proDateOne .swiperBox {width: 53%; position: relative; display: flex; justify-content: space-between; align-items: center;}
.proDateOne .right {width: 43%; order: -1;}

.proDateOne .swiperOne {position: static;width: 80%; margin: 0;height: 36.25rem; border: 1px solid #e5e5e5;border-radius: 1rem;}
.proDateOne .swiperOne .slide {display: flex; align-items: center; justify-content: center;}
.proDateOne .swiperOne .slide img {min-width: 80%; max-width: 100%; max-height: 100%; object-fit: contain;mix-blend-mode: multiply;}
.proDateOne .swiperTwo {width: 16%;margin: 0; height: 65%; max-height: 36.25rem;}
.proDateOne .swiperTwo .slide {min-height: 6.25rem; text-align: center; border: 1px solid #eee; cursor: pointer;}
.proDateOne .swiperTwo .slide img {max-width: 100%; height: 100%; object-fit: cover;}
.proDateOne .swiperTwo .slide.swiper-slide-thumb-active {border: 1px solid #08338F;}

/* 控件 */
.proDateOne .swiperOne .swjt {width: 3.75rem; height: 3.75rem; border: 1px solid #EBEBEB; border-radius: 50%; transition: .5s;}
.proDateOne .swiperOne .swjt i {color: #EBEBEB; font-size: var(--font20);}
.proDateOne .swiperOne .swjt.swiper-button-prev {right: 0; left: auto; top: 0; transform: rotate(90deg) translateY(50%) translateX(50%);}
.proDateOne .swiperOne .swjt.swiper-button-next {right: 0; top: auto; bottom: 0; transform: rotate(90deg) translateY(50%) translateX(0%);}
@media (any-hover: hover) {
.proDateOne .swiperOne .swjt:hover {border: 1px solid #08338F;}
.proDateOne .swiperOne .swjt:hover i {color: #08338F;}
}
.proDateOne .right .tit {line-height: 1.2;}
.proDateOne .right .text {margin-top: 2.5rem;line-height: 1.8;}
.proDateOne .right .get_price {width: 90%; margin-top: 3.125rem;}
.proDateOne .right .get_price a {padding: 1.188rem .625rem; background: #0095F3; border-radius: 6.25rem;}
.proDateOne .right .get_price img {height: 1.375rem; width: 1.375rem;}
.proDateOne .right .share {margin-top: 2.5rem;}
.proDateOne .right .share dt {flex-shrink: 0;}
.proDateOne .right .share ul {gap: 1.5rem;}
.proDateOne .right .share li {position: relative; display: flex; align-items: center;}
.proDateOne .right .share li svg {height: 1.5rem; width: 1.5rem;}
.proDateOne .right .share li svg path {fill: #696c72;}
.proDateOne .right .share li.code_hover .codeBox {display: none; padding: .313rem; position: absolute; z-index: 2; bottom: 100%; left: 50%; transform: translateX(-50%); width: 6.25rem; height: 6.25rem; box-shadow: 0 0 .625rem rgba(0, 0, 0, 0.1);}
.proDateOne .right .share li.code_hover .codeBox img {width: 100%; height: 100%; object-fit: contain;}
.proDateOne .right .share li.code_hover:hover .codeBox {display: block; animation: fadeIn .5s ease-in-out;}
.proDateOne .right .share li:hover svg path {fill: #0095f3;}

.proDateTwo {}
.proDateTwo a{text-decoration: none;color: #08338f;}
.proDateTwo .nav {background: #F6F7F9;  position: sticky; top: 5.375rem; z-index: 2; }
.proDateTwo .nav ul {display: flex; justify-content: center; gap: 10rem;}
.proDateTwo .nav li a {height: 4.375rem; display: flex; align-items: center; font-weight: 600; color: #333; text-transform: uppercase; transition: .5s;}
.proDateTwo .nav li a.active , .proDateTwo .nav li a:hover  { color: #08338F; }
.proDateTwo .item_section {padding: 3.75rem 0;}
.proDateTwo .item_section table{width: 100%;}
.proDateTwo .item_section table td{padding: 10px 15px !important;}
.proDateTwo .item_section img {max-width: 100%;}
.proDateTwo .item_section .tit {text-transform: uppercase;}
.proDateTwo .item_section.date_four {padding-bottom: 5rem;}
.proDateTwo .item_section.date_five {padding: 0;}

.proDateThre {background: #F9FAFC; padding: 7.5rem 0;}
.proDateThre .swiperBox {margin-top: 5rem; position: relative;}
.proDateThre .swiper {position: static; }
.proDateThre .slide {background: #fff; height: auto; overflow: hidden; padding: 2.5rem; padding-top: .625rem;}
.proDateThre .slide .imgBox {height: 13.75rem; position: relative;}
.proDateThre .slide .imgBox img {max-height: 100%; width: 100%; object-fit: contain; transition: .5s;}
.proDateThre .slide .imgBox .icBox {opacity: 0; width: 3.125rem; height: 3.125rem; background: #0095F3; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s;}
.proDateThre .slide .imgBox .icBox img {width: 40%;filter: brightness(100); -webkit-filter:brightness(100);}
.proDateThre .slide .p1 {color: #333;}
/* 控件 */
.proDateThre .contrls {display: flex; align-items: center;}
.proDateThre .pagtion {position: relative;width: auto; bottom: -2rem; margin: 0 1.875rem; font-size: var(--font18); color: #9e9e9e; font-style: italic;}
.proDateThre .contrls .swjt { position: relative; margin: 0; transform: none; top: 0; left: 0; right: 0; transition: .5s;}
.proDateThre .contrls .swjt i {color: #aaa7a3; font-size: var(--font20); font-weight: 700;}
.proDateThre .swiper-pagination-current {color: #08338F; font-size: var(--font28); font-weight: 700;}
@media (any-hover: hover) {
  .proDateThre .contrls .swjt:hover i {color: #08338F;}
  .proDateThre .slide:hover .imgBox .icBox {opacity: 1;}
  .proDateThre .slide:hover .imgBox > img {transform: scale(1.05); opacity: .5;}
}

/* ======================解决方案 */
.soulOne {}
.soulOne .list li {display: flex;flex-wrap: wrap;background: #f9f9f9;}
.soulOne .list li:nth-child(even) {flex-direction: row-reverse;}
.soulOne .list li:nth-child(even) .info {padding-right: 10%; padding-left: 5%;}
.soulOne .list li .info {width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 2.5rem 5%; padding-left: 10%;}
.soulOne .list li .imgBox {width: 50%; overflow: hidden; position: relative;}
.soulOne .list li .imgBox .msak {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f9f9f9;transition: .5s; animation-fill-mode: forwards;}
.soulOne .list li:nth-child(even) .imgBox .msak {right: 0; left: auto;}
.soulOne .list li .imgBox img {width: 100%; object-fit: cover; transition: .5s;}
.soulOne .list li .text {margin-top: 2.5rem; line-height: 1.7;}
.soulOne .list li .more {margin-top: 5rem;}
@media (any-hover: hover) {
  .soulOne .list li:hover .imgBox img {transform: scale(1.1);}
}

/* ======================案例列表 */
.caseBanner {position: relative; overflow: hidden;}
.caseBanner .slide {overflow: hidden;}
.caseBanner .slide .slide-inner {position: relative; overflow: hidden;}
.caseBanner .slide .slide-inner img {width: 100%; min-height: 15rem; object-fit: cover;}
.caseBanner .slide .more {margin-top: 3.75rem;}
/* 控件 */
.caseBanner .pagtion span {width: .75rem; height: .75rem; border-radius: 50%; background: #FFFFFF;opacity: .2;}
.caseBanner .pagtion span.swiper-pagination-bullet-active {opacity: 1;}

.caselist {padding: 0 0 5rem;}
.caselist ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;}
.caselist li {background: #F9FAFC; border-radius: .625rem; padding: 1.875rem 1.375rem;     border: 1px solid #ddd;}
.caselist li a {display: block;}
.caselist li .imgBox {height: 12.5rem; overflow: hidden;}
.caselist li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.caselist li .logo {text-align: center; height: 5.625rem; padding: 1.25rem 0;border-bottom: 1px solid #E4E4E4;mix-blend-mode: multiply;}
.caselist li .logo img {min-width: 60%; max-width: 100%; max-height: 100%; object-fit: contain;}
.caselist li .info {padding: 2.5rem 0; padding-bottom: 1.25rem;}
.caselist li .info .p2 {color: #747474;}
.caselist li .more {margin-top: 2.5rem; color: #333;}
@media (any-hover: hover) {
  .caselist li:hover .imgBox img {transform: scale(1.05);}
  .caselist li:hover .more {color: #08338F;}
}


/* ===新闻中心=== */
.pressnav {padding: 3.75rem 0;}
.pressnav ul {display: flex; gap: 1.5rem; flex-wrap: wrap;}
.pressnav ul li a {width: 13.375rem; height: 3.875rem; display: flex; align-items: center; justify-content: center; font-size: var(--font18); color: #333; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6.25rem; transition: 1s;}
.pressnav ul li.active a , .pressnav ul li a:active , .pressnav ul li a:hover {color: #fff; background: #08338F;}

.newsInfo .swiperBox {background: #f6f6f6; box-sizing: border-box;}
.newsInfoSwiper .slide {display: flex; justify-content: space-between;}
.newsInfoSwiper .imgBox {width: 50%; height: 31.875rem; overflow: hidden;}
.newsInfoSwiper .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.newsInfoSwiper .info {width: 50%; padding: 3.75rem; display: flex; flex-direction: column; justify-content: center;}
.newsInfoSwiper .info .text {line-height: 1.8; margin-top: 3.125rem;}
.newsInfoSwiper .info .time {margin-top: 3.75rem;color: #3D3D3D;}
/* 控件 */
.newsInfoSwiper .pagtion {width: auto; left: auto; right: 3.75rem; top: auto; bottom: 5rem;}
.newsInfoSwiper .pagtion span {background: #fff;opacity: 1; width: .75rem; height: .75rem;}
.newsInfoSwiper .pagtion span.swiper-pagination-bullet-active {background: #0092ee;}
@media (any-hover: hover) {
  .newsInfoSwiper .swjt:hover {background: #32A3C0;}
}

.newslist {margin-top: 3.375rem; padding-bottom: 6.25rem;}
.newslist .list ul {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1.875rem;}
.newslist .list li {background: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);}
.newslist .list li .info {padding: 1.875rem;}
.newslist .list li .imgBox {height: 17.5rem; overflow: hidden;}
.newslist .list li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.newslist .list li .time {padding-top: .75rem; border-top: 1px solid #F3F3F3; margin-top: 3.125rem;}
.newslist .list li .time .icBox img , .newslist li .time .icBox svg {width: 1.25rem; height: 1.25rem;}
@media (any-hover: hover) {
  .newslist .list li:hover .imgBox img {transform: scale(1.1);}
} 

/* 案例详情 */
.caseDate {margin: 5rem 0;}
.caseDate .box {align-items: flex-start;}
.caseDate .left {background: #fcfcfc; padding: 2.5rem; width: 72%;}
.caseDate .right {width: 25%;background: #fcfcfc; padding: 2.5rem;}
.caseDate .box .tit {padding-bottom: 1.25rem; border-bottom: 1px solid #f2f2f2; line-height: 1.2;}  
.caseDate .box .tit .other {display: flex; gap: 3.125rem; flex-wrap: wrap; margin-top: 1.25rem; font-size: var(--font16);}
.caseDate .left .date {margin-top: 1.875rem;}
.caseDate .left .date img {max-width: 100%; height: auto !important;}
.caseDate .right .list li {padding: 1.25rem 0; border-bottom: 1px solid #f2f2f2;}
.caseDate .right .list li .imgBox {display: none; height: 10.5rem; margin-top: 1.25rem; overflow: hidden; border-radius: .625rem;}
.caseDate .right .list li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.caseDate .right .list li:first-child .imgBox {display: block;}
.caseDate .right .list li .title { color: #333333; position: relative;}
.caseDate .right .list li .title::after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: var(--font14); color: #666; content: "\e602";   font-family: layui-icon !important;}
.caseDate .right .list li:hover .title {color: #08338F;}

/* 新闻详情 */
.newsDateMain {background: #f9f9f9; border-bottom: 1px solid #ddd;}
.newsDate {padding: 3.125rem 0 6.25rem;}
.newsxq-box {padding: 1.875rem 0; margin-bottom: 2.75rem; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .newsCon {background: #ffffff;border-radius: .625rem;box-shadow: 0rem 0rem 2.5rem 0rem rgba(226,225,224,0.42); padding: 2.5rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #ddd; padding-bottom: 2.5rem;}
.newsxq-title h1 {display: block; font-size: var(--font30); color: #333;line-height: 1.4; font-weight: 500;}
.newsxq-title span {display: block;margin-top: .625rem; color: #777;}
.newsxq-editbox {margin: 1.875rem 0;}
.newsxq-editbox img {max-width: 100%; height: auto !important;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 3.125rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 3.125rem;height: 3.125rem;min-width: 35px;min-height: 35px;   border: .125rem solid #eeeeee;border-radius: .313rem;}
.news-prev svg {transform: rotateY(180deg);    -webkit-transform: rotateY(180deg);}
.news-prev svg ,.news-next svg {width: 30%; height: 30%;}
.newsxq-page em {display: inline-block; font-size: var(--font16); color: #333;}
.prev-link em {margin-left: 1rem;}
.next-link em {margin-right: 1rem;}
.next-link {flex-direction: row-reverse;}
.newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next{background: #08338F; }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-box .news-right {width: 29%;background: #fff; border-radius: 1rem;box-shadow: 0rem 0rem 1.875rem 0rem rgba(226,225,224,0.42); padding: 2.5rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 6rem;}
.newsxq-box .news-right h2 {font-size: var(--font26); font-weight: 500;}
.newsDate .relist li a {display: flex; justify-content: space-between;}
.newsDate .relist .reImg {width: 35%;border-radius: .313rem; overflow: hidden; min-height: 5.625rem}
.newsDate .relist .reImg img {width: 100%; height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {width: 58%;}
.newsDate .relist li {margin-top: 1.875rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font17); transition: .35s; margin-top: .313rem}
.newsDate .news-right::after {content: "";  background:#08338F; width: 65%; position: absolute; left: 50%; bottom: -3%; height: .438rem; border-radius: .25rem; transform: translate(-50%, -50%);}
@media (any-hover:hover) {
  .newsDate .relist li:hover h6 {color: #08338F;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}


/* ===联系我们=== */
.tactOne {padding: 6.25rem 0;background: #F4F4F4;}
.tactOne .box {display: flex; justify-content: space-between;}
.tactOne .le {width: 53%;}
.tactOne .re {width: 35%;}
.tactOne .le .p1 {margin-top: 2.75rem;}
.tactOne .form input::placeholder {color: #333; font-weight: 500; font-size: var(--font15);}
.tactOne .form input::-webkit-input-placeholder {color: #333;font-weight: 500;font-size: var(--font15);}
.tactOne .form input::-moz-placeholder{color: #333;font-weight: 500;font-size: var(--font15);}
.tactOne .form input::-moz-placeholder {color: #333;font-weight: 500;font-size: var(--font15);}
.tactOne .form input::-ms-input-placeholder {color: #333;font-weight: 500;font-size: var(--font15);}
.tactOne .form textarea::placeholder {font-size: var(--font14); color: #9D9D9D;}
.tactOne .form textarea::-webkit-textarea-placeholder {font-size: var(--font14); color: #9D9D9D;}
.tactOne .form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.tactOne .form .inBox { margin-top: 2.75rem; width: 46%;}
.tactOne .form .inW100 {width: 100%;}
.tactOne .form input , .tactOne .form textarea {border: 0; border-bottom: .125rem solid #333; box-shadow: none; background: none; height: auto; padding: 0; padding-bottom: 1rem;}
.tactOne .form .layui-input:focus, .tactOne .form .layui-textarea:focus {border-color: #08338F !important;}
.tactOne .form .inTxtBox {width: 100%;}
.tactOne .form .inTxtBox textarea {resize: none; margin-top: 1.25rem; padding-bottom: 1.25rem;}
.tactOne .form .inCode {display: flex;}
.tactOne .form .inCode img {margin-left: .625rem; max-width: 9.375rem; width: 7.5rem; object-fit: contain;}
.tactOne .form .sub {width: 100%; margin-top: 3.75rem;}
.tactOne .form .sub button {background: #08338F; padding: 1rem 2rem; cursor: pointer; border-radius: 6.25rem;}
.tactOne .form .sub button i {transform: rotate(180deg); display: inline-block; }
.tactOne .re dl dd {margin-top: 5.625rem;}
.tactOne .re dl dd:first-child {margin-top: 2.5rem;}
.tactOne .re dl dd .p1 {font-size: var(--font20); font-weight: 700;}
.tactOne .re dl dd .p2 {font-size: var(--font14);color: #666666;}
.tactOne .re dl dd .p3 {display: flex; align-items: flex-start; margin-top: .625rem;}
.tactOne .re dl dd .p3 .icBox {width: 1.75rem; height: 1.75rem; display: flex; align-items: center; justify-content: center; margin-right: .75rem;background: #efefef; border-radius: 50%;}
.tactOne .re dl dd .p3 .icBox img {max-width: 50%;}
.tactOne .re dl dd .p3 p , .tactOne .re dl dd .p3 p a {color: #0084cd;display: block; font-weight: 600;}

.tactTwo img {width: 100%;}
/* =====下载中心===== */
.downlist {padding: 5rem 0;}
.downlist ul {display: grid; grid-template-columns: repeat(3, 1fr);gap: 1.25rem; row-gap: 2.5rem;}
.downlist li .imgBox {background: #ffffff; height: 25rem; border: .125rem solid #d9e0e4; padding: 1.25rem;}
.downlist li .imgBox img {width: 100%; max-height: 100%; object-fit: contain;}
.downlist li {border-bottom: 1px solid #E5E5E5;}
.downlist li .bom {justify-content: flex-start; padding: 1.875rem 0;}
.downlist li .icBox {width: 2.25rem; height: 2.25rem; border-radius: 50%; background: #0084cd;box-shadow: 0rem 0rem .75rem 0rem rgba(226,225,224,0.33);  flex-shrink: 0;}
.downlist li .icBox svg {width: 50%; height: 50%;}
.downlist li .disc {font-size: var(--font18); margin-left: .625rem; font-weight: 400; color: #666666;}
.downlist li a:hover .disc {color: #0084cd;}



/* 产品资料录入 */
table.bg-1 tr td {padding: 0 .625rem;}

@media screen and (max-width: 767px) {
  table.bg-1 tr {display: flex; flex-wrap: wrap; justify-content: space-between;}
  table.bg-1 tr td {width: 49%; margin-bottom: 1.25rem;}
  
}



.casenav ul li a {width: 25.375rem;}