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

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

nav {height: 100%; margin-right: 5rem; position: static;}
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between; gap: 3.75rem; position: static !important;}
nav .layui-nav > .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1; position: static;}
nav .layui-nav > .layui-nav-item > a {color: #fff;position: relative; z-index: 1;font-size: var(--font18); transition: 0.4s; font-weight: 500;}
nav .layui-nav > .layui-nav-item > a::before {content: "\e65c"; position: absolute; font-size: var(--font12); top: 0; transform: translateX(0%) rotate(145deg); opacity: 0; right: 0; font-family: layui-icon !important; transition: .5s; }
.layui-nav > .layui-nav-item > a:hover, .layui-nav > .layui-this > a {color: #fff;}
nav .layui-nav .layui-this > a::before , nav .layui-nav .layui-nav-item > a:hover::before {transform: translateX(100%) rotate(145deg); opacity: 1;}
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: 8.125rem; line-height: initial;}
nav .layui-nav .layui-nav-child >dd >a {color: #898989; padding: .5rem .625rem; font-size: var(--font14);}
nav .layui-nav .layui-nav-child >dd >a:hover {color: #fff; background: #1E53A4;}

/* 其他下拉 */
.navSlideDown {position: absolute; width: 100%; top: 100%; left: 0; background: #fff; padding: 2.75rem 0; display: none;border-top: 1px solid #eee;}
.navSlideDown .list {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 2rem;}
.navSlideDown .list .item {width: calc(100% / 5 - 1.6rem); text-align: center;}
.navSlideDown .list .item .imgBox {height: 11.25rem; overflow: hidden;}
.navSlideDown .list .item .imgBox img {width: 100%; height: 100%; object-fit: contain; transition: .5s;}
.navSlideDown .list .item span {display: block; margin-top: .75rem; color: #333; font-size: var(--font16);}
.navSlideDown .list .item:hover .imgBox img {transform: scale(1.05, 1.05);}
.navSlideDown .list .item:hover span {color: #323756;}
/* 当li数量为1-3个时 */
.navSlideDown .list:has(.item:nth-last-child(-n+4):first-child) {justify-content: center;}
/* 当li数量正好为4个时 */
.navSlideDown .list:has(.item:nth-last-child(5):first-child) {justify-content: flex-start;}

/* 产品下拉 */
.proSlideDown .nav ul li a {color: #333;}
.proSlideDown .nav {width: 25%; padding-right: 5%;}
.proSlideDown .info {flex: 1;}
.proSlideDown .nav li a {padding: 1.25rem; display: block; line-height: 1.5; font-size: var(--font16);}
.proSlideDown .nav li.active a {color: #fff; background: #1E53A4;}
.proSlideDown .info .item_tle {padding-bottom: 2.5rem;}
.proSlideDown .info .item_tle .more a {color: #333;}
.proSlideDown .info .item_tle .more a:hover {color: #1E53A4;}
.proSlideDown .item_list .imgBox {position: relative; padding-bottom: 70%; overflow: hidden;}
.proSlideDown .item_list .imgBox img {position: absolute;top: 0; width: 100%;left: 0; height: 100%; object-fit: cover; transition: .5s;}
.proSlideDown .item_list ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 1.25rem;}
.proSlideDown .item_list li {background: #f5f5f5; padding: 1.25rem;}
.proSlideDown .item_list li a {display: block; text-align: center;}
.proSlideDown .item_list li .p1 {margin-top: 1.25rem;color: #9C9C9C; font-size: var(--font12);}
.proSlideDown .item_list li .p2 {margin-top: .625rem;color: #3D3D3D; line-height: 1.5;font-size: var(--font16);}
.proSlideDown .item_list li:hover .imgBox img {transform: scale(1.05, 1.05);}
.proSlideDown .info .info_item {display: none;}
.proSlideDown .info .info_item.active {display: block;}
/* 语言 */
.head_clrs {display: flex; margin-right: 3.75rem;}
.head_clrs .xian {width: 1px; background: rgba(187,187,187,0.24); margin: 0 1rem; transform: rotate(20deg);}

.head_search img {width: 1.875rem;}
/* 搜索下拉 */    
.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: #1E53A4;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 .headBox {height: 6.25rem; background: #333; border-bottom: 1px solid #333;}
.header.c-style2 nav .layui-nav > .layui-nav-item > a {color: #fff;}
.header.c-style2 .layui-nav > .layui-nav-item > a:hover, .layui-nav > .layui-this > a {color: #fff;}
/* .header.c-style2 .head_search img {filter: brightness(0); -webkit-filter:brightness(0);} */
.header.c-style2 .headluange a {color: #fff;}

/* 鼠标悬浮 */
.header.hover-style .headBox { background: #333; border-bottom: 1px solid #333;}
.header.hover-style nav .layui-nav > .layui-nav-item > a {color: #fff;}
.header.hover-style .layui-nav > .layui-nav-item > a:hover, .layui-nav > .layui-this > a {color: #fff;}
/* .header.hover-style .head_search img {filter: brightness(0); -webkit-filter:brightness(0);} */
.header.hover-style .headluange a {color: #fff;}
.header.hover-style  .mobmenu dl dd {background: #fff;}
.header.hover-style  .mobmenu h4 {color: #fff;}


/* .header.c-head-move {transform: translateY(-100%);} */

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


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

/* ===============公用css end!!!!===================*/
.more1 {padding: 1rem 1.75rem; display: inline-flex; background: #1E53A4;border-radius: 6.25rem; color: #ffffff; transition: .5s; position: relative; z-index: 1; overflow: hidden;}
.more1 span {position: relative;}
.more1 span::after {content: "\e65c"; position: absolute; font-size: var(--font12); top: 0; transform: translateX(0%) translateY(0%) rotate(130deg); opacity: 0; right: 0; font-family: layui-icon !important; transition: .5s; }

.moreBtn {width: 7.5rem; height: 7.5rem; background: #F9F9F9; border-radius: 50%; transition: .5s;}
.moreBtn2 {background: #1E53A4; color: #fff;}
@media (any-hover: hover) {
 .more1:hover span::after {transform: translateX(100%) translateY(-20%) rotate(130deg); opacity: 1;}

 .moreBtn:hover {background: #1E53A4; color: #fff;}
}

.jtMore {position: relative;}
.jtMore::after {content: "\e65c"; position: absolute; font-size: var(--font14); top: 0; transform: translateX(100%) translateY(-20%) rotate(140deg);; opacity: 1; right: 0; font-family: layui-icon !important; transition: .5s; }


/* ======首页======= */
.indexBanner {position: relative; overflow: hidden; max-height: 100vh;}
.indexBanner .slide .bjBox {}
.indexBanner .slide .bjBox img {width: 100%; min-height: 20rem; object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.indexBanner .slide .box {}
.indexBanner .slide .p1 {font-weight: 900; line-height: 1.3;}
.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 .pagtion {bottom: 2%;}
.indexBanner .pagtion span {width: .75rem; height: .75rem; border: 1px solid #FFFFFF; background:none; opacity: 1; transition: .5s;}
.indexBanner .pagtion span.swiper-pagination-bullet-active { background: #fff;}

.indexOne {padding: 8.75rem 0;}
.indexOne .desc {width: 70%; margin: auto; padding-top: 1.25rem;}
.indexOne .list {margin-top: 5rem;}
.indexOne .list ul {display: flex;}
.indexOne .list li {flex: 1; height: 41.75rem; transition: .5s;position: relative;}
.indexOne .list li .bjBox {height: 100%; overflow: hidden; z-index: 1; position: relative;}
.indexOne .list li .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.indexOne .list li .bjBox::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255,0.001) 50% , rgba(0, 0, 0,1) 100%); transition: .5s;}
.indexOne .list li .info {position: absolute; width: 100%; bottom: 0; left: 0; z-index: 1; padding: 3.75rem 1.5rem;}
.indexOne .list li .info::after {content: ""; position: absolute; z-index: -1; bottom: 0; left: 0; width: 100%; height: 0; background: rgba(30, 83, 164,.8); transition: .5s;}
.indexOne .list li .p2 {color: rgba(255,255,255,0.85); margin-top: 1rem; max-height: 0; transition: .5s; opacity: 0;}
.indexOne .list li .more {margin-top: 3.5rem;}
.indexOne .moreAll {margin-top: 5rem;}
@media (any-hover: hover) {
  .indexOne .list li:hover {flex: 2.1;}
  .indexOne .list li:hover .p1 {text-align: center;}
  .indexOne .list li:hover .p2 {max-height: 1.875rem;opacity: 1; transition-delay: .25s;}
  .indexOne .list li:hover .bjBox::after {opacity: 0;}
  .indexOne .list li:hover .info::after {height: 100%;}
}

.indexTwo {padding-top: 8.75rem;background: #1E53A4;}
.indexTwo .tleBox {display: flex; justify-content: space-between;}
.indexTwo .tleCon {width: 50%; text-transform: capitalize; font-weight: 200; line-height: 1.8;}
.indexTwo .indexTle .more {margin-top: 1rem;}
.indexTwo .mapBox {position: relative; text-align: center; margin-top: 7.5rem;}
.indexTwo .mapBox > img {width: 100%;}
.indexTwo .mapBox li {position: absolute; padding-bottom: 8%;}
.indexTwo .mapBox li .liCon {padding-left: 1.875rem;}
.indexTwo .mapBox li i {position: absolute; left: 0; height: 100%; width: 1px; top: 0; height: 100%; background: linear-gradient(to bottom,#ffffff 0%, rgba(255, 255, 255, 0.0001) 100%);}
.indexTwo .mapBox li i::before {content: ""; position: absolute; width: 2rem; height: 2rem; background: url(../images/indexTwo-star.png) no-repeat center; background-size: contain; top: 0; left: 50%; transform: translateX(-50%);}
.indexTwo .mapBox li .num {display: flex; align-items: center; font-size: 3.438rem; font-weight: 700; color: #fff;font-family: 'OPPOSans-Bold';}
.indexTwo .mapBox li .text {color: #fff; font-size: var(--font20); text-align: left;}
.indexTwo .mapBox li .text span {display: block;margin-top: .625rem;font-family: 'OPPOSans-Bold';}
.indexTwo .mapBox ul li:nth-child(1) {left:25%; top: 13%;}
.indexTwo .mapBox ul li:nth-child(2) {left:52.5%; top:0%;}
.indexTwo .mapBox ul li:nth-child(3) {left:67%; top: 20%;}
.indexTwo .mapBox ul li:nth-child(4) {left:39%; top: 45%;}

.indexThre {position: relative; overflow: hidden;padding: 12.5rem 0;}
.indexThre .box {position: relative; margin-top: 7.5rem;}
/* 列表内容 */
.indexThre .conlist {position: absolute;top: 50%;transform: translateY(-50%);}
.indexThre .conlist ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.indexThre .conlist li {width: 50%; margin-top: 9.375rem; transition: .5s; cursor: pointer;}
.indexThre .conlist li:nth-child(1) {margin-top: 0;}
.indexThre .conlist li:nth-child(6) {margin-top: 0;}
.indexThre .conlist li.left {position: relative; left: -3%;}
.indexThre .conlist li.left .info {width: 55%;text-align: right;}
.indexThre .conlist li.right {width: 29%; position: relative;  left: 3%;}
.indexThre .conlist li .tit1 {font-size: var(--font24);color: #3D3D3D; transition: .5s;}
.indexThre .conlist li span {color: #9B9B9B; display: block; font-size: var(--font14); margin-top: .313rem; transition: .5s;}
.indexThre .conlist li.li6 {order: -6; transform: translateX(10%);}
.indexThre .conlist li.li1 {order: -5; transform: translateX(-15%);}
.indexThre .conlist li.li5 {order: -4;}
.indexThre .conlist li.li2 {order: -3; }
.indexThre .conlist li.li4 {order: -2;transform: translateX(10%);}
.indexThre .conlist li.li3 {order: -1;transform: translateX(-15%);}
.indexThre .conlist li.on {opacity: 1; }
.indexThre .conlist li.on .tit1 {color: #1E53A4; font-weight: 700;}
.indexThre .conlist li.on span {color: #3D3D3D;}
/* 圆内容 */
.indexThre .cirleBox {width: 39.375rem ;height: 39.375rem; border-radius: 50%; margin: auto; position: relative; }
.indexThre .cirleBox .svgBox {position: absolute; width: 100%; height: 100%; left: 0%; top: 0%; border: 1px solid #EDEDED; border-radius: 50%;}
.indexThre .cirleBox .wc {max-width: 100%; transition: .5s; position: absolute; transition: all 0.8s cubic-bezier(.435,.25,.15,.965);}
.indexThre .cirleBox .imglist {width: 90%; height: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; overflow: hidden;}
.indexThre .cirleBox .imglist img {width: 100%; height: 100%; object-fit: cover;}
.indexThre .cirleBox .imglist .imgBox {width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.1); opacity: 0; border-radius: 50%;transition: opacity 1s cubic-bezier(.435,.25,.15,.965),transform 1.5s cubic-bezier(.435,.25,.15,.965);overflow: hidden;}
.indexThre .cirleBox .imglist .imgBox.on {opacity: 1; transform: translate(-50%, -50%);}
/* 圆点定位 */
.indexThre .cirdot {width: 0;transform-origin: 50%;height: 48%;position: absolute;bottom: 50%;left: 50%}
.indexThre .cirdot li {position: absolute; height: calc(100% + 1.2rem);transform-origin: 50% 100%; transition: opacity .5s cubic-bezier(.435,.25,.15,.965);top: -1.2rem; left: 0; transition-delay: .35s;}
.indexThre .cirdot li i {cursor: pointer; width: 1rem;height: 1rem;border: .125rem solid rgba(187,187,187,0.41); background: #fff; border-radius: 50%;  position: absolute; top: 0; left: 50%;transform: translate(-50%);}
.indexThre .cirdot li:nth-child(1) {transform: rotate(45deg);}
.indexThre .cirdot li:nth-child(1) i {transform:translate(-50%)rotate(-45deg);}
.indexThre .cirdot li:nth-child(2) {transform: rotate(90deg);} 
.indexThre .cirdot li:nth-child(2) i {transform: translate(-50%)rotate(-90deg);} 
.indexThre .cirdot li:nth-child(3) { transform: rotate(135deg);}
.indexThre .cirdot li:nth-child(3) i {transform: translate(-50%)rotate(-135deg);} 
.indexThre .cirdot li:nth-child(4) {transform: rotate(225deg);}
.indexThre .cirdot li:nth-child(4) i {transform: translate(-50%)rotate(-225deg);} 
.indexThre .cirdot li:nth-child(5) {transform: rotate(270deg);}
.indexThre .cirdot li:nth-child(5) i {transform: translate(-50%)rotate(-270deg);} 
.indexThre .cirdot li:nth-child(6) {transform: rotate(315deg);}
.indexThre .cirdot li:nth-child(6) i {transform: translate(-50%)rotate(-315deg);} 
.indexThre .cirleBox#on1 .wc {transform: rotate(-5deg);}
.indexThre .cirleBox#on2 .wc {transform: rotate(40deg);}
.indexThre .cirleBox#on3 .wc {transform: rotate(85deg);}
.indexThre .cirleBox#on4 .wc {transform: rotate(175deg);}
.indexThre .cirleBox#on5 .wc {transform: rotate(220deg);}
.indexThre .cirleBox#on6 .wc {transform: rotate(265deg);}
.indexThre .cirleBox#on1 .cirdot li:nth-child(1) {opacity: 0;}
.indexThre .cirleBox#on2 .cirdot li:nth-child(2) {opacity: 0;}
.indexThre .cirleBox#on3 .cirdot li:nth-child(3) {opacity: 0;}
.indexThre .cirleBox#on4 .cirdot li:nth-child(4) {opacity: 0;}
.indexThre .cirleBox#on5 .cirdot li:nth-child(5) {opacity: 0;}
.indexThre .cirleBox#on6 .cirdot li:nth-child(6) {opacity: 0;}

.indexFour {background: #EBEBEB; padding: 7.5rem 0;}
.indexFour .box {margin-top: 4.375rem; position: relative;}
.indexFour .le {width: 48%;padding-right: 4.375rem; position: relative;}
.indexFour .le::after {content: ''; position: absolute; top: 0; height: 100%; width: 1px; right: 0; background: rgba(156,156,156,0.42);}
.indexFour .le .imgBox {overflow: hidden;}
.indexFour .le .imgBox img {width: 100%; object-fit: cover; transition: .5s;}
.indexFour .le .info {margin-top: 3.75rem;}
.indexFour .re {width: 52%; padding-left: 4.375rem;}
.indexFour .re ul {}
.indexFour .re li {border-bottom: 1px solid rgba(156,156,156,0.42); padding-bottom: 1.25rem;}
.indexFour .re li:last-child {border: none;}
.indexFour .re li .p1 {font-size: var(--font22); color: #3D3D3D; font-weight: 500; transition: .5s;}
.indexFour .re li .time {margin-top: 1.25rem;color: #3D3D3D;}
@media (any-hover: hover) {
  .indexFour .le .p1:hover {color: #1E53A4;}
  .indexFour .le .imgBox:hover img {transform: scale(1.1);}
  .indexFour .re li:hover  .p1{color: #1E53A4;}
}

.indexFive {background: url(../images/indexFive-bj.jpg) no-repeat left / cover; background-attachment: fixed; padding: 7.5rem 0; min-height: 53.75rem; position: relative;}
.indexFive::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; background: url(../images/indexFive-xian.png) no-repeat left; background-size: 100% 100%; height: 7.5rem;}
.indexFive .text {width: 60%; margin: auto; text-align: center; padding-top: 1.25rem; line-height: 1.8; font-weight: 200;}
.indexFive .more {margin-top: 5rem;}

/* =====底部 */
.footer {background: #27282B; padding-top: 5rem;}
.foterBox .left {width: 30%;}
.foterBox .left img {width: 16.125rem;}
.foterBox .right {flex: 1; padding-left: 4.375rem; margin-top: 2rem;}
.foterBox .left .p1 {margin-top: 1.625rem;color: rgba(255,255,255,0.7);}
.foterBox .left .form {margin-top: 3.75rem;}
.foterBox .left .form form {height: 4.375rem; background: #fff; border-radius: 6.25rem; position: relative; overflow: hidden;}
.foterBox .left .form form input {width: 100%; height: 100%; background: transparent; padding-left: 2.5rem; color: #333;    background-color: transparent !important;}
.foterBox .left .form .t2 {color: rgba(255,255,255,0.59);}
.foterBox .left .form button {width: 7.375rem; height: calc(100% - .625rem); top: 50%; transform: translateY(-50%); cursor: pointer; position: absolute; right: .625rem; background: #1E53A4; border-radius: 6.25rem; color: #fff;}
.foterBox .left .form form {margin-top: 2.5rem;}
.foternav {display: flex; gap: 2.5rem; width: 110%;} 
.foternav dl {width: calc(100% / 4);}
.foterBox .right dl dt {font-size: var(--font20); color: #fff; font-weight: 700; margin-bottom: 1.25rem;}
.foterBox .right dl dd {margin-bottom: .625rem; font-size: var(--font14);color: rgba(255,255,255,0.59);}
.foterBox .right dl dd a {color: rgba(255,255,255,0.59);}
.foterBox .right dl dd a:hover {color: #fff;}
.foterBox .foter_us {display: flex; gap: 2.5rem; margin-top: 3.75rem; width: 110%;}
.foterBox .foter_us dl {width: calc(100% /4);}
.foterBox .foter_us dl:last-child {width: calc(100% /1.9);}
/* .foterBox .foter_us:after {content: '';width: calc(100% /4);} */
.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: #999;}
.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;}

/* =================================================================================================内页 */

/* 内页banner */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox {}
.ny-banner .imgBox img {width: 100%; height: 100%; object-fit: cover; min-height: 16rem;}
.ny-banner .box {top: 70%;}
.ny-banner .con .p2 {line-height: 1.3; margin-top: 1.25rem; text-transform: capitalize;}

/* 内页导航 */
.ny-nav {padding: 3.75rem 0; border-bottom: 1px solid #D8D8D8;}
.ny-nav .list {display: flex; justify-content: space-between; align-items: center;}
.ny-nav .list .more {cursor: pointer; display: none; /* 默认隐藏按钮 */}
.ny-nav .list .more i {transform: rotate(90deg); display: inline-block; transition: .5s;}
.ny-nav ul {display: flex; flex-wrap: wrap; gap: 6.25rem; row-gap: 1.25rem; max-height: var(--font30); overflow: hidden; transition: max-height 0.3s ease-in-out;}
.ny-nav ul li a {color: #1E1E1E; font-size: var(--font14); transition: .5s;}
.ny-nav ul li a span::after {opacity: 0; transform: translateX(0%) translateY(0%) rotate(140deg);}
.ny-nav ul li.on a {color: #1E53A4; font-weight: 700;}
.ny-nav ul li.on a span::after {opacity: 1; transform: translateX(120%) translateY(-40%) rotate(140deg);}
.ny-nav ul.nav-expanded {max-height: 200px;}
.ny-nav .list .more.visible {display: block;}
.ny-nav .list .more i.arrow-rotated {transform: rotate(270deg);}

@media (any-hover: hover) {
  .ny-nav ul li a:hover {color: #1E53A4; font-weight: 700;}
  .ny-nav ul li a:hover span::after {opacity: 1; transform: translateX(120%) translateY(-40%) rotate(140deg);}
}





/* ==========关于我们 */
.aboutOne .indexTwo {background: #fff; padding-top: 6.25rem;}
.aboutOne .indexTwo .tleCon {width: 50%; }
.aboutOne .indexTwo .tleCon .text {color: rgba(51,51,51,0.85);padding-right: 5%; max-height: 21.25rem; overflow-y: auto;}
.aboutOne .indexTwo .tleCon .text p {margin-top: 1.875rem;}
.aboutOne .indexTwo .mapBox {margin-top: 2.5rem;}
.aboutOne .indexTwo .mapBox > img {}
.aboutOne .indexTwo .mapBox li i {background: linear-gradient(to bottom, #1E53A4 0%, rgba(255, 255, 255, 0.0001) 100%);}
.aboutOne .indexTwo .mapBox li i::before {background: url(../images/aboutOne-star.png) no-repeat center;background-size: contain;}
.aboutOne .indexTwo .mapBox li .num {color: #333; font-size: 3rem;}
.aboutOne .indexTwo .mapBox li .text {color: #333;}
.aboutOne .indexTwo .mapBox li .text span {color: #666666; font-weight: 400;font-family: 'OPPOSans-Regular'; margin-top: 0;}
.aboutOne .indexTwo .mapBox ul li:nth-child(1) {top: 25%;}
.aboutOne .indexTwo .mapBox ul li:nth-child(2) {left: 49.8%;top: 18%;}
.aboutOne .indexTwo .mapBox ul li:nth-child(3) {left: 67.5%;top: 34%;}
.aboutOne .indexTwo .mapBox ul li:nth-child(4) {left: 37.7%;top: 51%;}

.aboutTwo {padding: 7.5rem 0; background: url(../images/aboutTwo-bj.jpg) no-repeat center; background-size: cover;}
.aboutTwo .thumbBox {margin-top: 5rem; border-bottom: 1px solid rgba(255,255,255,0.47);}
.aboutTwo .swiper1 {padding-bottom: .125rem;}
.aboutTwo .swiper1 .swiper-wrapper {justify-content: space-between;}
.aboutTwo .swiper1 .slide {width: auto; cursor: pointer; padding: 2.5rem 0; padding-right: 2.25rem; font-size: var(--font20);color: rgba(255,255,255,0.49); font-family: 'OPPOSans-Medium';}
.aboutTwo .swiper1 .slide p {transition: .5s;}
.aboutTwo .swiper1 .slide p span::after {opacity: 0; transform: translateX(0%) translateY(0%) rotate(140deg);}
.aboutTwo .swiper1 .slide::after {content: ''; position: absolute; bottom: 0; left: 0;width: 0; height: .188rem; background: #fff; transition: .5s;transform: translateY(100%);}
@media (any-hover: hover) {
  .aboutTwo .swiper1 .slide:hover p {color: #fff;}
  .aboutTwo .swiper1 .slide:hover p span::after {opacity: 1; transform: translateX(120%) translateY(-40%) rotate(140deg);}
  .aboutTwo .swiper1 .slide:hover::after {width: 100%;}
}
.aboutTwo .swiper1 .swiper-slide-thumb-active p {color: #fff;}
.aboutTwo .swiper1 .swiper-slide-thumb-active p span::after {opacity: 1; transform: translateX(120%) translateY(-40%) rotate(140deg);}
.aboutTwo .swiper1 .swiper-slide-thumb-active::after {width: 100%;}
.aboutTwo .swiperBox {margin-top: 5rem;}
.aboutTwo .slide_box .info {width: 48%; padding-top: 5rem; padding-bottom: 5rem;}
.aboutTwo .slide_box .info .p1 {color: rgba(255,255,255,0.59);}
.aboutTwo .slide_box .imgBox {width: 50%; overflow: hidden;}
.aboutTwo .slide_box .imgBox img {width: 100%; height: 100%; object-fit: cover;}
/* 控件 */
.aboutTwo .pagtion {width: auto; left: 0; top: auto; bottom: 0; color: #fff;}
.aboutTwo .pagtion .swiper-pagination-current {font-size: 3.125rem;}

.aboutThre {background: rgba(234,234,234,0.46); padding: 7.5rem 0; padding-bottom: 12.5rem; position: relative; overflow: hidden;}
.aboutThre .swiperBox {margin-top: 3rem; position: relative;}
.aboutThre .swiper1 {overflow: visible; height: 100%;}
.aboutThre .swiper1 .slide { min-height: 37.5rem; display: flex; justify-content: center; align-items: center; text-align: center;}
.aboutThre .swiper1 .slide .year {line-height: 1; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%;  color: rgba(61,61,61,0.03); font-size: 29.125rem;font-family: 'OPPOSans-Bold';}
.aboutThre .swiper1 .slide .p2 {width: 50%; margin: auto; padding-top: 1.875rem;}
.aboutThre .thumbBox {margin-top: 1rem; position: relative; height: 13.5rem;}
.Timeline {position: relative; width: 310%; height: 100%;left: 0; top: 0;z-index: 1; transition: .5s all;}
.Timeline::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/line.png) repeat-x left; z-index: -1; background-size: contain;}
.Timeline img {position: absolute;opacity: 0; display: none;} 
.aboutThre .year_list .item {font-size: var(--font22); cursor: pointer; font-family: 'OPPOSans-Medium'; background: #D8D8D8; color: #3D3D3D; position: absolute; width: 7.5rem; height: 7.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s;}
.aboutThre .year_list .item.cur {background: #1E53A4; color: #fff;}
.aboutThre .year_list .item:nth-child(1) {left: 4%;top: 5%;}
.aboutThre .year_list .item:nth-child(2) {left: 12%;top: 65%;}
.aboutThre .year_list .item:nth-child(3) {left: 20%;top: -20%;}
.aboutThre .year_list .item:nth-child(4) {left: 28%;top: 35%;}
/* .aboutThre .year_list .item:nth-child(5) {left: 36%;top: 5%;}
.aboutThre .year_list .item:nth-child(6) {left: 44%;top: 65%;}
.aboutThre .year_list .item:nth-child(7) {left: 52%;top: -20%;}
.aboutThre .year_list .item:nth-child(8) {left: 60%;top: 35%;}
.aboutThre .year_list .item:nth-child(9) {left: 68%;top: 5%;}
.aboutThre .year_list .item:nth-child(10) {left: 76%;top: 65%;}
.aboutThre .year_list .item:nth-child(11) {left: 84%;top: -20%;}
.aboutThre .year_list .item:nth-child(12) {left: 92%;top: 35%;} */







.aboutFour {position: relative; }
.aboutFour .aboutTle {line-height: 1.3;}
.aboutFour .box {overflow: hidden; position: relative;padding: 7.5rem 0; height: 100vh;}
.aboutFour .right {position: absolute; width: 53%; right: 0; top: 0;display: flex; gap: 1rem;}
.aboutFour .right ul {display: flex; flex-direction: column; row-gap: 1rem;}
.aboutFour .right li {}
.aboutFour .right li img {width: 100%;}
.aboutFour .nunlist .item {margin-top: 4.375rem;}
.aboutFour .nunlist .num {color: #1E53A4; font-family: 'OPPOSans-Bold'; display: flex; align-items: center;}
.aboutFour .nunlist .counter {font-size: 4.5rem; }
.aboutFour .nunlist .num .dw {font-size: 4rem; }

.aboutFive {background: url(../images/aboutFive-bj.jpg) no-repeat center; padding-top: 11.25rem; background-size: cover; background-attachment: fixed; min-height: 64.375rem;}
.aboutFive .text {padding-top: 3.75rem; width: 78%; margin: auto; text-align: center; line-height: 1.8;}
.aboutFive .more {margin-top: 3.75rem;}

.aboutSix {padding: 11.25rem 0;}
.aboutSix .swiperBox {margin-top: 6.25rem; position: relative;}
.aboutSix .swiper {position: static;}
.aboutSix .slide .imgBox {overflow: hidden;}
.aboutSix .slide .imgBox img {width: 100%; transition: .5s;}

/* 控件 */
.aboutSix .pagtion {top: auto; bottom: -3.5rem; width: 50%; left: 25%; background: #EEEEEE; height: .5rem; border-radius: 6.25rem; overflow: hidden;}
.aboutSix .pagtion .swiper-pagination-progressbar-fill {background: #1E53A4;border-radius: 6.25rem; overflow: hidden;}
@media (any-hover: hover) {
  .aboutSix .slide:hover .imgBox img {transform: scale(1.1);}
}

/* ==========产品中心 */
.proMain {background: #F0F0F0; padding: 6.25rem 0;}
.proOne .box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.proOne .box .le {width: 24%; min-width: 12.5rem; padding-right: 3.75rem; position: sticky; top: 7rem;}
.proOne .box .re {flex: 1; position: relative; padding-left: 3.75rem;}
.proOne .box .re::before {content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 1px; background: #D8D8D8;}
/* 左侧产品栏目 */
.proOne .box .le .tit {margin-bottom: 1.875rem;}
.proOne .menu ul {}
.proOne .menu li {border-bottom: 1px solid #eee;}
.proOne .menu li .menu-li {display: flex; padding: 1rem 0; justify-content: space-between; min-height: 40px; cursor: pointer; transition: background .3s; z-index: 1; position: relative; }
.proOne .menu li .menu-li a {color: #3D3D3D; display: flex; align-items: center;color: #A5A5A5; font-weight: 500;}
.proOne .menu li .menu-li i {font-size: var(--font16); color: #3D3D3D; transition: .5s;}
/* .proOne .menu li .menu-li.on i {transform: rotate(90deg);} */
.proOne .menu li .menu-li:hover a , .proOne .menu li .menu-li.on a {color: #333; font-weight: bold;}
.proOne .menu li .s-menu {width: 100%; padding: 1.875rem 1rem; border-radius: .625rem; background: #fff; position: relative; z-index: 0; display: none; }
.proOne .menu li .s-menu .item {margin-bottom: 1rem;}
.proOne .menu li .s-menu a {width: 100%; color: #7B7B7B;transition: all ease-out 0.3s; position: relative; display: flex; align-items: center;}
.proOne .menu li .s-menu a .cirle {width: 1rem; height: 1rem; border: 1px solid #CDCDCD; border-radius: 50%; margin-right: .625rem; flex-shrink: 0; position: relative;}
.proOne .menu li .s-menu a .cirle::after {content: ''; width: 50%; height: 50%; border-radius: 50%; background: #646464; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); transition: all ease-out 0.3s;}
.proOne .menu li .s-menu a:hover .cirle::after , .proOne .menu li .s-menu a.on .cirle::after {transform: translate(-50%, -50%) scale(1);}
.proOne .menu li .s-menu.on {display: block;}
/* 右侧产品列表 */
.proOne .list {}
.proOne .list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.875rem;}
.proOne .list li {background: #fff;overflow: hidden; padding: 1.25rem;}
.proOne .list li .imgBox {position: relative; overflow: hidden; padding-bottom: 67%;}
.proOne .list li .imgBox img {position: absolute; inset: 0; width: 100%;height: 100%; object-fit: cover; transition: .5s;}
.proOne .list li .con {padding: 1.5rem 0; padding-bottom: 2.5rem; text-align: center;}
.proOne .list li .p1 {color: #9C9C9C; font-size: var(--font14);}
.proOne .list li .p2 {margin-top: .625rem;color: #3D3D3D;font-size: var(--font18); font-family: 'OPPOSans-Bold';}
.proOne .list li .more {margin-top: 1.875rem;}
.proOne .list li:hover .imgBox img {transform: scale(1.1);}

/* 移动端样式 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #1E53A4; 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: 30%;} */
}
@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: 1.875rem 1rem; z-index: 999;transition: all 0.3s; box-shadow: none;}
  .proOne .box .le.show {left: 0; overflow-y: auto;}
  .proOne .box .re {width: 100%; flex: none; margin-left: 0;}
  .filter-toggle {display: block;}
}

.proTwo {margin-top: 12.5rem;}
.proTwo .box {padding: 1.25rem 6.25rem; background: url(../images/proTwo-bj.jpg) no-repeat center; background-size: cover; min-height: 22.5rem; overflow: hidden; border-radius: 1.25rem;}


/* ===面包屑=== */
.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: #1E53A4 !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;}
.proDateOne .swiperOne .slide {display: flex; align-items: center; justify-content: center;}
.proDateOne .swiperOne .slide img {min-width: 80%; max-width: 100%; max-height: 31.25rem; 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;background: #F6F7F9;}
.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 {}
.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: #1E53A4; 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: #1E53A4;}

.proDateTwo {}
.proDateTwo .nav {background: #F6F7F9;  position: sticky; top: 6.25rem; 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 img {max-width: 100%; height: auto !important;}
.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; overflow: hidden; padding: 1.25rem; text-align: center;}
.proDateThre .slide .imgBox {position: relative; overflow: hidden; padding-bottom: 67%;}
.proDateThre .slide .imgBox img {position: absolute; inset: 0; width: 100%;height: 100%; object-fit: cover; transition: .5s;}
.proDateThre .slide .p1 {color: #9C9C9C; font-size: var(--font14); margin-top: 1rem;}
.proDateThre .slide .p2 {margin-top: .625rem;color: #3D3D3D;font-size: var(--font18); font-family: 'OPPOSans-Bold';}
.proDateThre .slide .more {margin-top: 1.875rem; font-size: var(--font14);}

/* 控件 */
.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 > img {transform: scale(1.05); opacity: .5;}
}


/* ==========解决方案 */
.soluMain {padding-bottom: 10rem;}

.soluOne {background: #F7F7F7; overflow: hidden; position: relative;}
.soluOne .box {min-height: 40rem; display: flex; align-items: center;}
.soluOne .left {width: 45%;}
.soluOne .left .text {margin-top: 2rem; line-height: 1.8;}
.soluOne .imgBox {position: absolute; right: 0; top: 0; width: 50%; height: 100%;}
.soluOne .imgBox img {width: 100%; height: 100%; object-fit: cover;}

.soluTwo {padding: 7.5rem 0; padding-bottom: 0;}
.soluTwo .list {margin-top: 3.75rem;}
.soluTwo .list ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: 3rem;}
.soluTwo .list li {background: #fff;overflow: hidden; padding: 1.25rem;border: 1px solid #E8E8E8;}
.soluTwo .list li .imgBox {position: relative; overflow: hidden; padding-bottom: 67%;}
.soluTwo .list li .imgBox img {position: absolute; inset: 0; width: 100%;height: 100%; object-fit: cover; transition: .5s;}
.soluTwo .list li .con {padding: 2.5rem 0; text-align: center;}
.soluTwo .list li .p1 {color: #9C9C9C; font-size: var(--font14);}
.soluTwo .list li .p2 {margin-top: .625rem;color: #3D3D3D;font-size: var(--font18); font-family: 'OPPOSans-Bold';}
.soluTwo .list li .more {margin-top: 1.875rem;font-size: var(--font14);}
.soluTwo .list li:hover .imgBox img {transform: scale(1.1);}
.soluTwo .moreAll {margin-top: 3.75rem;}


/* ==========案例列表 */
.caselist {padding: 3.75rem 0;}
.caselist .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem;}
.caselist .list li {}
.caselist .list li .imgBox {position: relative; padding-bottom: 69%; overflow: hidden;}
.caselist .list li .imgBox img {position: absolute; inset: 0; width: 100%;height: 100%; object-fit: cover; transition: .5s;}
.caselist .list li .con {padding: 2.5rem 0; padding-bottom: 1rem;}
.caselist .list li .p2 {margin-top: 2.25rem;}
.caselist .list li .more1 {margin-top: 2.75rem;}
@media (any-hover: hover) {
  .caselist .list li:hover .imgBox img {transform: scale(1.1);}
}

.caseMap {background: #F1F1F1; padding-top: 7.5rem;}
.caseMap .map {position: relative;margin-top: 3.75rem;}
.caseMap .map > img {mix-blend-mode: multiply;}
.caseMap .list {}
.caseMap .map li {position: absolute;}
.caseMap .map li .cirle {position: relative; margin-right: .625rem;}
.caseMap .map li .cirle i {width: .875rem; height: .875rem; border-radius: 50%; background: #08338F;z-index: 1; display: block;}
.caseMap .map li .cirle::after {content: ""; position: absolute; width: 400%; height: 400%; background: #08338F; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0; animation: scalemap 2s linear infinite}
.caseMap .map li.li1 {left: 33%;top: 23%;}
.caseMap .map li.li2 {left: 29%;top: 36%;}
.caseMap .map li.li3 {left: 42%;top: 52%;}
.caseMap .map li.li4 {right: 14%;top: 29%;}
.caseMap .map li.li5 {right: 19%;top: 42%;}
.caseMap .map li.li6 {right: 31%;top: 57%;}


/* ==========OEM */
.OEMOne {padding: 7.5rem 0;}
.OEMOne .tle {width: 60%;}
.OEMOne .tle .text {line-height: 1.8;}

.OEMOne .list {margin-top: 5rem;}
.OEMOne .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 1.875rem;}
.OEMOne .list li {background: #F1F1F1; text-align: center;}
.OEMOne .list li .imgBox {padding-bottom: 66%; overflow: hidden; position: relative;}
.OEMOne .list li .imgBox img {width: 100%; position: absolute; inset: 0; height: 100%; object-fit: cover; transition: .5s;}
.OEMOne .list li .con {padding: 2.5rem 0;}
.OEMOne .list li .p1 {color: #9C9C9C; font-size: var(--font14);}
.OEMOne .list li .p2 {margin-top: .625rem;color: #3D3D3D;font-size: var(--font18); font-family: 'OPPOSans-Bold';}
.OEMOne .list li .more {margin-top: 1.875rem;font-size: var(--font14);}
.OEMOne .list li:hover .imgBox img {transform: scale(1.1);}

.OEMTwo .list {margin-top: 6.25rem;}
.OEMTwo .list ul {display: flex;}
.OEMTwo .list li {position: relative; flex: 1; overflow: hidden;}
.OEMTwo .list li .imgBox {position: relative; height: 47.5rem; z-index: 1;}
.OEMTwo .list li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.OEMTwo .list li .imgBox::before {content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(255, 255, 255,.1) 70%,#000 100%); transition: .5s;}
.OEMTwo .list li .imgBox::after { content: ""; position: absolute; width: 100%; bottom: 0;left: 0; background: rgba(30,83,164,0.73); transition: .5s; height: 0;}
.OEMTwo .list li .info {position: absolute; bottom: 0; width: 100%; height: 40%; z-index: 1; padding: 1.25rem 3.75rem; padding-top: 10rem; text-align: center; transition: .5s;}
.OEMTwo .list li .info .p2 {margin-top: 3.75rem; opacity: 0; transition: .5s;}
.OEMTwo .list li .jt {position: absolute; left: 50%; transform: translateX(-50%); bottom: 12%; z-index: 1; opacity: 0; transition: .5s;}
.OEMTwo .list li .jt i {transform: rotate(90deg); display: inline-block;}
@media (any-hover: hover) {
  .OEMTwo .list li:hover .imgBox::before {opacity: 0;}
  .OEMTwo .list li:hover .imgBox::after {height: 100%;}
  .OEMTwo .list li:hover .info {height: 100%;}
  .OEMTwo .list li:hover .info .p2 {opacity: 1; transition-delay: .3s;}
  .OEMTwo .list li:hover .jt {opacity: 1; transition-delay: .3s;}
}



/* ==========新闻中心 */
.newsOne {padding: 6.25rem 0;}
.newsOne .imgBox {width: 45%; border-radius: 1.25rem; overflow: hidden;}
.newsOne .imgBox img {width: 100%; transition: .5s;}
.newsOne .info {width: 50%;}
.newsOne .info .p2 {margin-top: 2.75rem;}
@media (any-hover: hover) {
  .newsOne .imgBox a:hover img {transform: scale(1.1);}
}

.newsTwo {background: rgba(234,234,234,0.46); padding: 6.25rem 0;}
.newsTwo .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem;}
.newsTwo .list li {position: relative; overflow: hidden; border-radius: 1.25rem; z-index: 1;}
.newsTwo .list li::after {content: ''; position: absolute; inset: 0; background: url(../images/newsTwo-li_bj.png) no-repeat center; background-size: 100%; z-index: -1; opacity: 0; transition: .5s;}
.newsTwo .list li a {display: block; padding: 3.75rem 2.875rem;}
@media (any-hover: hover) {
  .newsTwo .list li:hover::after {opacity: 1;}
}


/* 案例详情 */
.caseDateMain .ny-nav {padding: 2rem 0;}
.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;}  
.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; position: relative; padding-bottom: 60%; margin-top: 1.25rem; overflow: hidden; border-radius: .625rem;}
.caseDate .right .list li .imgBox img { position: absolute; inset: 0; 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 strong {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 {position: relative;}
.tactOne .box {top: 60%;}
.tactOne .imgBox {position: relative;}
.tactOne .imgBox img {width: 100%;}
.tactOne .list {margin-top: 5.625rem;}
.tactOne .list .item {display: flex; align-items: flex-start; width: calc(100% / 3);}
.tactOne .list .item:last-child {width: 50%;}
.tactOne .list .item .icBox {width: 1.5rem; display: flex; align-items: center; justify-content: center; margin-right: 1rem; flex-shrink: 0; margin-top: .313rem;}
.tactOne .list .item .icBox img {max-width: 100%; min-width: 80%;}
.tactOne .list .item p ,
.tactOne .list .item p a {font-size: var(--font20); color: #fff; line-height: 1.8;}

.tactTwo {background: #EEEEEE; position: relative; z-index: 1;}
.tactTwo .box {background: #fff; border-radius: 1.375rem; padding: 5rem 0 1.25rem; transform: translateY(-7.5rem);}
.tactTwo .form {width: 80%; margin: auto; padding-top: 2.5rem;display: flex; flex-wrap: wrap; justify-content: space-between;}
.tactTwo .form input::placeholder {color: #3D3D3D;}
.tactTwo .form input::-webkit-input-placeholder {color: #3D3D3D;}
.tactTwo .form input::-moz-placeholder{color: #3D3D3D;}
.tactTwo .form input::-moz-placeholder {color: #3D3D3D;}
.tactTwo .form input::-ms-input-placeholder {color: #3D3D3D;}
.tactTwo .form textarea::placeholder { color: #3D3D3D;}
.tactTwo .form textarea::-webkit-textarea-placeholder { color: #3D3D3D;}
.tactTwo .form .inBox { margin-bottom: 1rem; width: 49.25%; position: relative;background: rgba(216,216,216,0.16); border-radius: .313rem;}
.tactTwo .form .inBox label {position: absolute; top: 50%; transform: translateY(-50%); left: 1.5rem; font-size: var(--font14); color: #FF0000;}
.tactTwo .form input , .tactTwo .form textarea {border-color: transparent; font-size: var(--font14); background: none; height: 100%; padding: 0 2.5rem; box-shadow: none; height: 3.75rem; color: #333;}
.tactTwo .form .inTxtBox , .tactTwo .form .inSect {width: 100%;}
.tactTwo .form .inSect dl dd {line-height: initial; padding: .625rem;}
.tactTwo .form .inTxtBox textarea {resize: none; height: 11.25rem; padding-top: 1.5rem;}
.tactTwo .form .inCode {display: flex;width: 100%;}
.tactTwo .form .inCode img { width: 7.5rem; object-fit: contain; border-radius: 318.75rem; margin-right: 1rem;}
/* #tactTwo .layui-form-select dl {top: 100%;}
#tactTwo .layui-form-selectup dl {top: auto; bottom: 100%;} */
.tactTwo .form .sub {width: 100%; margin-top: 5rem;}
.tactTwo .form .sub button {min-width: 11.25rem; height: 3.875rem; cursor: pointer; }
.tactTwo .form .sub button .jtMore::after {opacity: 1;transform: translateX(300%) translateY(-20%) rotate(130deg);}


/* =====常见问题===== */
.faq {background: url(../images/tactOne-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.faq {padding: 4rem 0;position: relative;overflow: hidden;z-index: 1;}
.faq .box {/* margin-top: 5rem; */}

.faq .box .right {width: auto; padding-left: 5.625rem; position: relative; z-index: 1;padding-right: 3%;}
.faq .bjBox {position: absolute; bottom: 0; right: 0; z-index: -1; height: 100%; width: 30%; display: flex;align-items: flex-end; background: rgba(255, 255, 255,.5);}
.faq .bjBox img {width: 100%;}
.faq .box .left {}
.faq .layui-collapse {border: 0;/* margin-top: 3.125rem; */}
.faq .layui-colla-title {height: auto; background: none; line-height: initial; padding: 1.25rem 0; padding-right: 1.875rem; font-size: var(--font22);color: #3D3D3D;}
.faq .layui-colla-title i {margin: 0; font-size: var(--font20); left: auto; right: 0; top: 40%;}
.faq .layui-colla-content {border: 0;padding: 0; padding-bottom: 1.875rem; font-size: var(--font16);}
.faq .box .right .item {display: flex; align-items: flex-start; margin-top: 3.125rem;}
.faq .box .right .item .icBox {margin-top: .625rem; margin-right: .875rem;width: 3.125rem;}
.faq .box .right .item .icBox img {min-width: 80%; max-width: 100%;}
.faq .box .right .item .con .p1 {font-weight: 200;}
.faq .box .right .item .con .p2 {}

/* 资料录入 */
.proDateTwo table {max-width: 100%;width: 100%; font-size: 1rem;}
.proDateTwo table  td p{padding:15px 20px;}
.quality {padding: 4rem 0;}
.quality-content img {width: 100%; height: auto ！important;}
.quality-content .video-js {width: revert-layer; max-width: 100%; height: auto !important;}

/* 右侧信息 */
.slider_links {position: fixed;right: 2%;top: 50%;transform: translateY(-50%);z-index: 999; }
.slider_links .flex-c {flex-direction: column; gap: .625rem;}
.slider_links li {position: relative;  cursor: pointer; border-radius: 50%;}
.slider_links li a {display: flex; align-items: center; justify-content: center;width: 3rem; height: 3rem; background: #fff; border-radius: 50%;   box-shadow: 0 .125rem .625rem rgba(0, 0, 0, 0.1); }
.slider_links li a svg ,.slider_links li a img {width: 50%;height: 50%;object-fit: contain; /* 保持图片比例，不拉伸变形 */transition: all 0.3s ease; /* 过渡效果，鼠标移入轻微缩放，提升质感 */}
/* 二维码容器：默认隐藏，绝对定位在图标左侧 */
.slider_links .code {display: none;position: absolute;right: 3rem; top: 50%;transform: translateY(-50%);width: 7.5rem; padding: .5rem;background: #ffffff;border-radius: .5rem;box-shadow: 0 .125rem .625rem rgba(0, 0, 0, 0.1); }
.slider_links .code img {width: 100%;height: 100%;object-fit: contain;}
/* 关键：鼠标移入列表项时，显示对应的二维码 */
.slider_links li:hover .code {display: block;}

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