html {scroll-behavior: smooth;}
/* #c-placeholder {height: 1rem;min-height: 80px;} */
header {position: fixed; left: 0; z-index: 99; width: 100%;}
.headBox {padding:0 7%;transition: .5s; height: 8.75rem; display: flex; justify-content: space-between; align-items: center;}
.headBox .logo img {height: 4.125rem; transition: .5s;}
.headBox .le {height: 100%;}
.headBox .le .logo {height: 100%;}
.headBox .le .logo a {height: 100%;}
.headBox .le .logo .logo2 {display: none;}
/* 导航 */
/* 取消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;}
nav > ul {display: flex; height: 100%; align-items: center;}
nav .layui-nav .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1;}
nav .layui-nav .layui-nav-item > a {color: #fff;position: relative; z-index: 1; padding: 0 !important;}
/* nav .layui-nav .layui-nav-item:hover > a, nav .layui-nav .layui-this > a {color: #1D36B5 !important;opacity: 1;} */
nav .layui-nav .layui-this::before {opacity: 1;}
nav .layui-nav > .layui-this:after,nav .layui-nav-bar {display: none;}
nav .layui-nav .layui-nav-item:hover::before {opacity: 1;}
nav .layui-nav .layui-nav-item:hover > a {color: #fff;opacity: 1;}
nav .layui-nav .layui-nav-child a:hover {background: none; color: #1D36B5 !important;}
nav .layui-nav .layui-nav-more {top: .5rem;right: -1rem;font-size: var(--font14);}
nav .layui-nav-child {top: 100%;}
/* 二级导航 */
nav {width: 70%; height: 100%;}
nav ul {display: flex; justify-content: space-between;}
nav .layui-nav .layui-nav-item > a {font-size: var(--font22);}
nav .layui-nav-child dd.layui-this {background: none !important;}
nav ul li dl.layui-nav-child {background: #eaf1f9;border-radius: .625rem; padding: 1rem 1.25rem;  box-shadow: none; top: 80%; text-align: left;}
nav ul li dl.layui-nav-child dd {margin: .625rem 0;}
nav ul li dl.layui-nav-child dd > a {padding: 0 !important;line-height: initial; font-size: var(--font18);color: #333333;}


.header .re {height: 100%;}
/* 语言 */
.headluange {height: 100%;}
.headluange .layui-nav {height: 100%;}
.headluange .layui-nav .layui-nav-item {height: 100%; display: flex; align-items: center;}
.headluange .layui-nav .layui-nav-item > a {padding-right: 1.25rem; font-size: var(--font24);}
.headluange .layui-nav .layui-nav-item > a .layui-icon {top: 50%; transform: translateY(-50%); font-size: var(--font12);}
.headluange .layui-nav .layui-nav-item .layui-nav-child {top: 80%;}

.headform {margin-left: 3.75rem; display: none;}
.headform a {display: block; background: #1d36b5;border-radius: 6.25rem; padding: 1rem 2rem; color: #fff; font-size: var(--font20);}

/* 留言弹窗 */
#c-sub-pop { display: none; position: fixed;top: 0;left: 0; z-index: 910; width: 100%; height: 100%; }
#c-sub-pop .c-box {position: absolute;top: 50%; left: 50%;padding: 2.5rem; box-sizing: border-box; width: 33.125rem;max-width: 92%;  border-radius: .313rem;background: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); z-index: 1;}
#c-sub-pop .c-pop-bj {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5);}
#c-sub-pop .c-box .c-close { transition: all 0.5s; display: inline-flex; margin-left: auto; float: right; cursor: pointer;     margin-top: -1.25rem;    margin-right: -1.25rem;}
#c-sub-pop .c-box .c-close img,
#c-sub-pop .c-box .c-close svg {width: 1.5rem;height: 1.5rem; display: block; transition: .5s;}
#c-sub-pop .c-box .c-close:hover svg {transform: rotate(180deg);}
#c-sub-pop .c-box .tit {color: #333; font-size: 1.875rem; margin-top: 1.25rem; font-weight: 600; text-align: center;}
#c-sub-pop .c-box .inBox {margin-top: 1.25rem; position: relative;  border-radius: .313rem}
#c-sub-pop .c-box .inBox input {border: 0;border: 1px solid rgba(189, 189, 189,.62); border-radius: .313rem; height: 3.625rem; min-height: 45px; width: 100%; padding: 0 .625rem;box-sizing: border-box; font-size: var(--font16);}
#c-sub-pop .c-box .inBox input::placeholder {color: #9c9c9c;}
#c-sub-pop .c-box .incode {border: 1px solid rgba(189, 189, 189,.62);}
#c-sub-pop .c-box .incode input {width: calc(100% - 7.5rem); border-color: transparent;}
#c-sub-pop .c-box .inBox img {position: absolute;top: 50%; left: calc(100% - .375rem); width: 7.25rem; height: 85%;-webkit-transform: translate(-100%, -50%);transform: translate(-100%, -50%);}
#c-sub-pop .c-box .insub {display: flex; justify-content: center; margin-top: 2.5rem;}
#c-sub-pop .c-box .insub button {cursor: pointer; height: auto; line-height: initial; border-radius: 1.875rem; font-size: var(--font16); background: #4E7DF7; border: 0;  padding: .938rem 3.125rem; display: flex; align-items: center; justify-content:center; color: #fff; font-weight: 700; transition: .4s;}
#c-sub-pop .c-box .insub button:active {box-shadow: 0 0 .313rem #4E7DF7;}
@media screen and (min-width: 200px) and (max-width: 768px){
  #c-sub-pop .c-box .c-close {margin-top: -0.938rem;margin-right: -0.938rem;}
  #c-sub-pop .c-box { padding: 1.563rem;}
  #c-sub-pop .c-box .tit {font-size: 1.5rem;}
  #c-sub-pop .c-box .inBox input {min-height: 45px;}
  #c-sub-pop .c-box .inBox img {width: 5.5rem; height: 2.25rem;}
}

/* 头部下滑 */
header.c-style2 .headBox {background: #fff; height: 6.25rem;border-bottom: 1px solid #E5E5E5;}
header.c-style2 .headBox .logo img {}
header.c-style2 .headBox .le .logo .logo1 {display: none;}
header.c-style2 .headBox .le .logo .logo2 {display: block;}
header.c-style2 nav ul li dl.layui-nav-child {top: 100%;}
header.c-style2 nav .layui-nav .layui-nav-item > a {color: #333;}
header.c-style2 .headluange .layui-nav .layui-nav-item > a {color: #333;}
header.c-style2 .headluange .layui-nav .layui-nav-item .layui-nav-child {top: 100%;}

header.c-style2 nav .layui-nav .on > a,header.c-style2 nav .layui-nav:hover > a{color:#1d36b5;}
/* ==================公用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: #1d36b5;border-radius: 6.25rem; padding: 1rem 1.75rem; color: #fff; display: inline-block; transition: .5s;border: 0.0625rem solid transparent;}
.more1 i {transform: rotate(180deg); display: inline-block;margin-left: 1.875rem;}
@media (any-hover: hover) {
 .more1:hover {background: #fff; color: #1d36b5; border: 0.0625rem solid #1d36b5;}
}

.more2 {background: #d2d3d7;border-radius: 6.25rem; padding: 1rem 1.875rem; color: #fff; display: inline-block;transition: .5s;}
.more2 span {text-transform: uppercase;}
.more2 i {transform: rotate(145deg); display: inline-block;margin-left: 1.25rem;}

.more2:hover {background: #fff; background: #1d36b5;}

/* 首页标题 */
.indexTle i {width: 1.313rem; height: 1.313rem;background: #1d36b5;border-radius: 0px 0px 0px .625rem; display: inline-block;}
.indexTle span {font-size: var(--font20); font-weight: 700; margin-left: .625rem;}

/* 分页器 */
.indexpagtion .swiper-pagination {position: relative; top: 0; bottom: 0; left: 0; transform: none;display: block; width: auto; margin-right: auto;    text-align: left;}
.indexpagtion .swiper-pagination span { opacity: 1; border-radius: 0; width: 1.5rem;height: .375rem;background: #d3d3d3;-webkit-clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);}
.indexpagtion .swiper-pagination span.swiper-pagination-bullet-active {background: #2222A9; }

.custom-pagination .current {font-style: italic;}


/* ======首页======= */
.indexBanner {height: 100vh; position: relative; overflow: hidden;}
.indexBanner .swiper {height: 100%; overflow: hidden;}
.indexBanner .slide .bjBox {position: absolute; z-index: -1; height: 100%; width: 100%; left: 0; top: 0;}
.indexBanner .slide .bjBox img {width: 100%; height: 100%; object-fit: cover;     transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.indexBanner .slide .slide_box {height: 100%;}
.indexBanner .slide .info {padding-top: 10%;}
.indexBanner .slide .info .p1 {font-size: 4.063rem; line-height: 1.2;}
.indexBanner .slide .indexTle {margin-top: 4.375rem;}
/* 当前 */
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .pagtion {left: auto; right: 1.875rem; width: auto; top: 50%;  bottom: auto; transform: translateY(-50%);}
.indexBanner .pagtion span {margin: .625rem !important; width: 1rem; height: 1rem; position: relative; display: block;border: .125rem solid #ffffff; opacity: 1; background: none;}
.indexBanner .pagtion .swiper-pagination-bullet-active {background: #fff;}

.indexOne {padding: 8.125rem 0;background: #f8f8f8;}
.indexOne .box {margin-top: 5.625rem;}
.indexOne .left {width: 45%;}
.indexOne .right {width: 49%;}
.indexOne .left .p1 {line-height: 1.2;}
.indexOne .left .more {margin-top: 6.25rem;}

.indexTwo {padding: 6.25rem 0;}
.indexTwo li {margin-top: 2.75rem; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 6.25rem; z-index: 1;overflow: hidden;}
.indexTwo li::after {position: absolute; width: 100vw; height: 100%; left: 0; content: ''; z-index: -1;}
.indexTwo li .info {width: 28%;}
.indexTwo li .imgBox {width: 70%;border-radius: 1rem; overflow: hidden;}
.indexTwo li .imgBox img {width: 100%;}
.indexTwo li .icBox {height: 4.813rem;}
.indexTwo li .icBox img {max-height: 100%; min-height: 3.75rem;}
.indexTwo li .p1 {line-height: 1.2;}
.indexTwo li .more {margin-top: 4.625rem;}
.indexTwo .allMore {margin-top: 5rem;}
.indexTwo .allMore .more1 i {transform: rotate(-90deg); font-weight: 700;}

.indexThre {padding-bottom: 7.5rem;}
.indexThre .top {background: url(../images/indexThre-bj.jpg) no-repeat center; background-size: cover; padding: 6.25rem 0 14rem;}
.publicOne .top .p1 {text-transform: uppercase; line-height: 1.1;font-family: Arial, Helvetica, sans-serif;}
.publicOne .top .more1 {background: #fff; color: #1d36b5; border: 0;}
.publicOne .top .more1:hover {box-shadow: 0 0 .625rem #fff;}
.publicOne .bom {margin-top: -8.75rem;}
.publicOne .swiper {padding: 1.5rem;}
.publicOne .slide {background: #fff; height: auto; border-radius: .5rem;box-shadow: 0px 0px 1rem 0px rgba(0,0,0,0.10); padding: 2.5rem;}
.publicOne .slide .slide_top .jt {width: 3.5rem; height: 3.5rem;background: #d3d3d3; border-radius: 50%; display: flex; align-items: center; justify-content: center; transform: rotate(180deg); font-weight: 700; transition: .5s;}
.publicOne .slide .slide_top .imgBox {height: 6.25rem;}
.publicOne .slide .slide_top .imgBox img {max-height: 100%; object-fit: contain; min-height: 50%;}
.publicOne .slide dl dt {margin-top: 1rem;}
.publicOne .slide dl dt a {font-size: var(--font28); font-weight: 700; color: #333;}
.publicOne .slide dl dd {margin: .625rem 0; position: relative; padding-right: 1.25rem;}
.publicOne .slide dl dd::after {content: "\e65c"; font-family: layui-icon !important; font-style: normal; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(180deg); font-size: var(--font16); color: #2222A9; opacity: 0; transition: .5s;}
.publicOne .slide dl dd::before {content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #1d36b5; transition: .5s;}
.publicOne .slide dl dd a {font-size: var(--font20); color: #595959;}
.publicOne .indexpagtion {margin-top: 1.875rem;}
.publicOne .custom-pagination {text-align: right; transform: translateY(-50%);}
@media (any-hover: hover) {
  .publicOne .slide dl dd:hover::before {width: 100%;}
  .publicOne .slide dl dd:hover a {color: #1d36b5;}
  .publicOne .slide dl dd:hover::after {opacity: 1;}
  .publicOne .slide .slide_top .jt:hover {background: #1d36b5; color: #fff;}
}

.indexFour {padding-bottom: 7.5rem;}
.indexFour .top {background: url(../images/indexFour-bj.jpg) no-repeat center; background-size: cover; padding:4.25rem 0 10.75rem;}
.indexFour .top .p1 {margin-top: 4.375rem; font-family: Arial, Helvetica, sans-serif;}
.indexFour .top .top_le {width: 60%;}
.publicOne .bom {margin-top: -12.5rem;}
.indexFour .slide {padding: 0;border-radius: 1rem; overflow: hidden; box-shadow: none;}
.indexFour .slide .imgBox {background: #f8f8f8;padding: 1.875rem;}
.indexFour .slide .imgBox img {width: 100%; transition: .5s;}
.indexFour .slide .info {padding: 1.875rem;}
.indexFour .slide .t1 {font-size: var(--font28);font-weight: 400; color: #333; line-height: 1.4;}
.indexFour .slide .jt {margin-top: 3.125rem; width: 3.5rem; height: 3.5rem;background: #d3d3d3; border-radius: 50%; display: flex; align-items: center; justify-content: center; transform: rotate(180deg); font-weight: 700; transition: .5s;}
.indexFour .allMore {margin-top: 3.125rem;}
@media (any-hover: hover) {
  .indexFour .slide:hover .imgBox img {transform: scale(1.05); }
  .indexFour .slide:hover .jt {background: #1d36b5; color: #fff;}
}

.indexFive {background: #f8f8f8; padding:3.25rem 0 3.375rem;}
.indexFive .tle {line-height: 1.2; text-transform: uppercase; margin-top: 3.125rem;font-family: Arial, Helvetica, sans-serif;}
.indexFive .slide .slide_box {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.indexFive .slide .le {width: 33%;padding-bottom:9.125rem;}
.indexFive .slide .imgBox {width: 63%; border-radius: .313rem; overflow: hidden;}
.indexFive .slide .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.indexFive .slide .more {margin-top: 3.75rem;}
.indexFive .slide .more .more2 {background: #1d36b5; color: #fff; border: .063rem solid #1d36b5;}
.indexFive .contrls {display: flex; align-items: center; justify-content: space-between; width: 33%;  transform: translateY(-300%);}
@media (any-hover: hover) {
  .indexFive .slide .more .more2:hover {color: #1D36B5; background: none;}
  .indexFive .slide:hover .imgBox img {transform: scale(1.05); }
}

.indexSix {padding: 7.5rem 0;}
.indexSix .swiperBox {margin-top: 4.375rem;}
.indexSix .slide .imgBox {overflow: hidden; border-radius: .313rem;}
.indexSix .slide .imgBox img {width: 100%; transition: 0.4s;}
.indexSix .slide .info {padding: 2.5rem .625rem;}
.indexSix .slide .info .p1 {line-height: 1.3;}
.indexSix .slide .info .time {margin-top: 2.5rem;}
.indexSix .allMore {margin-top: 3.75rem;}
@media (any-hover: hover) {
  .indexSix .slide:hover .imgBox img {transform: scale(1.05); }
}

.footer {background:#1f294a; background-size: cover; padding-top: 5.625rem; position: relative;}
.footer .foterBox {display: flex; gap: 1.25rem; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-bottom: 1.875rem; border-bottom: 1px solid rgba(255,255,255,.2);}

.footer  .text_img img {max-width: 100%;}

.footer_logo img {min-height: 4.125rem;}
.foternav {display: flex; width: 70%; justify-content: space-between; margin-left: 10%; display: none;}
.foternav dl dt {font-size: var(--font22);color: #ffffff; margin-bottom: 1.5rem;}
.foternav dl dd {margin-bottom: .625rem;}
.foternav dl dd , .foternav dl dd a {font-size: var(--font18); color: #ffffff;  display: block; transition: .5s;opacity: 0.7;}

.foter_us {margin-top: 1.875rem;}
.foter_us dl {display: flex; flex-wrap: wrap; justify-content: space-between;}
.foter_us dl dt {margin-bottom: 2.5rem; width: 100%;}
.foter_us dl dd {display: flex; align-items: center; margin-top: 1.5rem; font-size: var(--font20);color: #fff; width: 48%;}
.foter_us dl dd a {color: #fff;}
.foter_us dl dd a:hover {color: #1d36b5;}
.foter_us dl dd .icBox {height: 1.375rem; width: 1.125rem; margin-right: .625rem;display: flex; align-items: center; flex-shrink: 0;}
.foter_us dl dd .icBox img {max-height: 100%; min-height: .938rem; max-width: 100%;filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(16deg) brightness(107%) contrast(101%);}
.foter_us .links ul {display: flex; margin-top: 4.375rem;}
.foter_us .links li {margin-right: 2.5rem;}
.foter_us .links li .icBox {height: 1.875rem; width: 1.875rem;}
.foter_us .links li .icBox svg {height: 80%; width: 80%;}


.footer .backTop {width: 4.25rem;height: 4.25rem;border: 1px solid #fff; border-radius: 50%; cursor: pointer;}
.footer .backTop svg {width: 50%; height: 50%;}
.footer .coptRight {padding: 1.5rem 0;color: #ffffff; }
.footer .coptRight a {color: #fff;}
.foternav dl dd a:hover {color: #1D36B5 !important;}
.footer .coptRight a:hover {color: #1D36B5 !important;}



/* 内页产品列表页 */
.ny-banner {position: relative;}
.ny-banner .pic {overflow: hidden;max-height: 35rem;}
.ny-banner .pic img{display: block;width: 100%;         min-height: 15rem;}
.ny-banner .info{top: auto;bottom: 1.875rem;color: #fff;display: flex;justify-content: space-between;align-items: flex-end;}
.ny-banner .info strong{font-size: 5.125rem; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}
.ny-banner .position span{}
.ny-banner .position img{width: 1.1875rem;}
.ny-banner .position a{color: #fff; text-transform: uppercase; margin:  0 .4375rem;}

.proMain{align-items: flex-start;}
.pro-left {width: 22%; position: sticky;top: 5rem;}
.pro-right {width: 78%; padding:  3.875rem 5.8% 4.75rem; box-sizing: border-box; border-left: 1px solid #F2F2F2;} 

/* 产品导航项 */
.side-menu {background: #fff; padding: 1.25rem 0; width: 100%;}
.menu-item {position: relative;transition: background 0.4s;}
.menu-item label {display: flex;align-items: center;cursor: pointer;user-select: none; padding: 1rem;}
.menu-title {font-size: var(--font20);margin-left: 1rem;}
.menu-title a {color: #333;font-weight: 500;transition: color 0.5s;}
.menu-item input[type="checkbox"] {width: 1.125rem;height: 1.125rem;accent-color: #1D36B5;margin: 0;}
.menu-item.active {/* background: #f7f9ff; */}
.menu-item.active .menu-title a {color: #1D36B5;font-weight: bold;}
.menu-item .submenu {background: #f9f9f9;padding: 1.875rem 1rem 1.5rem 3rem;list-style: none;display: block;animation: fadeIn 0.3s;}
.menu-item:not(.active) .submenu {display: none;}
.submenu > li {color: #444;margin-top: .625rem ;cursor: pointer;transition: color 0.2s;position: relative; padding-right: 1.25rem;}
.submenu > li > a {color: #5A5A5A;}
.submenu > li .jt {position: absolute; right: 0; top: 0;}
.submenu > li .jt i {font-size: var(--font16);}

.submenu > li.ons .submenu3 {display: block;}
.submenu > li.ons >a {color: #0000FE; font-weight: bold;}

.submenu3 {display: none;}
.submenu3 a {color: #5A5A5A;display: block;}
.submenu3 a.onss {color: #0000FE; font-weight: bold;}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-8px);}
  to { opacity: 1; transform: translateY(0);}
}
.submenu li.active a {color: #0000FE; font-weight: bold; }
@media (any-hover: hover) {
  .menu-item:hover .menu-title a {color: #0000FE; font-weight: bold; }
  .submenu li:hover > a {color: #0000FE; font-weight: bold; }

  .submenu3 a:hover {color: #0000FE; font-weight: bold; }
}

.submenu3 {padding-left: 1.25rem;}
.submenu3 a {margin: .313rem 0;}
/* 移动端样式 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #0000FE; 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: 769px) {
  .filter-toggle {display: none;}
}
@media screen and (max-width: 768px) {
  .pro-left {position: fixed;left: -100%;top: 0;bottom: 0;width: 70%;background: #fff;z-index: 999;transition: all 0.3s;box-shadow: 2px 0 5px rgba(0,0,0,0.1);}
  .pro-left.show {left: 0;  overflow-y: auto;}
  .pro-right {width: 100%;}
  .filter-toggle {display: block;}
}


/* 产品详情 */
.proDateMain {padding-top: 10rem;}
.proDateOne {padding: 3rem 0 6.25rem; padding-top: 10rem;}
.proDateOne .le {width: 48%; display: flex;  align-items: flex-start; align-items: center;}
.proDateOne .re {width: 48%;}
.proDateOne .swiperBox2 {order: -1;width: 5.375rem; position: relative; height: 100%;}
.proDateOne .swiperBox2 .swjt {position: relative;background: #f0f0f0; top: 0; left: 0; bottom: 0; width: 100%; height: 1.5rem; margin: .625rem 0;}
.proDateOne .swiperBox2 .swjt i {color: #919191;}
.proDateThum {height: calc(100% - 5rem); }
.proDateThum .slide {height: auto;}
.proDateThum .slide .imgBox {background: #f8f8f8; height: 100%;cursor: pointer; border: 1px solid transparent; box-sizing: border-box;}
.proDateThum .slide img {width: 100%; height: 100%; object-fit: contain;}
.proDateThum .slide.swiper-slide-thumb-active .imgBox {border-color: #1d36b5;}
.proDateSwiper { flex: 1; margin-left: 5rem; transform: translateY(3.75rem);}
.proDateSwiper .imgBox {height: 100%; min-height: 3.125rem;}
.proDateSwiper .imgBox img {max-width: 100%;}
.proDateOne .re .con .p1 i {transform: rotate(45deg); display: inline-block; position: relative; top: .25rem;}
.proDateOne .re .con .p3 {margin-top: 1.875rem; font-size: var(--font22);}
.proDateOne .re .con .p4 {margin-top: 1.875rem;color: #666666; line-height: 1.7;}
.proDateOne .re .conus {margin-top: 3.125rem;}
.proDateOne .re .conus .more {flex: 1; margin-right: 2.125rem;}
.proDateOne .re .conus .more a {background: #1d36b5;border-radius: 100px; padding: 1.375rem .625rem; display: flex; justify-content: center; align-items: center;}
.proDateOne .re .conus ul {display: flex; align-items: center;}
.proDateOne .re .conus li {margin: 0 1rem;}


.proOne .menu {box-shadow: 0rem 0rem 1.25rem 0rem rgba(6,0,1,0.06); padding: 2.5rem 0; margin-bottom: 3.125rem;}
.proOne .menu .tit {border-left: .625rem solid #189CE5; padding: 0 1.25rem;}
.proOne .menu .tit h3 {position: relative;}
.proOne .menu .tit h3::after {content: ''; position: absolute; bottom: -1.875rem; left: 0; width: 100%; height: 1px; background: #D0D0D0; opacity: .5;}
.proOne .menu2 dl {padding: 0 1.25rem;margin-top: 3.75rem;}
.proOne .menu2 dd {margin-top: 1.5rem;}
.proOne .menu2 dd a {display: flex; align-items: center; justify-content: space-between;}
.proOne .menu2 dd .imgBox {width: 30%;}
.proOne .menu2 dd .imgBox img {width: 100%; transition: .5s;}
.proOne .menu2 dd .con {flex: 1; margin-left: 1.25rem;}
.proOne .menu2 dd .tit2 {transition: .5s;}
.proOne .menu2 dd:hover .tit2 {color: #189CE5;}
.proOne .menu2 dd:hover .imgBox img {transform: scale(1.05);}

.proDateTwo {background: #f9f9f9; padding: 3.75rem 0 6.25rem;}
.proDateTwo .box { align-items: flex-start;}
.proDateTwo .le {flex: 1;margin-right:11%;}
.proDateTwo .re {width: 24%; position: sticky; top: 6.25rem; min-width: 240px;}
.proDateTwo .re .proOne .menu {background: #fff;}


/* 产品资料录入 */
.proDateTwo .date_con img {max-width: 100%; height: auto !important;}


.pro-search{border-bottom: 1px solid rgba(86,91,94,.2); width: 28.125rem; padding: 1.75rem 0; margin-bottom: 3.8125rem;}
.pro-search img{width: 1.25rem; margin-right: .875rem;}
.pro-search input{color: #565b5e;}
.nypro-list{margin-bottom: 4.75rem;}
.nypro-list ul{display:grid; grid-template-columns: repeat(3, 1fr);  } 
.nypro-list ul li{position: relative; border: 1px solid #d9d9d9; margin-top: -1px; margin-left: -1px; overflow: hidden;}
.nypro-list ul li .pic img{display: block; width: 100%; transition: .5s;}
.nypro-list ul li .info{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(29,54,181,.86);top: 0; left: -100%; z-index: 4; transition: .6s; display: none; } 
.nypro-list ul li .icon{width: 3.125rem; height: 3.125rem; background: #ffffff; border-radius: 50%;}
.nypro-list ul li .icon img{width: 1.5625rem;}
.nypro-list ul li .name{position: absolute; content: ''; z-index: 5; bottom: 1.625rem; left: 1.8125rem;}
.nypro-list ul li:hover .info{left: 0;}
.nypro-list ul li:hover .pic img{transform: scale(1.025);}
/* .nypro-list ul li:hover .name em{color: #ffffff;} */


/* 内页Technical Service */
.techMain{align-items: flex-start;}
.tech-left{width: 24%;padding: 4.6875rem 0 0 2.625rem;position: sticky;top: 5rem;}
.tech-right{width: 76%; padding:  3.875rem 5% 4.75rem; box-sizing: border-box; border-left: 1px solid #F2F2F2;} 

.tech-class ul li{transition: 0.6s; margin-bottom: .25rem;}
.tech-class ul li a{display: inline-block; padding: .9375rem 1.5rem; transition: 0.6s;}
.tech-class ul li strong{color: #343434; font-size: var(--font20); font-weight: normal;}
.tech-class ul li img{width: .6875rem; margin-left: .8125rem; opacity: 0;}

.tech-class ul li:hover a,.tech-class ul li.on a{background: #1D36B5; border-radius: 3.125rem;}
.tech-class ul li:hover strong,.tech-class ul li.on strong{color: #fff;}
.tech-class ul li:hover img,.tech-class ul li.on img{opacity: 1;}
.tech-xq .pic{margin-bottom: 4.1875rem;}
.tech-xq .pic img{display: block; width: 100%;}
.tech-xq h3{color: #666666;}


/* 内页Scheme Design 列表页 */
.designMain{padding: 4.375rem 0}
.design-class{margin-bottom: 3.9375rem;}
.design-class ul li{margin-right: 7.8125rem}
.design-class ul li a{color: #333; position: relative; line-height: 2.2; display: inline-block;}
.design-class ul li a::after{position: absolute; content: ''; width: 0; height: 1px; background: #0000fe; bottom: 0; left: 0; transition: .6s;}
.design-class ul li:hover a,.design-class ul li.on a{color: #0000fe; font-weight: bold;}
.design-class ul li:hover a::after,.design-class ul li.on a::after{width: 100%;}
.design-list ul{display:grid; grid-template-columns: repeat(3, 1fr);  gap: 3.75rem 2.25rem; }
.design-list ul li{}
.design-list ul li .pic{overflow: hidden; border-radius: .625rem;}
.design-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.design-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.design-list ul li .info{padding: 1.875rem 5%;}
.design-list ul li .info h3{color: #333; line-height: 1.1; margin-bottom: 3.4375rem;}
.design-list ul li .design-more{width: 3.5625rem; height: 3.5625rem; background: #1d36b5; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.design-list ul li .design-more img{width: 1.1875rem; transition: .6s;}
.design-list ul li:hover .design-more img{transform: rotate(-45deg);}

/* 内页案例列表页 */
.nycase-list ul li{background: #f8f8f8; padding: 7rem 0 6.375rem;}
.nycase-list ul li:nth-child(2n){background: #fff;}
.nycase-list ul li .info{width: 32%; margin-top: 5rem;}
.nycase-list ul li .info strong{color: #333333; margin-bottom: 2.375rem; display: block;}
.nycase-list ul li .info h4{color: #666666; margin-bottom: 5rem;}
.nycase-list ul li .info .more2{background: #1d36b5;}

.nycase-list ul li .pic{width: 62%; border-radius: .3125rem; overflow: hidden;}
.nycase-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nycase-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nycase-list ul li:hover .more2{background: #fff; color: #1d36b5; border: 0.0625rem solid #1d36b5;}
.nycase-list ul li .pic img{display: block; width: 100%;}


/* 内页关于我们 */
.company-bg{background: #f9f9f9; padding: 8.75rem 0 5rem}
.company-title{margin-bottom: 8rem;}
.company-title strong{position: relative; padding-left: 2.1875rem; color: #333333;}
.company-title strong::after{position: absolute; content: ''; width: 1.3125rem; height: 1.3125rem; background: #1d36b5; border-radius: 0px 0px 0px .625rem; left: 0; top: 50%; transform: translateY(-50%);}
.company-box h3{display: block; font-size: 3.125rem; color: #333; font-weight: 500; width: 38%; line-height: 1.2;} 
.company-box .info{width: 54%;}
.company-box .info h4{color: #666666; margin-bottom: 1.25rem;}
.culture{padding: 5.3125rem 0 3.25rem;}
.culture ul li{margin-bottom: 2.6875rem ;}
.culture ul li:nth-child(2) .culture-box{flex-direction: row-reverse;}
.culture ul li .info,.culture ul li .pic{width: 50%;}
.culture ul li .pic {overflow: hidden;}
.culture ul li .pic img{display: block; width: 100%;}
.culture ul li .info{padding: 0 8%; box-sizing: border-box;}
.culture ul li .info strong{font-size: 2.5rem; display: block; margin-bottom: 1.0625rem;}
.culture ul li .info i{display: block; width: 4.6875rem; height: .375rem; background: #1d36b5; border-radius: .1875rem; margin-bottom: 4.1875rem;}
.culture ul li .info p{color: #333333;line-height: 1.4;}
.culture ul li .info img{height: 3.9375rem; margin-top: 8rem;}
.culture ul li:nth-child(2) .info p{ position: relative; padding-left: 1rem;}
.culture ul li:nth-child(2) .info p::after{position: absolute;content: '';width: .375rem;height: .375rem;left: 0;top: 23%;background: #0000FE;border-radius: 50%;}


/* 内页新闻列表页 */
.newsMain{padding: 6.25rem 0;}
.nynews-list ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5625rem 2.1875rem;}
.nynews-list ul li{}
.nynews-list ul li .imgBox {overflow: hidden; border-radius: .313rem;}
.nynews-list ul li .imgBox img {width: 100%; transition: 0.4s;}
.nynews-list ul li .info {padding: 2.5rem .625rem;}
.nynews-list ul li .info .p1 {line-height: 1.3;}
.nynews-list ul li .info .time {margin-top: 2.5rem;}
@media (any-hover: hover) {
  .nynews-list ul li:hover .imgBox img {transform: scale(1.05); }
}




/* ==新闻详情 */
.newsDateMain {background: #f9f9f9; }
.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 strong {display: block; font-size: var(--font30); color: #333;font-weight: 700;line-height: 1.4;}
.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: #1d36b5; }
.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: 0;}
.newsxq-box .news-right h2 {font-size: var(--font26); font-weight: 700;}
.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:#1d36b5; 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: #1d36b5;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}



/* 联系我们 */
.tactOne {padding: 5rem 0 6.25rem;}
.tactOne .box {padding-left: 5%; align-items: flex-start;}
.tactOne .le {width: 32%; padding-right: 2%;}
.tactOne .re {flex: 1;}
.tactOne .re img {width: 100%;}
.tactOne dl dt {margin-bottom: 2.5rem;}
.tactOne dl dd {display: flex; align-items: center; margin-top: 1.5rem; font-size: var(--font20);color: #333333;}
.tactOne dl dd a {color: #333;}
.tactOne dl dd a:hover {color: #1d36b5;}
.tactOne dl dd .icBox {height: 1.375rem; width: 1.125rem; margin-right: .625rem;display: flex; align-items: center;}
.tactOne dl dd .icBox img {max-height: 100%; min-height: .938rem; max-width: 100%;}
.tactOne .code {margin-top: 6.25rem; margin-left: 2.5rem; text-align: center; display: inline-block;}
.tactOne .code span {font-size: var(--font15); display: block; margin-top: 1.25rem;}

.tactTwo {padding: 8.75rem 0; background: #e2e5eb;}
.tactTwo .box {display: flex; justify-content: space-between;}
.tactTwo .left {width: 26%;}
.tactTwo .right {width: 58%;}
.tactTwo .left .text {margin-top: 2.5rem;}
.tactTwo .left .more {margin-top: 7.5rem;}
.tactTwo .left .more i {transform: rotate(145deg);}
.tactTwo .form input::placeholder {color: #b9b9b9;}
.tactTwo .form input::-webkit-input-placeholder {color: #b9b9b9;}
.tactTwo .form input::-moz-placeholder{color: #b9b9b9;}
.tactTwo .form input::-moz-placeholder {color: #b9b9b9;}
.tactTwo .form input::-ms-input-placeholder {color: #b9b9b9;}
.tactTwo .form textarea::placeholder { color: #9D9D9D;}
.tactTwo .form textarea::-webkit-textarea-placeholder { color: #9D9D9D;}
.tactTwo .form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.tactTwo .form .inBox { margin-top: 2.75rem; width: 46%;}
.tactTwo .form input , .tactTwo .form textarea {border: 0; border-bottom: .125rem solid #b9b9b9; box-shadow: none; background: none; height: auto; padding: 0; padding-bottom: 1rem; font-size: var(--font18); color: #333333;}
.tactTwo .form .inTxtBox {width: 100%;}
.tactTwo .form .inTxtBox .tit {color: #b9b9b9;}
.tactTwo .form .inTxtBox textarea {resize: none; padding-bottom: 1.25rem;}
.tactTwo .form .inCode {display: flex;}
.tactTwo .form .inCode img {margin-left: .625rem; max-width: 9.375rem;}
.tactTwo .form .sub {width: 100%; margin-top: 3.75rem;}
.tactTwo .form .sub button {background: #1d36b5; padding: 1rem 3rem; cursor: pointer; border-radius: 6.25rem; font-size: var(--font18);}
.tactTwo .form .sub button i {transform: rotate(180deg); display: inline-block;}

.tactThre {padding: 3.75rem 0;}
.tactThre .tle .tit {text-align: center; font-size: var(--font48); color: #333;}
.tactThre .list {margin-top: 3.125rem;}
.tactThre .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem;}
.tactThre .list li {background: #fff; padding: 2.5rem;}
.tactThre .list li .p1 {color: #1d36b5; font-size: var(--font24); font-weight: 700;}
.tactThre .list li .p2 {color: #333; font-size: var(--font22); font-weight: 700; margin-top: .625rem;}
.tactThre .list li .p3 {display: flex; align-items: flex-start; font-size: var(--font18);margin-top: .625rem;}
.tactThre .list li .p3 .icBox {width: 1.875rem; display: flex; align-items: center; justify-content: center; margin-right: .625rem; flex-shrink: 0;}
.tactThre .list li .p3 .icBox img {max-width: 100%; min-width: 50%;}

.indexTwo,.company-bg,.side-menu,.tactThre{ background: url(../images/service-bg.jpg) no-repeat center; background-size: cover;}
.side-menu{height: 100vh;}
.side-menu{padding-top:4rem}


/* 首页改版 */
#about , #design , #services , #contact {position: relative; top: -5rem;}


.index2One {background: #f8f8f8; padding: 5rem 0;}
.index2One .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 1.875rem;}
.index2One .list {margin-top: 5rem;}
.index2One .list li {position: relative;}
.index2One .list li .imgBox {position: relative; padding-bottom: 72%; overflow: hidden;}
.index2One .list li .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .35s;}
.index2One .list li span {position: absolute; text-align: center; font-size: var(--font20); z-index: 1; color: #fff; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.25); padding: 1.25rem .625rem; }
.index2One .list li:hover .imgBox img {transform: scale(1.05);}

.indexPublic { position: relative;}
.indexPublic .imgBox {position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; z-index: -1;}
.indexPublic .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indexPublic .box {min-height: 30rem; display: flex; align-items: center;}
.indexPublic .con {padding: 3rem 0;}
.indexPublic .con .p1 {text-transform: uppercase;}

.index2Two {background: #fff; padding: 2.5rem 0 6.25rem;}
.index2Two .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem;}
.index2Two .list {margin-top: 3rem;}
.index2Two .list li {position: relative; border-radius: .625rem; padding: 1.5rem;  background-color: rgb(255, 255, 255);  box-shadow: 0px 0px 37px 0px rgba(0, 0, 0, 0.1);}
.index2Two .list li .imgBox {position: relative; padding-bottom: 72%; overflow: hidden;}
.index2Two .list li .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .35s;}
.index2Two .list li span {font-size: var(--font30); color: #333; margin-top: 1.25rem; display: block; text-align: center; font-weight: 500;}
.index2Two .list li:hover .imgBox img {transform: scale(1.05);}

.index2Thre {padding: 2.5rem 0;padding: 2.5rem 0 6.25rem;}
.index2Thre .list {margin-top: 2.5rem;}
.index2Thre .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem;}
.index2Thre .list {margin-top: 3rem;}
.index2Thre .list li {position: relative; }
.index2Thre .list li .imgBox {background: #f8f8f8;height: 23.375rem; padding: 1.25rem; display: flex; align-items: center; justify-content: center; border-radius: .625rem; position: relative;border-radius: .625rem; overflow: hidden;}
.index2Thre .list li .imgBox img {min-width: 80%; max-width: 100%; max-height: 100%; object-fit: contain; transition: .35s;}
.index2Thre .list li span {font-size: var(--font30); color: #333; margin-top: 1.25rem; display: block; text-align: center; font-weight: 500;}
.index2Thre .list li:hover .imgBox img {transform: scale(1.05);}

.index2Four {background: #fff; padding: 2.5rem 0 6.25rem;}
.index2Four .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem;}
.index2Four .list {margin-top: 3rem;}
.index2Four .list li {position: relative; border-radius: .625rem; padding: 1.5rem; padding-bottom: 2.5rem; background-color:#f8f8f8; }
.index2Four .list li .imgBox {position: relative; padding-bottom: 72%; overflow: hidden; background: #f5f7f8;}
.index2Four .list li .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .35s;}
.index2Four .list li span {font-size: var(--font30); color: #333; margin-top: 1.25rem; display: block; text-align: center; font-weight: 500;}
.index2Four .list li:hover .imgBox img {transform: scale(1.05);}
.index2Four .list li .p1 {margin-top: 1.5rem;}
.index2Four .list li .p2 {margin-top: 1rem; color: #8b8b8b;}

.index2Five {padding: 2.5rem 0; background: #fff;}
.index2Five .list ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 1.25rem;}
.index2Five .list li span {font-size: var(--font18);}

.index2Six {padding: 3.75rem 0; background: #fff;}
.index2Six .list ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 1.25rem; row-gap: 1.875rem;}
.index2Six .list li {position: relative;}
.index2Six .list li .imgBox {position: relative; border-radius: .625rem; padding-bottom: 72%; overflow: hidden;}
.index2Six .list li .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .35s;}
.index2Six .list li:hover .imgBox img {transform: scale(1.05);}
.index2Six .list li .p1 {margin-top: 1.5rem; font-size: var(--font28); font-weight: 600; color: #333; line-height: 1.2;}
.index2Six .list li .p2 {margin-top: 1rem; color: #666666; font-size: var(--font18);}
.index2Six .list li .time {color: #b5b5b5; font-size: var(--font18); margin-top: 1.75rem;}

/* ======SCL */
.case2One .text {padding: 4.375rem 0; border-bottom: 1px solid #cccccc; }
.case2One .list {margin-top: 2.5rem;}
.case2One .list .tit {}
.case2One .list ul {margin-top: 2.5rem; display: grid; grid-template-columns: repeat(4,1fr); gap: 1.25rem;}
.case2One .list li {position: relative;}
.case2One .list li .imgBox {position: relative; overflow: hidden; padding-bottom: 78%;}
.case2One .list li .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .35s;}
.case2One .list li .p1 {color: #fff; font-size: var(--font18); font-weight: 700; position: absolute;width: 100%; text-align: center; left: 0; bottom: 0; width: 100%; padding: .875rem .625rem; background: rgba(0, 0, 0, 0.25);} 
@media (any-hover:hover) {
  .case2One .list li:hover .imgBox img {transform: scale(1.05);}
}

.case2Two {background: url(../images/case2Two-bj.jpg) no-repeat center; background-size: cover; padding: 5rem 0; margin-top: 5rem;}
.case2Two .list ul {margin-top: 2.5rem; display: grid; grid-template-columns: repeat(5,1fr); gap: 1.25rem;}
.case2Two .list li {position: relative; background: #fff; padding: .625rem; padding-bottom: 1.25rem;}
.case2Two .list li .imgBox {position: relative; overflow: hidden; padding-bottom: 141%;}
.case2Two .list li .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transition: .35s;}
.case2Two .list li .p1 {color: #333; margin-top: 1rem; font-size: var(--font16); font-weight: 700; width: 100%; text-align: center; width: 100%;} 

@media (max-width: 768px) { 
  .indexPublic .con .p1 {font-size: var(--font32);}
  .indexPublic .con .p2 {font-size: var(--font20);}
  .indexPublic .box {min-height: 10rem;}

  .index2Two .list li span {font-size: var(--font20);}
  .index2One .list ul {grid-template-columns: repeat(2,1fr);}
  .index2Two .list ul {grid-template-columns: repeat(2,1fr);}
  .index2Thre .list ul {grid-template-columns: repeat(2,1fr);}
  .index2Four .list ul {grid-template-columns: repeat(2,1fr);}
  .index2Six .list ul {grid-template-columns: repeat(2,1fr);}

  .case2One .list .tit {font-size: var(--font30);}
  .case2Two .tit {font-size: var(--font30);}
  .case2One .list ul {grid-template-columns: repeat(2,1fr);}
  .case2Two .list ul {grid-template-columns: repeat(3,1fr);}
}

@media (max-width: 500px) {
  .index2One .list ul {grid-template-columns: repeat(1,1fr);}
  .index2Two .list ul {grid-template-columns: repeat(1,1fr);}
  .index2Thre .list ul {grid-template-columns: repeat(1,1fr);}
  .index2Four .list ul {grid-template-columns: repeat(1,1fr);}
  .index2Six .list ul {grid-template-columns: repeat(1,1fr);}

  .case2Two .list ul {grid-template-columns: repeat(2,1fr);}
}