@charset "UTF-8";
.ys-cont1600 { width: 85vw; max-width: 1600px; margin: auto; }

.ys-cont1400 { width: 1400px; margin: auto; }

:root { --font54: 54px; --font44: 44px; --font40: 40px; --font32: 32px; --font24: 24px; --font20: 20px; --font18: 18px; --font16: 16px; --font14: 14px; --l1h2: 1.2; --l1h3: 1.3; --l1h4: 1.4; --l1h5: 1.5; --l1h6: 1.6; --l1h75: 1.75; --l1h8: 1.8; /* --l2: 2; */ --space200: 200px; --space156: 156px; --space140: 140px; --space130: 130px; --space120: 120px; --space90: 90px; --space80: 80px; --space70: 70px; --space60: 60px; --space50: 50px; --space40: 40px; --colormain: #0065DD; --colorhover: #0C3065; --colorborder: #E0E1E6; --colorbg: #F9F9FB; --colortitle: #1E1F24; --colortext: #62636C; --colorinfo: #CDCED7; --colorfff: #fff; --line90: 80px; }

.std-font54 { font-size: var(--font54); line-height: var(--l1h3); color: var(--colortitle); }

.std-font44, .yxedr-active h2 { font-size: var(--font44); line-height: var(--l1h3); color: var(--colortitle); }

.std-font40, .yxedr-active h3 { font-size: var(--font40); line-height: var(--l1h4); color: var(--colortitle); }

.std-font32, .yxedr-active h4 { font-size: var(--font32); line-height: var(--l1h4); color: var(--colortitle); }

.std-font24, .std-font24 p, .yxedr-active h5 { font-size: var(--font24); line-height: var(--l1h5); color: var(--colortitle); }

.std-text14, .std-text14 p { font-size: var(--font14); line-height: var(--l1h8); color: #62636D; }

.std-text16, .std-text16 p, .yxedr-active p { font-size: var(--font16); line-height: var(--l1h75); color: var(--colortext); }

.std-text18, .std-text18 p { font-size: var(--font18); line-height: var(--l1h75); color: var(--colortext); }

.std-text20, .std-text20 p, .yxedr-active h6 { font-size: var(--font16); line-height: var(--l1h5); color: var(--colortext); }

.head-nav-item { position: static; width: calc(99% / 7); }

.head-nav-item:nth-child(1) a { margin-left: 46px; }

/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child) { display: none; }

/*鼠标效果*/
@media screen and (min-width: 1200px) { .head-other-lang-item a:hover { color: var(--colorfff); }
  .head-nav:hover .head-nav-item.yxnav-active1 .head-nav-item-title::before { width: 0; opacity: 0; }
  .head-nav:hover .head-nav-item:hover .head-nav-item-title::before, .head-nav:hover .head-nav-item.yxnav-active1:hover .head-nav-item-title::before { width: calc(100% - calc(var(--jian)* 2)); opacity: 1; }
  .ys-hd-pc.ishover .head-other-lang-item a:hover, .ys-hd-pc.isfixed .head-other-lang-item a:hover, .inside-main.act .ys-hd-pc .head-other-lang-item a:hover { color: var(--colormain); }
  .ys-hd-pc.ishover .yx-search3-btn:hover img:nth-of-type(3), .ys-hd-pc.isfixed .yx-search3-btn:hover img:nth-of-type(3), .inside-main.act .ys-hd-pc .yx-search3-btn:hover img:nth-of-type(3) { opacity: 1; }
  .ys-hd-pc.ishover .yx-search3-btn:hover img:nth-of-type(2), .ys-hd-pc.isfixed .yx-search3-btn:hover img:nth-of-type(2), .inside-main.act .ys-hd-pc .yx-search3-btn:hover img:nth-of-type(2) { opacity: 0; } }

.ys-ban-slick .ys-ban-title { color: var(--colorfff); font-size: var(--font44); line-height: var(--l1h3); text-align: center; margin-bottom: 24px; text-align: left; }

.ys-ban-slick .std-font24, .ys-ban-slick .std-font24 p { color: var(--colorfff); text-align: center; line-height: var(--l1h6); }

.ys-ban-slick .std-font24 { margin-bottom: 60px; }

.std-btn-link-font { font-size: var(--font16); line-height: var(--l1h8); color: var(--colorfff); text-align: center; position: relative; z-index: 6; transition: all .4s ease; }

.std-btn-link { position: relative; padding: 10px 55px; cursor: pointer; }

.std-btn-link::before { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); -moz-backdrop-filter: blur(4px); -ms-backdrop-filter: blur(4px); -o-backdrop-filter: blur(4px); background: rgba(255, 255, 255, 0.1); }

.ys-ban-li .std-btn-link::before { backdrop-filter: none; -webkit-backdrop-filter: none; -moz-backdrop-filter: none; -ms-backdrop-filter: none; -o-backdrop-filter: none; background: rgba(255, 255, 255, 0.2); }

.std-btn-link::before, .std-btn-link::after { content: ''; border-radius: 80px; display: block; position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .4s ease; }

.std-btn-link::after { border: 1px solid var(--colorfff); transition: all .8s ease; }

.std-btn { display: flex; justify-content: center; }

.mod-swiper-dots1 .swiper-pagination-bullet, .mod-dots1 .slick-dots li { width: 66px; height: 10px; border-radius: 0; margin: 0 3px; background: transparent; }

.mod-swiper-dots1 .swiper-pagination-bullet::before, .mod-swiper-dots1 .swiper-pagination-bullet::after, .mod-dots1 .slick-dots li::before, .mod-dots1 .slick-dots li::after { content: ''; height: 2px; border-radius: 1px; position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .4s ease; }

.mod-dots1 .slick-dots li::before { background: rgba(255, 255, 255, 0.5); }

.mod-dots1 .slick-dots li::after { background: var(--colorfff); opacity: 0; }

.mod-dots1 .slick-dots li.slick-active::after { opacity: 1; }

.ys-ban-slick.mod-dots1 .slick-dots { bottom: 36px; }

.ys-ban-imgbox::before { /* background: rgba(1, 6, 12, .15);*/ }

.mod-arrows1 .slick-prev, .mod-arrows1 .slick-next, .mod-arrows1 .swiper-button-next, .mod-arrows1 .swiper-button-prev { width: 48px; height: 48px; border-radius: 50%; background: rgba(0, 0, 0, 0.5); z-index: 10; }

.ys-ban-slick.mod-arrows1 .slick-prev { left: 5%; }

.ys-ban-slick.mod-arrows1 .slick-next { right: 5%; }

.mod-arrows1 .slick-prev::before, .mod-arrows1 .slick-next::before, .mod-arrows1 .swiper-button-prev::before, .mod-arrows1 .swiper-button-next::before { content: ''; background-image: url(../images/0jian1.png); background-size: 100% 100%; position: absolute; width: 11px; height: 22px; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.mod-arrows1 .swiper-button-prev::before, .mod-arrows1 .slick-prev::before { transform: translate(-50%, -50%) rotate(180deg); }

.ys-banner .mod-arrows1 .slick-prev, .ys-banner .mod-arrows1 .slick-next, .ys-banner .mod-arrows1 .swiper-button-next, .ys-banner .mod-arrows1 .swiper-button-prev { background: none; }

.ys-banner .mod-arrows1 .slick-prev::before, .ys-banner .mod-arrows1 .slick-next::before, .ys-banner .mod-arrows1 .swiper-button-prev::before, .ys-banner .mod-arrows1 .swiper-button-next::before { content: ''; background-image: url(../images/jjtt.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; width: 22px; height: 36px; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.ys-banner .mod-arrows1 .swiper-button-next::before, .ys-banner .mod-arrows1 .slick-next::before { transform: translate(-50%, -50%) rotate(180deg); }

.ys-hd-pc { position: relative; width: 100%; z-index: 820; }

.head-nav { display: flex; }

.head-logo { flex: 0 1 auto; width: calc(241rem / 16 + 5.2083vw - 20px); padding-left: calc(5.2083vw - 20px); height: 100%; display: flex; align-items: center; justify-content: flex-start; }

.head-logo a { display: flex; align-items: center; height: 96px; width: 100%; }

.head-nav-item-title { line-height: 96px; color: #fff; font-size: 18px; position: relative; display: inline-block; font-family: "oppoR"; }

.head-nav-item .head-nav-item-title { position: relative; margin-left: 10px; }

.head-nav-item .head-nav-item-title em { display: inline-block; background: url("../images/jt.png") no-repeat right center; width: 11px; height: 90px; background-size: auto 6px; position: absolute; right: 3px; }

.head-nav-item:hover .head-nav-item-title em { background: url(../images/jt-2.png) no-repeat right center; background-size: auto 6px; transform: rotate(180deg); transition: all 0.5s; }

.ishover .head-nav-item:hover .head-nav-item-title { color: #65bae3; }

.head-nav-item-down { width: 100%; padding-top: 0px !important; padding-bottom: 0px !important; top: calc(100% + 1px); border-radius: 0 0 20px 20px; overflow: hidden; background-size: cover; background-position: right center; background-repeat: no-repeat; }

.see_more_red { color: #fff; width: 162px; display: block; background: #65bae3; border-radius: 24px; height: 48px; line-height: 48px !important; display: flex !important; align-items: center; justify-content: space-between; padding: 0 35px; gap: 10px; }

.see_more_red span { color: #fff; }

.see_more_red i { width: 20px; height: 20px; display: block; background-image: url(../images/bjt.png); background-repeat: no-repeat; background-position: center center; background-size: 7px; transition: all 0.3s; }

.see_more_red:hover i { transform: translate(10px, 0); }

/* search - start */
.yx-search3box { --btn-width: 24px; width: 24px; }

.yx-search3-btn { width: var(--btn-width); margin-right: 50px; line-height: 96px; height: 96px; display: flex; align-items: center; position: relative; }

.yx-search3-btn img { width: 100%; transition: all .36s; }

.yx-search3img1 { position: relative; top: -2px; left: 0; }

.yx-search3img2 { position: absolute; top: 50%; transform: translateY(-50%) scale(1); left: 0; opacity: 0; }

.yx-search3xlbox { width: 100%; height: 250px; background: var(--colorfff); box-shadow: 0 5px 13px rgba(35, 50, 64, 0.13); display: none; position: absolute; left: 0; top: 100%; z-index: 99; }

.yx-search3-tbox { width: 60%; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: var(--head); border-bottom: 1px solid #666; display: flex; align-items: center; }

.yx-search3xlbtn { width: 27px; line-height: var(--head); }

.yx-search3xlbtn img { width: 100%; transition: all .36s; }

.yx-search3-xls { width: calc(100% - 27px); padding-right: 20px; }

.yx-search3-xls input { font-size: 16px; line-height: 3.75; color: #666; width: 100%; transition: all .36s; }

.yx-search3-xls input::placeholder { color: #666; }

.yx-search3-btn.on .yx-search3img2 { opacity: 1; }

.yx-search3-btn.on .yx-search3img1 { opacity: 0; }

/* search - end */
.head-other { display: flex; align-items: center; justify-content: space-between; width: auto; }

.head-logo img:nth-of-type(2) { opacity: 0; }

.ys-imgbox-contain img, .ys-imgbox-cover img { transition: all .4s ease; }

.ys-imgbox-cover img:nth-child(3) { position: absolute; top: 0; left: 0; height: 100%; }

.yx-search3-btn img:nth-of-type(2), .yx-search3-btn img:nth-of-type(3) { opacity: 0; }

.head-nav-item-title::after { content: ''; width: 0px; left: 50%; transform: translateX(-50%); height: 2px; position: absolute; bottom: -1px; transition: .3s; }

.head-nav-item:hover .head-nav-item-title::after { width: 100%; background: #002fa7; }

.head-nav-item.yxnav-active1 .head-nav-item-title::after { width: 100%; }

.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title::after { width: 100%; background: #002fa7; }

.head-other-lang-item::after { content: ''; background-image: url(../images/0line2.svg); position: absolute; width: 20px; height: 20px; background-size: 100% 100%; top: 50%; left: 0; transform: translate(-50%, -50%); transition: .3s; opacity: 0; }

.head-other-lang-item:first-child::after { display: none; }

.ys-hd-pc.ishover, .ys-hd-pc.isfixed, .inside-main.act .ys-hd-pc { border-bottom: 1px solid #E7E8EC; background: #FFF; }

.ys-hd-pc.ishover .head-nav-item-title, .ys-hd-pc.isfixed .head-nav-item-title, .inside-main.act .ys-hd-pc .head-nav-item-title, .ys-hd-pc.on .head-nav-item-title, #header .ys-hd-pc .head-nav-item-title { color: var(--colortitle); }

.ys-hd-pc.ishover .yx-search3-btn img:first-child, .ys-hd-pc.isfixed .yx-search3-btn img:first-child, .ys-hd-pc.on .yx-search3-btn img:first-child, .inside-main.act .ys-hd-pc .yx-search3-btn img:first-child, #header .ys-hd-pc .yx-search3-btn img:first-child { opacity: 0; }

.ys-hd-pc.ishover .yx-search3-btn img:nth-of-type(2), .ys-hd-pc.isfixed .yx-search3-btn img:nth-of-type(2), .ys-hd-pc.on .yx-search3-btn img:nth-of-type(2), .inside-main.act .ys-hd-pc .yx-search3-btn img:nth-of-type(2), #header .ys-hd-pc .yx-search3-btn img:nth-of-type(2) { opacity: 1; }

.ys-hd-pc.ishover::before, .ys-hd-pc.isfixed::before, .inside-main.act .ys-hd-pc::before { opacity: 0; height: 0; }

.ys-hd-pc .head-nav-item-title:hover, .ys-hd-pc.ishover .head-nav-item-title:hover, .ys-hd-pc.isfixed .head-nav-item-title:hover, #header .ys-hd-pc .yxnav-active1 .head-nav-item-title { color: #002fa7; }

.sticky-html, .sticky-body { overflow: visible; }

.search-active .ys-hd-pc.on .yx-search3-btn .yx-search3img1 { display: none; }

.search-active .ys-hd-pc.on .yx-search3-btn .yx-search3img2 { opacity: 1; }

/* ban-start */
/* 图片缩放 */
.ys-ban-imgbox img { transform: scale(1.2); }

.ys-ban-li.slick-current .ys-ban-imgbox img { animation: banimgscale 6s ease-out both; }

@keyframes banimgscale { 100% { transform: scale(1); } }

/* 视频缩放 */
.ys-ban-imgbox .ys-ban-video { transform: translate(-50%, -50%) scale(1.2); }

.ys-ban-li.slick-current .ys-ban-imgbox .ys-ban-video { animation: banvideoscale 6s ease-out both; }

@keyframes banvideoscale { 100% { transform: translate(-50%, -50%) scale(1); } }

.ys-nyban-img { overflow: hidden; }

.ys-nyban-img img { transform: scale(1.2); }

.ys-nyban-img.act img { animation: banimgscale 3s ease-out .1s both; }

/* ban-end */
.ys-ban-li .ys-ban-title, .ys-ban-li .std-font24 { opacity: 0; -webkit-transform: translate3d(0, 60px, 0); transform: translate3d(0, 60px, 0); }

.ys-ban-li .std-btn { opacity: 0; -webkit-transform: translate3d(0, 60px, 0); transform: translate3d(0, 60px, 0); transition: all .8s .8s ease-in-out; }

.std-btn-link::before { transition: all 0s; }

.ys-ban-li.slick-active .std-btn { display: flex; animation: ysfadeInUp .8s ease-in-out both; animation-delay: .8s; }

.ys-ban-li.slick-active .ys-ban-title, .ys-ban-li.slick-active .std-font24 { animation: ysfadeInUp .8s ease-in-out both; animation-delay: .8s; }

.ys-ysscale { transform: scale(1.1); animation: ysscale 1.6s ease-in-out both; animation-delay: 0s; }

@keyframes ysscale { 0% { -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% { -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes ysscale { 0% { -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% { -webkit-transform: scale(1);
    transform: scale(1); } }

footer { background: url("../images/f-bg.jpg") no-repeat; background-size: cover; }

.foot1 { display: flex; justify-content: space-between; font-family: "oppoR"; color: #c7c7c7; font-size: 14px; padding: 70px 0; }

.foot1 .f1 .phone a { display: block; font-size: 34px; font-family: "siyuanBold"; color: #fff; margin: 25px 0 15px 0; }

.foot1 .f1 .phone { border-bottom: solid 1px #222b44; width: 230px; padding-bottom: 18px; }

.foot1 .f1 .phone p { font-size: 16px; }

.foot1 .f1 .way > div { display: flex; align-items: center; margin-top: 20px; }

.foot1 .f1 .way span { width: 32px; }

.foot1 .f2 h3 { font-family: "oppoB"; color: #fff; font-size: 20px; margin-bottom: 34px; }

.foot1 .f2 p { line-height: 30px; }

.foot1 .f2 .text1 { margin-bottom: 75px; }

.share li { position: relative; }

.share li > div { position: absolute; width: 159px; padding: 10px 0; background: #fff; justify-content: center; display: flex; flex-wrap: wrap; text-align: center; left: -60px; opacity: 0; top: 50px; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); }

.share li > div p { width: 100%; color: #333; padding-top: 14px; }

.share li:hover > div { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }

.foot1 .f2 { border-left: solid 1px #262e46; border-right: solid 1px #262e46; padding: 0 4%; margin-top: 16px; width: 40%; }

.foot1 .f3 .wz1 { font-family: "oppoM"; color: #fff; font-size: 24px; text-align: right; padding-bottom: 12px; margin-top: 16px; }

.foot1 .f3 .wz2 { font-family: "oppoL"; color: #fff; font-size: 20px; text-align: right; }

.foot1 .share { float: right; }

.foot1 .share ul { display: flex; }

.foot1 .share li { margin-left: 15px; }

.foot2 p { text-align: center; font-family: "oppoR"; color: #c7c7c7; font-size: 14px; line-height: 26px; }

.foot2 a { color: #c7c7c7; }

.foot2 { border-top: solid 1px #232e48; padding: 28px 0; }

.lyNav_btn { display: none; width: 40px; height: 40px; }

.lyNav_btn i { display: block; width: 100%; height: 100%; overflow: hidden; padding: 12px; background-color: #1991cd; }

.icon { display: block; width: 100%; height: 100%; }

.head-phone { border-left: solid 1px rgba(255, 255, 255, 0.3); height: 96px; display: flex; align-items: center; width: calc(100% - 150px); padding-left: calc(3.588vw - 20px); }

.head-phone a { display: block; background: url("../images/phone1.png") no-repeat left center; padding-left: 37px; font-family: "siyuanBold"; font-size: 26px; color: #fff; }

.menus { flex: 1 0 auto; justify-self: flex-end; margin-left: auto; margin-right: 0; color: #fff; width: calc(100% - (241rem / 16 + 5.2083vw - 20px)); display: flex; align-items: stretch; height: 100%; margin-right: calc(3.588vw - 20px); }

.lyNav_list { width: calc(100% - 420rem / 16); flex: 0 0 auto; padding-left: calc(10.4166vw - 40px); }

.lyNav_list .head-nav { display: flex; justify-content: space-between; width: 100%; }

.hh-right { width: calc(420rem / 16); flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; }

.ys-hd-pc { align-items: center; justify-content: space-between; border-bottom: solid 1px rgba(255, 255, 255, 0.3); }

.ys-hd-pc.ishover { z-index: 10; }

.head-nav-item.yxnav-active1 .head-nav-item-title { color: #002fa7; }

.head-nav-item.yxnav-active1 .head-nav-item-title::after { width: 100%; background: #002fa7; }

.ys-hd-pc.ishover .head-phone a, .ys-hd-pc.isfixed .head-phone a, .ys-hd-pc.on .head-phone a, #header .ys-hd-pc .head-phone a { background: url("../images/phone2.png") no-repeat left center; color: #666; }

.ys-hd-pc.ishover .head-phone, .ys-hd-pc.isfixed .head-phone, .ys-hd-pc.on .head-phone { border-left: 1px solid #E7E8EC; }

.hd-lang { position: relative; flex: 0 0 auto; margin: 0 30px 0 0px; }

.hd-lang a { color: #666; display: flex; align-items: center; height: 96px; white-space: nowrap; }

.ys-hd-pc .hd-lang a .yy { display: inline-flex; align-items: center; background: url("../images/yy1.png") no-repeat left center; height: 80px; background-size: auto 23px; color: #fff; font-size: 16px; padding-left: 33px; line-height: 80px; white-space: nowrap; }

.ys-hd-pc.isfixed .hd-lang a .yy, .act .ys-hd-pc .hd-lang a .yy, .ys-hd-pc.on .hd-lang a .yy { background: url("../images/yy2.png") no-repeat left center; background-size: auto 23px; color: #666; }

.ys-hd-pc.ishover .hd-lang a .yy, .ys-hd-pc.on .hd-lang a .yy, #header .ys-hd-pc .hd-lang a .yy { background: url("../images/yy2.png") no-repeat left center; background-size: auto 23px; color: #666; }

.ys-hd-pc.on { background: #fff; }

.site-menu { width: 100%; height: auto; display: flex; align-items: stretch; z-index: 660; position: relative; left: 0; top: 0; overflow: hidden; background: rgba(237, 237, 237, 0.8); }

.site-menu-ctn { position: fixed; width: 100%; height: auto; left: 0; top: 97px; overflow: hidden; transition: .3s; align-items: stretch; transform: translateY(-50%); opacity: .0; visibility: hidden; z-index: 1; }

.menu-active .site-menu-ctn { visibility: visible; transform: none; opacity: 1; }

.site-menu .right { font-size: 14px; width: calc(100% - (661rem / 16 + 10.417vw + 32px)); flex: 0 0 auto; margin-left: auto; margin-right: calc((420rem / 16) + (3.588vw - 20px)); display: flex; align-items: stretch; }

.site-menu .right .link-col { padding: calc(40rem / 16) 16px 3.125vw; position: relative; width: calc(100% / 7); }

.site-menu .right .link-col a { line-height: 20px; border-bottom: 1px solid #cac8cd; padding: 10px 0; display: block; position: relative; z-index: 865; color: #222; font-size: 15px; }

.site-menu .right .link-col a span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .3s; }

.site-menu .right .link-col a::before { content: ""; width: 16px; height: 14px; background: url("../images/icon_angle_right.svg") center/contain no-repeat; background-size: auto 12px; position: absolute; top: 0; bottom: 0; left: -4px; margin: auto; opacity: 0; transition: .3s; }

.site-menu .right .link-col a:hover::before { opacity: 1; }

.site-menu .right .link-col a:hover span { color: #002fa7; transform: translateX(12px); }

.site-menu .right .link-col.hover-active { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); }

.head-nav-item:hover .site-menu-ctn { visibility: visible; transform: none; opacity: 1; }

.ys-ban-title .zw { font-family: "oppoM"; color: #FFF; font-size: 35px; margin: 5px 0; line-height: 70px; }

.ys-ban-title .yw { color: #fff; font-size: 19px; line-height: 30px; text-transform: uppercase; font-family: "siyuanL"; }

.ys-ban-slick .ys-ban-title { position: relative; padding-top: 178px; }

.ys-ban-slick .ys-ban-title img { position: absolute; left: 0; top: 100px; }

.ys-ban-slick .ys-ban-title .en { padding-top: 24px; }

.section0 { background: url("../images/bg1.jpg") no-repeat; background-size: cover; padding: 94px 0 126px 0; }

.section0 .title { position: relative; padding-top: 7px; }

.section0 .title em { display: block; font-style: normal; text-transform: uppercase; font-family: arial; font-size: 48px; color: #e9ecf0; font-weight: bold; position: absolute; top: 0; }

.section0 h3 { color: #333; font-size: 26px; font-family: "oppoM"; position: relative; z-index: 2; }

.section0 h3 span { font-size: 35px; position: relative; display: block; padding-bottom: 15px; }

.section0 .we p { color: #696969; font-size: 16px; line-height: 32px; font-family: "oppoR"; }

.section0 .we { width: 70%; }

.section0 .our { padding: 48px 0; }

.section0 .pic { position: relative; display: flex; align-items: center; }

.section0 .pic a { display: block; width: 96px; height: 96px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url("../images/play.png") no-repeat center; transition: .3s; }

.section0 .pic a:hover { transform: translate(-50%, -50%) rotate(360deg); }

.countup-txt h4 { font-family: arial; font-weight: bold; font-size: 16px; color: #666; }

.countup-txt h4 span { font-size: 60px; color: #002fa7; display: inline-block; font-family: "siyuanBold"; }

.countup-txt h4 em { font-style: normal; font-size: 17px; display: inline-block; position: relative; top: -28px; padding-left: 5px; color: #666; font-weight: normal; }

.countup-txt p { font-size: 16px; color: #666; font-family: "oppoM"; padding-top: 10px; }

.number ul { display: flex; flex-wrap: wrap; justify-content: space-between; width: 80%; }

.look { margin-top: 94px; }

.animBtn { position: relative; display: flex; justify-content: center; align-items: center; width: 168px; height: 48px; border: 1px solid #002fa7; color: #002fa7; text-align: center; text-decoration: none; text-transform: uppercase; overflow: hidden; letter-spacing: .08em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-size: 16px; font-family: "oppoM"; }

.animBtn span { display: inline-block; background: url("../images/more1.svg") no-repeat right center; background-size: auto 30px; padding-right: 25px; position: relative; z-index: 2; padding-left: 6px; }

.animBtn:after { content: ""; position: absolute; background: #002fa7; height: 0%; left: 50%; top: 50%; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; width: 0%; border-radius: 50%; opacity: .5; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.animBtn:hover:after { height: 450%; width: 110%; opacity: 1; }

.animBtn:hover { color: #fff; }

.animBtn:hover span { background: url("../fonts/more2.svg") no-repeat right center; background-size: auto 30px; }

/* 动态添加的class: active-dropdown (高亮整个下拉板块) */
.link-col.active-dropdown { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); transition: all 0.2s ease; }

.link-col.active-dropdown a { color: #333; }

.site-menu-ctn.show { opacity: 1; visibility: visible; transform: translateY(0); }

.head-nav-item.nav-hover-highlight a.head-nav-item-title::after { width: 100%; background: #002fa7; }

.title2 { position: relative; padding-top: 2px; text-align: center; }

.title2 em { display: block; font-style: normal; text-transform: uppercase; font-family: arial; font-size: 40px; color: #e9ecf0; font-weight: bold; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); }

.title2 h3 { color: #666; font-size: 20px; font-family: "oppoR"; position: relative; z-index: 2; }

.title2 h3 span { font-size: 35px; position: relative; display: block; padding-bottom: 15px; color: #333; font-family: "oppoM"; }

.more .animBtn { border: solid 1px #fff; color: #fff; }

.more .animBtn span { background: url("../fonts/more2.svg") no-repeat right center; background-size: auto 30px; }

.s-content1 { background: url("../images/bg2.jpg") no-repeat; background-size: cover; margin-top: 58px; }

.section1 .box1 ul { display: flex; }

.section1 .box1 li { position: relative; border-right: solid 1px rgba(255, 255, 255, 0.2); height: 650px; width: 12.5%; overflow: hidden; transition: all 0.5s; }

.section1 .box1 li .images, .section1 .box1 li .text1 { position: absolute; }

.section1 .box1 li .images { width: 100%; height: 100%; transition: all 0.5s; opacity: 0; }

.section1 .box1 li .images img { margin: 0 auto; width: 100%; height: 100%; object-fit: cover; }

.section1 .box1 li .text1 { width: 100%; bottom: 56px; text-align: center; color: #fff; font-size: 16px; transition: all 0.5s; }

.section1 .box1 li .more .animBtn { margin: 0 auto; width: 142px; height: 38px; transition: all 0.5s; display: none; }

.section1 .box1 li .p1 { padding-top: 43px; font-size: 16px; font-family: "oppoM"; margin-bottom: 6px; }

.section1 .box1 li .p2 { font-size: 18px; font-family: "oppoM"; opacity: 0; transition: all 0.5s; }

.section1 .box1 li:hover .p1 { font-size: 18px; margin-bottom: 0; }

.section1 .box1 li:hover .more .animBtn { display: flex; margin-top: 30px; }

.section1 .box1 li:hover .images { opacity: 1; }

.section1 .box1 li:hover .p2 { opacity: 1; padding-top: 10px; margin-bottom: 30px; }

.section1 .box1 li:hover .text1 { bottom: auto; top: 50%; transform: translate(0, -50%); }

.section1 .box1 li .more .animBtn:hover { border: 1px solid #002fa7; }

.section1 .box1 li:hover { width: 25%; }

.section1 { padding: 88px 0 0 0; }

.section1 .box1 li:last-child { border-right: none; }

.section2 { padding: 88px 0 120px 0; }

.section4 { padding: 88px 0 90px 0; }

.section3 { padding: 88px 0 120px 0; background: url("../images/bg3.jpg") no-repeat; background-size: cover; }

.section3 .title2 { text-align: left; }

.section3 .title2 em { left: 0; transform: translate(0); }

.section3 .flex { align-items: flex-end; }

.section3 .tabs-tit1 a { color: #666; font-size: 18px; font-family: "oppoM"; display: inline-block; margin-right: 36px; position: relative !important; padding: 12px 0; text-decoration: none; }

.section3 .tabs-tit1 a::after { content: "" !important; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 0 !important; height: 2px !important; background-color: #002fa7 !important; transition: width 0.25s ease !important; }

.section3 .tabs-tit1 a:hover { color: #002fa7 !important; }

.section3 .tabs-tit1 a:hover::after { width: 100% !important; }

/* 选中cur激活态 */
.section3 .tabs-tit1 a.cur { color: #002fa7 !important; }

.section3 .tabs-tit1 a.cur::after { width: 100% !important; }

.section3 .right { align-items: center; }

.section3 .right .views a { color: #666; font-size: 18px; font-family: "oppoM"; background: url("../images/mm.png") no-repeat right center; padding: 12px 20px 12px 0; background-size: auto 12px; }

.section3 .right .views a:hover { color: #002fa7; background: url("../images/mm2.png") no-repeat right center; background-size: auto 12px; }

.section3 .tabs-tit1 a.on { color: #002fa7; }

.section3 .tabs-tit1 a::after { content: ""; display: block; width: 100%; height: 2px; background: transparent; left: 0; bottom: 0; position: absolute; }

.section3 .tabs-tit1 a.on::after { background: #002fa7; }

.case .list { display: none; }

.case ul { flex-wrap: wrap; justify-content: flex-start; margin: 0 -19px; }

.case li { width: calc(33.33% - 38px); margin: 66px 19px 0 19px; position: relative; border-bottom: 1px solid #b0b0b0; }

.case li .img { overflow: hidden; height: 298px; }

.case li .img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; }

.case li:hover .img img { transform: scale(1.1); }

.case li a h4 { font-family: "siyuanR"; font-size: 18px; color: #333; margin-bottom: 18px; transition: all 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.case li a p { font-family: "siyuanN"; font-size: 16px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.case li .text { padding: 25px 30px; }

.case li:hover a h4 { color: #002fa7; }

.case li::after { content: ""; position: absolute; width: 0; height: 1px; background: #002fa7; bottom: -1px; left: 0; transition: all 0.5s; }

.case li:hover::after { width: 100%; }

.step-cont .text { display: none; min-height: 120px; }

.tab-nav { display: flex; justify-content: space-between; margin: 58px -9px; }

.tab-cont .panel p { font-family: "siyuanR"; font-size: 20px; color: #333; line-height: 32px; letter-spacing: 1px; }

.tab-nav .tab-item { margin: 0 9px; width: calc(16.66% - 18px); background: #efefef; text-align: center; padding-top: 48px; transition: all 0.5s; cursor: pointer; }

.tab-nav .tab-item .tb { width: 100%; height: 43px; background: url("../images/lc1.png") no-repeat center; transition: all 0.5s; }

.tab-nav .tab-item .shuzi { color: #919090; font-size: 66px; font-family: arial; margin-top: 30px; }

.tab-nav .tab-item p { color: #919090; font-size: 20px; font-family: "siyuanR"; background: #efefef; position: relative; top: -24px; padding: 10px 0 0 0; transition: all 0.5s; }

.tab-nav .tab-item.active, .tab-nav .tab-item.active p, .tab-nav .tab-item:hover, .tab-nav .tab-item:hover p { background: #002fa7; }

.tab-nav .tab-item.active .shuzi, .tab-nav .tab-item.active p, .tab-nav .tab-item:hover p, .tab-nav .tab-item:hover .shuzi { color: #fff; }

.tab-nav .tab-item.active .tb, .tab-nav .tab-item:hover .tb { background: url("../images/lc01.png") no-repeat center; transform: rotateY(180deg); }

.tab-nav .tab-item .tb1 { background: url("../images/lc2.png") no-repeat center; }

.tab-nav .tab-item:hover .tb1, .tab-nav .tab-item.active .tb1 { background: url("../images/lc02.png") no-repeat center; }

.tab-nav .tab-item .tb2 { background: url("../images/lc3.png") no-repeat center; }

.tab-nav .tab-item:hover .tb2, .tab-nav .tab-item.active .tb2 { background: url("../images/lc03.png") no-repeat center; }

.tab-nav .tab-item .tb3 { background: url("../images/lc4.png") no-repeat center; }

.tab-nav .tab-item:hover .tb3, .tab-nav .tab-item.active .tb3 { background: url("../images/lc04.png") no-repeat center; }

.tab-nav .tab-item .tb4 { background: url("../images/lc5.png") no-repeat center; }

.tab-nav .tab-item:hover .tb4, .tab-nav .tab-item.active .tb4 { background: url("../images/lc05.png") no-repeat center; }

.tab-nav .tab-item .tb5 { background: url("../images/lc6.png") no-repeat center; }

.tab-nav .tab-item:hover .tb5, .tab-nav .tab-item.active .tb5 { background: url("../images/lc06.png") no-repeat center; }

.progress-wrap { height: 1px; background: #e5e5e5; }

.progress-inner { height: 3px; background: #002fa7; transition: 0.35s ease; width: 16%; position: relative; top: -1px; }

.tab-cont { min-height: 140px; }

.panel { display: none; }

.panel.show { display: block; }

.section5 .title2 em { color: #1f3682; }

.section5 .title2 h3 { color: #e5e5e5; }

.section5 .title2 h3 span { color: #fff; }

.section5 { padding: 187px 0 120px 0; background: url("../images/bg4.jpg") no-repeat; background-size: cover; }

.section6 { padding: 88px 0 70px 0; }

.section6 .title2 { text-align: left; width: 40%; }

.section6 .title2 em { left: 0; transform: translate(0); }

.section6 .flex { align-items: flex-end; }

.section6 .tabs-tit2 a { color: #666; font-size: 18px; font-family: "oppoM"; display: inline-block; margin-right: 36px; position: relative !important; padding: 12px 0; text-decoration: none; }

.section6 .tabs-tit2 a::after { content: "" !important; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 0 !important; height: 2px !important; background-color: #002fa7 !important; transition: width 0.25s ease !important; }

.section6 .tabs-tit2 a:hover { color: #002fa7 !important; }

.section6 .tabs-tit2 a:hover::after { width: 100% !important; }

/* 选中cur激活态 */
.section6 .tabs-tit2 a.cur { color: #002fa7 !important; }

.section6 .tabs-tit2 a.cur::after { width: 100% !important; }

.section6 .tabs-tit2 a.on { color: #002fa7; }

.section6 .tabs-tit2 a::after { content: ""; display: block; width: 100%; height: 2px; background: transparent; left: 0; bottom: 0; position: absolute; }

.section6 .tabs-tit2 a.on::after { background: #002fa7; }

.news .list .flex { align-items: flex-start; }

.news .left ul { display: flex; }

.news .left li { width: calc(50% - 38px); margin-right: 38px; }

.news .left { width: 68%; }

.news .right { width: 32%; }

.news .left li .img { overflow: hidden; height: 320px; }

.news .left li .img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; }

.news .left li:hover .img img { transform: scale(1.1); }

.news .left li a h4 { font-family: "siyuanR"; font-size: 18px; color: #333; margin-bottom: 18px; transition: all 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.news .left li a p { font-family: "siyuanN"; font-size: 16px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; line-height: 28px; }

.news .left li .bot { display: flex; justify-content: space-between; background: #f4f4f4; padding: 35px 20px; align-items: center; }

.news .left li a .time { color: #ababab; font-family: arial; font-size: 18px; }

.news .left li a .time span { display: block; font-size: 50px; padding-bottom: 5px; }

.news .left li a .text { border-left: solid 1px #ababab; padding-left: 20px; margin-left: 20px; width: calc(100% - 85px); }

.news .right li { background: #f4f4f4; padding: 20px 20px 22px 20px; margin-bottom: 25px; }

.news .right li a { display: flex; justify-content: space-between; align-items: center; }

.news .right li a .time { color: #ababab; font-family: arial; font-size: 18px; }

.news .right li a .time span { display: block; font-size: 50px; padding-bottom: 5px; }

.news .right li a .text { padding-left: 20px; margin-left: 20px; position: relative; width: calc(100% - 85px); }

.news .right li a .text::before { content: ""; height: 90px; width: 1px; background: #ababab; position: absolute; top: 8px; left: 0; }

.news .right li a h4 { font-family: "siyuanR"; font-size: 18px; color: #333; margin-bottom: 18px; transition: all 0.3s; display: -webkit-box; line-height: 28px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }

.news .right li a p { font-family: "siyuanN"; font-size: 16px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; line-height: 28px; }

.news { padding-top: 65px; }

.news .left li:hover a h4 { color: #002fa7; }

.news .right li:hover { background: #002fa7; }

.news .right li:hover a h4, .news .right li:hover a p, .news .right li:hover a .time { color: #fff; }

.pic-scroll { position: relative; height: 370px; overflow: hidden; margin-top: 65px; }

.scroll-box { will-change: transform; }

.pic-scroll .group { display: grid; grid-template-columns: repeat(8, 12.5%); grid-template-rows: repeat(3, 110px); gap: 20px 0px; margin-top: 20px; }

.pic-scroll .item { display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 12px 2px rgba(0, 0, 0, 0.1); margin: 0 10px; transition: all 0.3s; height: 110px; }

.pic-scroll .item img { height: 90px; }

.number2 ul { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }

.number2 li { display: flex; justify-content: space-between; }

.number2 .countup-txt h4 span, .number2 .countup-txt p { color: #fff; }

.number2 .countup-txt h4 em { color: #fff; top: auto; bottom: 5px; }

.number2 .countup-txt h4 em i { font-style: normal; font-size: 24px; }

.number2 li .ico { margin: 10px 20px 0 0; }

.number2 { margin-top: 65px; }

.number2 .countup-txt p { padding-top: 16px; }

.pup-video { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); left: 0; top: 0; z-index: 10000; transition: all 0.5s; display: none; }

.pup-video .pup { position: absolute; width: 60%; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.p_close img { width: 44px; height: 44px; }

.p_close { position: absolute; right: -50px; top: -50px; z-index: 10; }

.pup-video.show { display: block; }

.ny-banner { height: 625px; position: relative; overflow: hidden; }

.ny-banner img, .imagesCover img, .imagesCover2 img { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; /* 硬件加速+平滑过渡 */ transform: translateZ(0) scale(1.12); transition: transform 2s ease-out; }

.ny-banner.active img, .imagesCover.active img, .imagesCover2.active img { transform: translateZ(0) scale(1); }

.imagesCover, .imagesCover2 { position: relative; overflow: hidden; height: 300px; display: flex; align-items: center; padding: 0 !important; }

.service-lists li { border: 1px solid #f4f5f7; }

.service-lists li:hover { border: 1px solid #002fa7; }

.service-lists li .pic img { transition: all 1.2s; }

.service-lists li:hover .pic img { transform: scale(0.95); }

.imagesCover2 { height: 530px !important; }

@media (max-width: 750px) { .imagesCover2 { height: 340px !important; } }

.ny-banner .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.ny-banner h3 { color: #fff; font-size: 40px; font-family: "oppoM"; padding-bottom: 22px; }

.ny-banner p { color: #fff; font-size: 22px; font-family: "oppoL"; }

#header { position: initial; }

.about1 .pic { position: relative; }

.about1 .pic a { display: block; width: 96px; height: 96px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url("../images/play.png") no-repeat center; transition: .3s; }

.about1 .pic a:hover { transform: translate(-50%, -50%) rotate(360deg); }

/*关于我们*/
.brand { box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); }

.brand .flex { align-items: center; }

.sub-nav ul { display: flex; align-items: center; }

.sub-nav li { position: relative; }

.sub-nav li::after { content: ""; display: block; position: absolute; height: 15px; width: 1px; background: #333; top: 50%; transform: translate(0, -50%); right: -1px; }

.sub-nav li a { font-size: 18px; font-family: "oppoM"; padding: 0 42px; color: #333; line-height: 72px; display: block; height: 72px; line-height: 72px; position: relative; }

.sub-nav li a::before { content: ""; height: 100%; width: 0; left: 0; top: 0; background: #9caedd; position: absolute; transition: all 0.5s; }

.sub-nav li a span { position: relative; z-index: 2; }

.sub-nav li.cur a { color: #002fa7; }

.sub-nav li.cur a::before { width: 100%; }

.sub-nav li.cur::after, .sub-nav li:last-child::after { display: none; }

.sub-nav li a::after { content: ""; display: none; position: absolute; width: 60%; height: 2px; background: #002fa7; left: 50%; transform: translate(-50%, 0); bottom: 16px; }

.sub-nav li.cur a::after { display: block; }

.home { background: url("../images/home.png") no-repeat left center; font-size: 16px; font-family: "oppoR"; color: #666; padding-left: 24px; line-height: 19px; }

.home a { color: #666; }

.about1 { padding: 0px 0 90px 0; }

.about1 .title { width: 160px; text-align: center; }

.about1 .title em { font-style: normal; color: #666; font-size: 14px; font-family: "siyuanR"; text-transform: uppercase; padding-bottom: 10px; display: block; }

.about1 .title h3 { color: #333; font-size: 35px; font-family: "oppoB"; }

.about1 .we { width: 70%; }

.about1 .we p { color: #696969; font-size: 16px; line-height: 30px; }

.about1 .flex { background: url("../images/a-bg.png") no-repeat -100px bottom; padding: 100px 0 55px 0; }

.about1 .we .our { margin-bottom: 40px; }

.about1 .number ul { width: 100%; align-items: center; }

.about1 .number li.line { height: 85px; width: 1px; background: #ddd; }

.about1 .pic img { max-width: 100%; border-radius: 16px; }

.ny-title { text-align: center; }

.ny-title em { font-style: normal; color: #666; font-size: 12px; font-family: "siyuanR"; text-transform: uppercase; padding-bottom: 10px; display: block; }

.ny-title h3 { font-size: 35px; }

.about2 { background: #f7f8fa; padding: 88px 0 90px 0; position: relative; }

.about3 { padding: 88px 0 90px 0; }

.culture1 ul { display: flex; margin: 0 -15px; }

.culture1 li { width: calc(50% - 30px); margin: 0 15px; position: relative; }

.culture1 li .img img { width: 100%; height: 100%; object-fit: cover; }

.culture1 li .text1 { display: flex; justify-content: space-between; align-items: center; position: absolute; width: 88%; top: 0; height: 150px; left: 50%; transform: translate(-50%, 0); }

.culture1 li .text1 h4, .culture2 .name { font-size: 26px; font-family: "oppoM"; color: #fff; }

.culture1 li p { position: absolute; width: 88%; bottom: 42px; left: 50%; transform: translate(-50%, 0); font-size: 20px; font-family: "oppoR"; color: #fff; line-height: 38px; }

.culture1 { margin: 45px 0 35px 0; }

.culture2 { background-size: cover; background-repeat: no-repeat; height: 558px; overflow: hidden; display: flex; align-items: flex-end; flex-wrap: wrap; }

.culture2 .name { text-align: center; width: 100%; }

.culture2 .list { position: relative; height: 364px; width: 100%; }

.culture2 .circle { position: absolute; width: 2000px; height: 1500px; border: 1px dashed #fff; top: 40px; border-radius: 50%; left: -300px; }

.culture2 ul { display: flex; justify-content: center; }

.culture2 li { position: relative; z-index: 3; text-align: center; margin: 0 50px; }

.culture2 li .yuan { position: relative; width: 90px; height: 90px; margin: 0 auto; transition: all 0.5s; }

.culture2 li .yuan::after { content: ""; width: 90px; height: 90px; border-radius: 50%; background-color: #bcbcbc; display: block; position: absolute; left: 50%; transform: translate(-50%, 0); z-index: -1; }

.culture2 li h4 { font-size: 22px; font-family: "oppoM"; color: #fff; margin: 27px 0 19px 0; }

.culture2 li p { font-size: 15px; font-family: "oppoR"; color: #fff; }

.culture2 li .qq1 { background: url("../images/jz1.png") no-repeat center; }

.culture2 li .qq2 { background: url("../images/jz2.png") no-repeat center; }

.culture2 li .qq3 { background: url("../images/jz3.png") no-repeat center; }

.culture2 li .qq4 { background: url("../images/jz4.png") no-repeat center; }

.culture2 li .qq5 { background: url("../images/jz5.png") no-repeat center; }

.culture2 li:nth-child(1), .culture2 li:nth-child(5) { top: 86px; }

.culture2 li:nth-child(2), .culture2 li:nth-child(4) { top: 20px; }

.culture2 li:hover .qq1 { background: url("../images/jz01.png") no-repeat center; }

.culture2 li:hover .qq2 { background: url("../images/jz02.png") no-repeat center; }

.culture2 li:hover .qq3 { background: url("../images/jz03.png") no-repeat center; }

.culture2 li:hover .qq4 { background: url("../images/jz04.png") no-repeat center; }

.culture2 li:hover .qq5 { background: url("../images/jz05.png") no-repeat center; }

.culture2 li:hover .yuan::after { background: #fff; animation: scaleIn 0.5s ease forwards; }

.about2::before { content: ""; display: block; position: absolute; width: 100%; height: 1px; background: #d9d9d9; left: 0; top: 230px; }

.storySwiper { padding-top: 70px; }

.storySwiper .time { color: #002fa7; font-size: 36px; font-family: "siyuanB"; font-weight: bold; position: relative; width: 92px; padding-bottom: 16px; text-align: center; }

.storySwiper .time::before { content: ""; width: 92px; height: 3px; background: #002fa7; position: absolute; bottom: 0; left: 0; }

.storySwiper .things p { font-size: 20px; font-family: "oppoR"; color: #333; line-height: 32px; }

.storySwiper .things li { margin-top: 30px; }

.storySwiper .things { padding-top: 16px; }

.story { margin-top: 60px; }

.storySwiper .left { width: 45%; }

.storySwiper .right { width: 50%; }

.storySwiper .right img { max-width: 100%; }

.yearSwiper { padding-top: 20px; }

.yearSwiper .swiper-slide { color: #9f9f9f; font-size: 22px; font-family: "siyuanB"; font-weight: bold; text-align: center; padding-top: 28px; cursor: pointer; }

.yearSwiper .swiper-slide::before { content: ""; position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #a3a3a3; top: 0; left: 50%; transform: translate(-50%, 0); }

.yearSwiper .swiper-slide.swiper-slide-thumb-active::before { background: #002fa7; }

.yearSwiper .swiper-slide.swiper-slide-thumb-active { color: #002fa7; }

.swiper-button-prev-yy, .swiper-button-next-yy { width: 38px; height: 38px; top: -45px; }

.swiper-button-prev-yy { background: url("../images/left.png") no-repeat; left: -5%; }

.swiper-button-next-yy { background: url("../images/right.png") no-repeat; right: -5%; }

.scroll { position: relative; }

.advantage1, .honor1 { padding: 68px 0; }

.tab-adv { display: flex; justify-content: space-between; padding: 75px 0; }

.tab-adv .left { width: 44%; }

.tab-adv .right { width: 50%; padding-top: 5px; }

.tab-adv .left li { display: flex; justify-content: space-between; align-items: center; padding: 30px 0 29px 0; border-bottom: solid 1px #ebebeb; cursor: pointer; }

.tab-adv .left li .num1 { background: url("../images/num1.png") no-repeat left center; width: 135px; height: 68px; }

.tab-adv .left li .num2 { background: url("../images/num2.png") no-repeat left center; width: 135px; height: 68px; }

.tab-adv .left li .num3 { background: url("../images/num3.png") no-repeat left center; width: 135px; height: 68px; }

.tab-adv .left li .num4 { background: url("../images/num4.png") no-repeat left center; width: 135px; height: 68px; }

.tab-adv .left li:hover .num1, .tab-adv .left li.cur .num1 { background: url("../images/num01.png") no-repeat left center; }

.tab-adv .left li:hover .num2, .tab-adv .left li.cur .num2 { background: url("../images/num02.png") no-repeat left center; }

.tab-adv .left li:hover .num3, .tab-adv .left li.cur .num3 { background: url("../images/num03.png") no-repeat left center; }

.tab-adv .left li:hover .num4, .tab-adv .left li.cur .num4 { background: url("../images/num04.png") no-repeat left center; }

.tab-adv .left li .wz p { color: #666; font-family: "siyuanR"; line-height: 24px; font-size: 15px; }

.tab-adv .left li .tt { color: #333; font-size: 18px; font-family: "oppoB"; font-weight: 500; line-height: 28px; margin-bottom: 8px; }

.tab-adv .left li .txt { width: calc(100% - 135px); }

.tab-adv .show { display: none; }

.tab-adv .left li:hover .tt, .tab-adv .left li.cur .tt { color: #002fa7; }

.tab-adv .pic img { max-width: 100%; }

.tab-adv .text { background: #002fa7; padding: 32px 60px; position: relative; }

.tab-adv .text h4 { color: #fff; font-size: 20px; font-family: "oppoB"; font-weight: 500; line-height: 30px; }

.tab-adv .text p { color: #fff; font-family: "siyuanR"; line-height: 24px; font-size: 16px; position: relative; }

.tab-adv .text p::after { content: ""; width: 44px; height: 3px; background: #fff; display: block; margin-top: 22px; }

.tab-adv .left li:first-child { padding-top: 0; }

.tab-adv .text::before { content: ""; display: block; position: absolute; width: 29px; height: 17px; background: url("../images/sjx.png") no-repeat; left: 60px; top: -17px; }

.honor1 .swiper-pagination { width: 100%; text-align: center; bottom: 0; }

.honor1 .swiper-pagination span { width: 40px; height: 4px; margin: 0 4px; background: #eee; border-radius: 0; opacity: 1; }

.bookSwiper { padding-bottom: 40px; }

.honor1 .swiper-pagination span.swiper-pagination-bullet-active { background: #002fa7; }

.honor1 .left { background: #fafafa; width: 33%; padding: 42px 14px 42px 42px; height: 476px; }

.honor1 .right { width: 64.5%; height: 476px; }

.honor1 .flex { background: #fafafa; }

.honor1 .right img { height: 100%; width: 100%; object-fit: cover; }

.honor1 .name { color: #000; font-size: 30px; font-family: "oppoM"; }

.honor1 .books { padding: 45px 0; }

.honor1 dl dd { color: #333; font-size: 17px; font-family: "oppoR"; line-height: 28px; position: relative; padding-left: 20px; margin: 0 20px 10px 0; }

.honor1 dl dd::before { content: ""; display: block; position: absolute; width: 7px; height: 7px; background: #002fa7; border-radius: 50%; left: 0; top: 10px; }

.honor1 .much { height: 330px; margin-top: 32px; overflow-y: auto; }

.honor1 .much::-webkit-scrollbar, .pp-table::-webkit-scrollbar { width: 5px; height: 5px; border-radius: 5px; }

.honor1 .much::-webkit-scrollbar-track, .pp-table::-webkit-scrollbar-track { background: #e5e5e5; }

.honor1 .much::-webkit-scrollbar-thumb, .pp-table::-webkit-scrollbar-thumb { background: #002fa7; border-radius: 6px; }

.honor1 .much::-webkit-scrollbar-thumb:window-inactive, .pp-table::-webkit-scrollbar-thumb:window-inactive { background: #002fa7; border-radius: 6px; }

.contact1 { background: #f4f4f4; padding: 68px 0 90px 0; }

.contact1 .pic { margin-top: 46px; }

.contact1 .pic img { width: 100%; }

.contact1 .way_box { display: flex; justify-content: space-between; background: #fff; padding: 64px 7% 40px 7%; }

.contact1 .way_box .left { width: 40%; }

.contact1 .way_box .right { width: 45%; display: flex; flex-wrap: wrap; align-items: flex-end; }

.contact1 .way_box .cc-name { color: #333; font-size: 24px; font-family: "oppoB"; padding-bottom: 8px; }

.contact1 .way_box .cc-name span { display: block; color: #666; font-size: 14px; font-family: "siyuanR"; padding-top: 10px; }

.contact1 .lx-way li { display: flex; margin-top: 40px; }

.contact1 .way_box h5 { color: #333; font-size: 22px; font-family: "oppoM"; padding-bottom: 8px; }

.contact1 .way_box p { color: #666; font-size: 18px; font-family: "oppoR"; line-height: 26px; }

.contact1 .way_box .tb { width: 70px; }

.contact1 .way_box .wz { width: calc(100% - 70px); }

.contact1 .cars { width: 100%; }

.contact1 .cars ul { display: flex; justify-content: space-between; }

.contact1 .cars li { text-align: center; color: #666; font-size: 18px; width: 30%; }

.contact1 .cars li img { width: 100%; margin-bottom: 16px; max-width: 139px; }

.contact1 .lists ul { display: flex; justify-content: space-between; }

.contact1 .lists li { display: flex; width: 60%; justify-content: space-between; }

.contact1 .lists { width: 100%; }

.company { display: flex; margin: 38px -13px 0 -13px; }

.company .box1 { width: calc(50% - 26px); margin: 0 13px; background: #fff; }

.company .box1 .img img { width: 100%; height: 100%; object-fit: cover; }

.company .box1 .c-name { color: #333; font-size: 22px; font-family: "oppoR"; padding-bottom: 11px; }

.company .box1 .text { padding: 32px 50px; }

.company .box1 .text .ll { display: flex; margin-top: 6px; }

.company .box1 .text p { line-height: 28px; color: #333; font-size: 16px; font-family: "oppoR"; width: calc(100% - 32px); }

.company .box1 .text span { width: 32px; padding-top: 3px; }

.sorts-name { text-align: center; border-bottom: solid 1px #e0e0e0; padding-top: 45px; margin-bottom: 48px; }

.sorts-name ul { display: flex; justify-content: center; }

.sorts-name li a { color: #333; font-size: 20px; font-family: "oppoR"; display: block; margin: 0 18px; padding-bottom: 26px; position: relative; }

.customer1 { padding: 68px 0 90px 0; background: #f7f8fa; }

.sorts-name li a::before { content: ""; display: none; position: absolute; bottom: -1px; width: 100%; height: 2px; background: #002fa7; left: 0; }

.sorts-name li a.active, .sorts-name li a:hover { color: #002fa7; }

.sorts-name li a.active::before, .sorts-name li a:hover::before { display: block; }

.cust-list .shows { display: flex; margin: 0 -4px; flex-wrap: wrap; }

.cust-list .shows .item { width: calc(20% - 8px); margin: 8px 4px 0 4px; background: #fff; display: flex; align-items: center; justify-content: center; height: 164px; }

.cust-list .shows .item img { height: 108px; }

.web-menu { display: none; }

.project li { margin-top: 0; }

.project li .img { height: 262px; }

.project { margin-bottom: 62px; }

.pp-table table { border-collapse: collapse; border-spacing: 0; text-indent: 0; width: 100%; border-top: solid 1px #dcdcdc; border-left: solid 1px #dcdcdc; }

.pp-table th { color: #333; font-size: 18px; font-family: "oppoM"; padding: 18px 20px; border-bottom: solid 1px #dcdcdc; border-right: solid 1px #dcdcdc; line-height: 28px; }

.pp-table td { border-bottom: solid 1px #dcdcdc; border-right: solid 1px #dcdcdc; padding: 18px 20px; color: #333; font-size: 16px; font-family: "oppoM"; line-height: 28px; }

.pp-table td:nth-child(1), .pp-table td:nth-child(3) { text-align: center; }

.pp-table tr:nth-child(even) { background: #eee; }

.newsbox1 { background: #f7f8fa; padding: 68px 0 90px 0; }

.news-list { padding: 48px 0; }

.news-list li { display: flex; justify-content: space-between; background: #fff; align-items: center; margin-bottom: 36px; }

.news-list li .img { width: 38%; overflow: hidden; height: 328px; }

.news-list li .img a img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }

.news-list li .img:hover a img { transform: scale(1.1); }

.news-list li .text { width: 58%; padding-right: 4%; }

.news-list li .time { display: flex; justify-content: space-between; border-bottom: solid 1px #d5d5d5; align-items: center; margin-bottom: 15px; }

.news-list li .timepc { display: block; }

.news-list li .timeyd { display: none; }

.news-list li .time b { font-size: 48px; }

.news-list li .time span { color: #333; font-family: "siyuanR"; font-size: 16px; text-align: right; }

.news-list li .time span em { display: block; font-style: normal; padding-bottom: 6px; }

.news-list li h4 a { display: block; color: #333; font-size: 18px; font-family: "oppoB"; margin: 24px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.news-list li p a { display: block; color: #666; font-size: 14px; line-height: 26px; font-family: "oppoR"; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.news-list li .look { margin-top: 40px; }

.news-list li .look .animBtn { width: 148px; height: 44px; }

.news-list li h4 a:hover { color: #002fa7; }

.job-search { padding: 98px 0 72px 0; }

.job-search .job-form { height: 66px; background: #fff url("../images/s-btn.jpg") no-repeat 42px center; border-radius: 10px; padding-left: 64px; }

.job-search input { padding: 0 20px; height: 66px; width: calc(100% - 166px); border: none; background: none; color: #666; font-size: 16px; font-family: "oppoR"; }

.job-search button { width: 166px; height: 66px; border-radius: 0 10px 10px 0; background: #002fa7; color: #fff; font-size: 22px; font-family: "siyuanR"; }

.job ul { display: flex; margin: 0 -15px; flex-wrap: wrap; }

.job li.show .job-modal { display: flex; }

.job li:hover .need, .job li:hover .job-name h4, .job li:hover .job-name span, .job li:hover .text p, .job li:hover .job-name .right { color: #fff; }

.job li { width: calc(50% - 30px); margin: 0 15px 36px 15px; background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); padding: 35px 44px; }

.job li .text p { color: #666; font-size: 16px; line-height: 28px; font-family: "oppoR"; transition: all 0.5s; height: 80px; overflow: hidden; }

.job li .need { color: #333; font-family: "oppoM"; padding-bottom: 8px; transition: all 0.5s; }

.job li .job-name { display: flex; justify-content: space-between; border-bottom: 1px solid #ececec; position: relative; margin-bottom: 25px; transition: all 0.5s; }

.job li .job-name h4 { color: #333; font-family: "oppoB"; font-size: 24px; transition: all 0.5s; }

.job li .job-name span { display: block; color: #666; font-size: 16px; font-family: "oppoR"; padding: 20px 0 26px 0; transition: all 0.5s; }

.job li .job-name .right { color: #002fa7; font-family: "oppoB"; font-size: 22px; transition: all 0.5s; }

.job li .job-name::after { content: ""; display: block; position: absolute; width: 138px; height: 1px; background: #002fa7; left: 0; bottom: -1px; }

.job { margin: 48px 0 0 0; }

.job .see-more a { position: relative; display: flex; justify-content: center; align-items: center; width: 140px; height: 42px; border: 1px solid #dcdcdc; color: #666; text-align: center; text-decoration: none; text-transform: uppercase; overflow: hidden; letter-spacing: .08em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-size: 16px; font-family: "oppoR"; margin: 22px auto 0 auto; }

.job .see-more a:after { content: ""; position: absolute; background: #002fa7; height: 0%; left: 50%; top: 50%; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; width: 0%; border-radius: 50%; opacity: .5; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.job .see-more a:hover:after { height: 450%; width: 110%; opacity: 1; }

.job .see-more a:hover { color: #fff; border: solid 1px #002fa7; }

.job .see-more a span { display: block; position: relative; z-index: 2; }

.join2 { padding: 68px 0 80px 0; }

.join1 { padding: 0 0 80px 0; }

.job li:hover { background: url("../images/li-bg.jpg") no-repeat; background-size: cover; }

.job li:hover .need, .job li:hover .job-name h4, .job li:hover .job-name span, .job li:hover p, .job li:hover .job-name .right { color: #fff; }

.job li:hover .job-name::after { background: #fff; }

.zhaopin5 li { display: none; }

/* 只显示第1、2个 */
.zhaopin5 li:nth-child(1), .zhaopin5 li:nth-child(2) { display: block; }

#job-list-1.show-all li, #job-list-2.show-all li { display: block !important; }

/* 职位弹窗 */
.job-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 99999; align-items: center; justify-content: center; display: none; }

.job-modal.show { display: flex; }

.modal-box { background: #fff; width: 70%; overflow-y: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 70px 0; }

.modal-close { position: absolute; right: 8px; top: -2px; font-size: 44px; cursor: pointer; color: #666; }

.modal-close:hover { color: #000; }

.job-modal .bottom { background: #f3f3f3; padding: 20px 3%; margin: 40px 5% 0 5%; }

.job-modal .bottom .flex { align-items: center; }

.job-modal .bottom p { line-height: 24px; color: #000 !important; }

.job-modal .bottom a { width: 146px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-size: 16px; font-family: "oppoR"; background: #002fa7; display: block; }

.job-modal .name { display: flex; justify-content: space-between; color: #002fa7; font-size: 22px; font-family: "oppoM"; border-bottom: 1px solid #eee; padding: 0 5% 53px 5%; position: relative; }

.job-modal .name::before { content: ""; position: absolute; left: 5%; bottom: -1px; width: 104px; height: 1px; background: #002fa7; }

.job-modal .position { padding: 0 5%; overflow-y: auto; height: 40vh; margin: 30px 20px 0 0; }

.job-modal .position dl { margin-bottom: 30px; }

.job-modal .position dt { color: #333; font-size: 16px; font-family: "oppoM"; line-height: 30px; }

.job-modal .position dd p { color: #333; font-size: 15px; font-family: "oppoR"; line-height: 30px; }

.job-modal .position dd { position: relative; padding-left: 15px; }

.job-modal .position dd::before { content: ""; position: absolute; display: block; width: 6px; height: 6px; background: #002fa7; left: 0; top: 10px; border-radius: 50%; }

.job-modal .position::-webkit-scrollbar { width: 5px; height: 5px; border-radius: 5px; }

.job-modal .position::-webkit-scrollbar-track { background: #e5e5e5; }

.job-modal .position::-webkit-scrollbar-thumb { background: #002fa7; border-radius: 6px; }

.job-modal .position::-webkit-scrollbar-thumb:window-inactive { background: #002fa7; border-radius: 6px; }

body.modal-open { overflow: hidden !important; }

/*page*/
.page { text-align: center; margin-top: 40px; padding-bottom: 30px; }

.page a, .page span { margin: 0 3px; display: inline-block; padding: 10px 15px; background: #fff; color: #666; font-size: 16px; border: 1px solid #ededed; font-family: "oppoR"; }

.page a:hover { background: #002fa7; color: #fff; border: 1px solid #002fa7; }

.page .page_on, .page span.current { background: #002fa7; color: #fff; border: 1px solid #002fa7; }

.page span.disabled { color: #ccc; cursor: not-allowed; }

.detail { display: flex; justify-content: space-between; }

.detail .left { width: 45%; }

.detail .right { width: 50%; }

.detail .jj-title { font-family: "oppoM"; color: #333; font-size: 24px; }

.detail .tit { font-family: "oppoM"; color: #333; font-size: 20px; margin: 25px 0 26px 0; }

.detail .sorts { font-family: "oppoR"; color: #666; font-size: 16px; margin-bottom: 50px; }

.detail .content p { font-family: "oppoR"; color: #666; font-size: 16px; line-height: 30px; }

.detail .content div { font-family: "oppoR"; color: #666; font-size: 16px; line-height: 30px; }

.project-detail .case-intro-richtext { overflow-wrap: anywhere; }

.project-detail .case-intro-richtext img, .project-detail .case-intro-richtext video, .project-detail .case-intro-richtext iframe { max-width: 100%; height: auto; }

.project-detail .case-intro-richtext ul { padding-left: 1.5em; list-style: disc; }

.project-detail .case-intro-richtext ol { padding-left: 1.5em; list-style: decimal; }

.project-detail .case-intro-richtext li { line-height: 30px; }

.detail .content { border-top: solid 1px #d4d4d4; padding-top: 40px; }

.project-detail { padding: 65px 0 80px 0; }

.bigSwiper { margin-bottom: 15px; }

.bigSwiper .swiper-button-next, .bigSwiper .swiper-button-prev { width: 24px; height: 44px; }

.bigSwiper .swiper-button-next { right: 16px; background: url("../images/arrow_right.png") no-repeat; }

.bigSwiper .swiper-button-prev { left: 16px; background: url("../images/arrow_left.png") no-repeat; }

.bigSwiper img { width: 100%; height: 100%; object-fit: cover; }

.bigSwiper .swiper-slide { height: 370px; }

.smallSwiper .swiper-slide { height: 89px; border: solid 2px #fff; }

.smallSwiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }

.smallSwiper .swiper-slide-thumb-active { border: solid 2px #002fa7; }

.prod1, .project-Box { background-size: cover; background-repeat: no-repeat; padding: 78px 0; }

.prod2 { background-size: cover; background-repeat: no-repeat; padding: 80px 0; }

.prod2 p { text-align: center; font-family: "oppoM"; font-size: 23px; color: #fff; line-height: 54px; text-shadow: -1px 2px 8px rgba(0, 0, 0, 0.3); }

.clear { clear: both; }

.online li { margin: 0px 14px 26px 0; float: left; width: calc(33.33% - 22.66px); height: 60px; position: relative; margin-right: 34px; }

.online li em { display: block; position: absolute; left: 8px; color: red; top: 12px; font-style: normal; }

.online li:nth-child(3) { margin-right: 0; }

.online input { height: 60px; border: none; outline: none; width: 100%; color: #666; position: absolute; background: #f7f8fa; font-family: "oppoM"; font-size: 16px !important; padding: 0 22px; }

.online textarea { border: none; outline: none; background: #f7f8fa; width: 100%; color: #999; resize: none; height: 100%; position: absolute; padding: 24px 22px; }

.online li.li1 { width: 100%; margin-right: 0; height: 130px; float: none; clear: both; }

.online li.li2 { width: 100%; margin-right: 0; float: none; }

.online li.li3 button { width: 206px; background: url("../images/jbb.jpg") repeat-x; color: #fff; font-size: 16px; height: 60px; transition: all 0.3s; margin: 0 auto; font-family: "oppoM"; display: block; }

.online .yzm { position: relative; height: 100%; }

.online .yzm input { padding-right: 170px; }

.online .captcha-image { position: absolute; z-index: 2; top: 50%; right: 10px; width: 130px; height: 40px; object-fit: cover; cursor: pointer; transform: translateY(-50%); }

.product-inquiry-form button[disabled] { cursor: not-allowed; opacity: .65; }

.online li.li3 { width: 100%; border: none; float: none; margin: 0; }

.online input::placeholder, .online textarea::placeholder { font-family: "oppoM"; font-size: 16px !important; color: #666; }

.products { display: flex; justify-content: space-between; background: #fff; margin-top: 48px; }

.prod3 { background: #f8f8f8; padding: 68px 0; }

.online .title { text-align: center; color: #333; font-family: "oppoM"; padding-bottom: 68px; }

.online .title h3 { font-size: 36px; padding-bottom: 22px; }

.online .title p { font-size: 20px; }

.online { padding: 92px 0; }

body.product-inquiry-modal-open { overflow: hidden; }

.product-inquiry-modal { position: fixed; z-index: 10000; inset: 0; display: none; align-items: center; justify-content: center; padding: 24px; }

.product-inquiry-modal.is-open { display: flex; }

.product-inquiry-modal-backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .58); }

.product-inquiry-modal-dialog { position: relative; z-index: 1; width: 100%; max-width: 1335px; max-height: calc(100vh - 48px); overflow-y: auto; background: #fff; box-shadow: 0 18px 60px rgba(0, 0, 0, .24); }

.product-inquiry-modal-close { position: absolute; z-index: 2; top: 12px; right: 16px; width: 42px; height: 42px; padding: 0; border: 0; background: transparent; color: #333; font: 300 36px/42px Arial, sans-serif; cursor: pointer; }

.product-inquiry-modal .online { padding: 80px 46px 46px; background: #fff; }

.product-inquiry-modal .online .ys-cont1400 { width: auto; max-width: none; }

.product-inquiry-modal .online .title { padding-bottom: 50px; }

.product-inquiry-modal .online .title h3 { font-size: 30px; padding-bottom: 25px;}

@media (max-width: 767px) {
    .product-inquiry-modal { padding: 12px; }
    .product-inquiry-modal-dialog { max-height: calc(100vh - 24px); }
    .product-inquiry-modal-close { top: 5px; right: 8px; }
    .product-inquiry-modal .online { padding: 46px 18px 24px; }
    .product-inquiry-modal .online .title { padding-bottom: 22px; }
    .product-inquiry-modal .online .title h3 { font-size: 22px; }
}

.prod3 .pp-sorts { flex: 0 0 260px; width: 260px; min-width: 260px; background: #e9edf6; }

.prod3 .pp-sorts .cp-name { background: url("../images/tt-bg.jpg") no-repeat; height: 118px; display: flex; align-items: center; padding-left: 40px; color: #fff; font-family: "oppoM"; font-size: 28px; }

.prod3 .pp-sorts li { padding: 35px 20px 35px 40px; cursor: pointer; }

.prod3 .pp-sorts li a { color: #000; font-family: "oppoR"; font-size: 18px; display: block; position: relative; padding-left: 20px; }

.prod3 .pp-sorts li a::before { content: ""; display: block; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #c8c8c8; top: 5px; left: 0; }

.prod3 .pp-sorts li.cur { background: #fff; }

.prod3 .pp-sorts li.cur a { color: #002fa7; font-family: "oppoM"; }

.prod3 .pp-sorts li.cur a::before { background: #002fa7; }

.prod3 .pp-lists { flex: 1 1 0; width: auto; min-width: 0; margin: 0 32px; }

.prod3 .tabs-three { border-bottom: solid 1px #ececec; display: flex; justify-content: flex-end; padding-top: 10px; margin-bottom: 26px; }

.prod3 .tabs-three a { color: #333; font-family: "oppoM"; font-size: 20px; display: inline-block; margin-left: 0; padding: 0 28px; position: relative; line-height: 72px; }

.prod3 .tabs-three a::after { content: ""; display: none; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #002fa7; }

.prod3 .tabs-three a.move { color: #002fa7; }

.prod3 .tabs-three a.move:after { display: block; }

.prod3 .group { display: none; margin-bottom: 30px; }

.prod3 .group ul { display: flex; margin: 0 -13px; flex-wrap: wrap; }

.prod3 .group li { width: calc(33.33% - 26px); margin: 0 13px 26px 13px; border: solid 1px #ececec; position: relative; }

.prod3 .group li a .img { height: 275px; overflow: hidden; display: flex; justify-content: center; align-items: center; }

.prod3 .group li a .img img { height: 230px; transition: all 0.5s; }

.prod3 .group li a p { color: #333; font-size: 16px; font-family: "oppoR"; line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.prod3 .group li a .txt { margin: 0 30px; }

.prod3 .group li a h4 { color: #333; font-family: "oppoM"; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 17px; }

.prod3 .group li a .view-more { color: #666; font-size: 16px; font-family: "oppoR"; border-top: solid 1px #ececec; padding: 15px 0 24px 0; margin-top: 13px; }

.prod3 .group li::after { content: ""; position: absolute; bottom: 0; height: 3px; width: 0; background: #fff; transition: all 0.3s; }

.prod3 .group li:hover::after { background: #e8e8e8; width: 100%; }

.prod3 .group li:hover a h4, .prod3 .group li:hover a .view-more { color: #002fa7; }

.prod3 .group li:hover a .img img { transform: scale(1.1); }

.prod1 .box1 { border: solid 1px #eee; background: #fff; padding: 40px 12%; margin: 60px 0 22px 0; position: relative; box-shadow: 0 0 15px rgba(0, 0, 0, 0.03); }

.prod1 .box1 p { color: #333; font-size: 18px; font-family: "oppoR"; line-height: 38px; text-align: center; }

.prod1 .box1::before, .prod1 .box1::after { content: ""; display: block; position: absolute; width: 32px; height: 25px; }

.prod1 .box1::before { top: 25px; left: 7%; background: url("../images/hao1.png") no-repeat; }

.prod1 .box1::after { bottom: 25px; right: 7%; background: url("../images/hao2.png") no-repeat; }

.prod1 .box2 { display: flex; justify-content: space-between; background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.03); align-items: center; border: solid 1px #eee; }

.prod1 .box2 .left { width: 45%; }

.prod1 .box2 .left img { width: 100%; }

.prod1 .box2 .right { width: 55%; padding: 0 3%; }

.prod1 .box2 dt { color: #333; font-family: "oppoM"; font-size: 20px; }

.prod1 .box2 dd h5 { color: #333; font-family: "oppoM"; font-size: 18px; background: url("../images/dui.jpg") no-repeat left center; padding-left: 30px; line-height: 32px; margin-top: 30px; }

.prod1 .box2 dd p { color: #333; font-size: 18px; font-family: "oppoR"; line-height: 32px; }

.wokeBox { background-size: cover; background-repeat: no-repeat; padding: 80px 0 0 0; height: 530px; }

.wokeBox .ny-title { text-align: left; padding-bottom: 60px; }

.wokeBox .ny-title h3, .wokeBox .ny-title em { color: #FFF; }

.ny-title h3 i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #333; margin: 0 16px; position: relative; top: -8px; }

.wokeBox p { font-family: "oppoR"; font-size: 18px; color: #fff; line-height: 30px; }

.wokeBox .text { width: 80%; }

.serviceBox { padding: 78px 0; }

.serviceBoxyidongduan { display: none; }

.project-Box { padding-bottom: 100px; }

.project-anli { position: relative; margin-top: 65px; }

.project-anli .swiper-slide a { position: relative; border-bottom: 1px solid #b0b0b0; display: block; }

.project-anli .swiper-slide a .img { overflow: hidden; height: 262px; }

.project-anli .swiper-slide a .img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; }

.project-anli .swiper-slide a:hover .img img { transform: scale(1.1); }

.project-anli .swiper-slide a h4 { font-family: "siyuanR"; font-size: 18px; color: #333; margin-bottom: 18px; transition: all 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.project-anli .swiper-slide:hover a h4 { color: #002fa7; }

.project-anli .swiper-slide a p { font-family: "siyuanN"; font-size: 16px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.project-anli .swiper-slide a .text { padding: 23px 25px; }

.project-anli .swiper-slide a:hover a h4 { color: #002fa7; }

.project-anli .swiper-slide a::after { content: ""; position: absolute; width: 0; height: 1px; background: #002fa7; bottom: -1px; left: 0; transition: all 0.5s; }

.project-anli .swiper-slide a:hover::after { width: 100%; }

.project-anli .swiper-pagination { display: none; }

.swiper-button-prev-anli, .swiper-button-next-anli { width: 33px; height: 33px; top: 50%; transform: translate(0, -50%); }

.swiper-button-prev-anli { background: url("../images/qh-btn1.png") no-repeat; left: -60px; }

.swiper-button-next-anli { background: url("../images/qh-btn2.png") no-repeat; right: -60px; }

.swiper-button-prev-anli:hover { background: url("../images/qh-btn01.png") no-repeat; }

.swiper-button-next-anli:hover { background: url("../images/qh-btn02.png") no-repeat; }

.serviceBox .ser-nav { width: 70%; margin: 0 auto 50px auto; border-bottom: solid 1px #e0e0e0; text-align: center; padding-top: 20px; }

.serviceBox .ser-nav a { display: inline-block; color: #23262c; font-family: "oppoM"; font-size: 18px; margin: 0 40px; padding: 26px 0; position: relative; }

.serviceBox .ser-nav a::after { content: ""; display: none; position: absolute; width: 100%; height: 2px; bottom: -1px; background: #002fa7; left: 0; }

.serviceBox .ser-nav a.on::after, .serviceBox .ser-nav a:hover::after { display: block; }

.serviceBox .ser-nav a.on, .serviceBox .ser-nav a:hover { color: #002fa7; }

.serviceBox .swiper-slide { background: #f7f8fa; text-align: center; width: calc(17% - 18px); margin-right: 10px; }

.serviceBox .swiper-slide p { color: #666; font-size: 18px; font-family: "oppoR"; margin: 18px 20px 0 20px; line-height: 28px; height: 84px; }

.serviceBox .swiper-slide .tb { margin-top: 40px; }

.serviceBox .swiper-pagination { width: 100%; text-align: center; bottom: 20px; }

.serviceBox .swiper-pagination span { width: 40px; height: 2px; margin: 0 5px; background: #eee; border-radius: 0; opacity: 1; }

.serviceBox .swiper-pagination span.swiper-pagination-bullet-active { background: #002fa7; }

.yiSwiper, .erSwiper, .sanSwiper { padding-bottom: 60px; }

.ser-conts .ser-list { display: none; }

.prod1 .why { display: flex; justify-content: space-between; margin-top: 60px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.03); }

.prod1 .why .list-1 { width: calc(50% - 83px); background: #fff; }

.prod1 .why .list-2 { width: 166px; background: #f7fffd; }

.prod1 .why .list-3 { width: calc(50% - 83px); background: #fff; }

.prod1 .why .name-mc h4 { font-size: 22px; }

.prod1 .why .name-mc { justify-content: center; text-align: center; color: #666; font-family: "oppoM"; background: url("../images/jb-1.jpg") repeat-x; height: 102px; display: flex; align-items: center; flex-wrap: wrap; }

.prod1 .why .name-mc span { display: block; padding-top: 10px; width: 100%; }

.prod1 .why .name-mc.green { background: url("../images/pk.jpg") no-repeat; position: relative; }

.prod1 .why .name-mc.green::after { content: ""; display: block; position: absolute; bottom: -39px; left: 0; background: url("../images/pk2.jpg") no-repeat; height: 39px; width: 166px; }

.prod1 .why .name-mc.ls { background: url("../images/jb-2.jpg") repeat-x; color: #fff; }

.prod1 .why .list-2 dt { text-align: center; color: #019b51; font-family: "oppoB"; font-size: 20px; }

.prod1 .why dl { margin: 0 55px; position: relative; z-index: 1; border-bottom: 1px solid #e5e5e5; height: 180px; }

.prod1 .why .list-2 dl { margin: 0 22px; display: flex; align-items: center; justify-content: center; }

.prod1 .why dt { color: #666; font-family: "oppoB"; font-size: 20px; margin-bottom: 13px; padding-top: 35px; }

.prod1 .why dd p { color: #666; font-size: 16px; font-family: "oppoR"; line-height: 26px; }

.prod1 .why dd { margin-top: 2px; background: url("../images/cha.jpg") no-repeat left 5px; padding-left: 26px; }

.prod1 .why dl:last-child { border-bottom: none; }

.prod1 .why .list-2 dt { padding-top: 0; }

.prod1 .why .list-2 dl:first-child dt { padding-top: 50px; }

.prod1 .why .list-3 dd { background: url("../images/dui.jpg") no-repeat left 5px; padding-left: 33px; }

.energy1 { padding: 72px 0; }

.energy1 .choose { display: flex; margin-top: 64px; background: #f7f8fa; padding: 66px 4%; justify-content: space-between; align-items: center; }

.energy1 .choose .left { width: 51%; display: flex; flex-wrap: wrap; align-items: center; height: 336px; }

.energy1 .choose .left .txt { width: 100%; }

.energy1 .choose .right { width: 44%; height: 336px; }

.energy1 .choose .right img { width: 100%; height: 100%; object-fit: cover; }

.energy1 .choose h4 { color: #333; font-family: "oppoM"; font-size: 18px; margin-bottom: 8px; }

.energy1 .choose p { color: #666; font-size: 18px; font-family: "oppoR"; line-height: 30px; }

.energy2 { background-size: cover; background-repeat: no-repeat; padding: 80px 0; }

.energy2 p { text-align: center; font-family: "oppoM"; font-size: 28px; color: #fff; line-height: 54px; text-shadow: -1px 2px 8px rgba(0, 0, 0, 0.3); }

.serviceBox .service-lists { padding: 48px 0 8px 0; }

.service-lists ul { display: flex; justify-content: space-between; margin: 0 -7px; flex-wrap: wrap; }

.service-lists li { margin: 18px 7px 0 7px; width: calc(50% - 14px); background: #f7f8fa; position: relative; height: 270px; cursor: pointer; }

.service-lists li:hover { border: 1px solid #CCC; }

.service-lists .txt { padding: 60px 0 0 35px; width: 50%; position: relative; z-index: 2; }

.service-lists .txt .tit { display: flex; align-items: center; margin-bottom: 20px; }

.service-lists li h4 { color: #333; font-family: "oppoM"; font-size: 18px; }

.service-lists li .wz { color: #666; font-size: 16px; font-family: "oppoR"; line-height: 26px; padding-left: 44px; }

.service-lists .txt span { width: 44px; }

.service-lists .pic { position: absolute; top: 0; right: 0; }

.processBox { padding: 86px 0; }

.process { padding-top: 65px; }

.process ul { display: flex; flex-wrap: wrap; margin: 0 -32px; }

.process li { width: calc(16.66% - 64px); margin: 0 32px; background: #f7f8fa; text-align: center; padding: 28px 10px 18px 10px; }

.process li h4 { color: #333; font-size: 18px; font-family: "oppoR"; padding-top: 20px; }

.process li h4 span { display: block; color: #999; font-size: 12px; font-family: "oppoR"; padding: 4px 0 0 0; }

.process li .hao { color: #d2d2d2; font-size: 36px; font-family: "siyuanR"; padding-top: 20px; }

.process li .icons { width: 85px; height: 85px; margin: 0 auto; position: relative; }

.process li .icons::after { content: ""; display: block; width: 85px; height: 85px; border: solid 1px #bebebe; border-radius: 50%; position: absolute; left: 0; top: 0; transition: all 0.5s; }

.process li .icons .tb1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s; z-index: 2; }

.process li .icons .tb2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform: scale(0); transition: all 0.5s; }

.process li:hover .icons .tb2 { transform: translate(-50%, -50%) scale(1); z-index: 3; }

.process li:hover .icons .tb1 { transform: translate(-50%, -50%) scale(0); }

.process li:hover .icons::after { background: #002fa7; border: solid 1px #002fa7; }

.advantageBox .ys-lists { position: relative; }

.advantageBox .ys-lists li { position: absolute; display: flex; justify-content: space-between; width: 35%; transition: all 0.5s; }

.advantageBox .ys-lists li:hover h4 { font-weight: bold; cursor: pointer; }

.advantageBox .picture { margin-top: 70px; }

.advantageBox { background-size: cover; background-repeat: no-repeat; padding-top: 70px; }

.advantageBox .picture img { margin: 0 auto; display: block; }

.advantageBox li:nth-child(1) { top: 34px; left: 35px; }

.advantageBox li:nth-child(2) { bottom: 70px; width: 32%; left: -66px; }

.advantageBox li:nth-child(3) { right: 35px; top: 34px; }

.advantageBox li:nth-child(4) { right: 0; bottom: 70px; width: 32%; right: -66px; }

.advantageBox li .tb { width: 81px; height: 81px; background: #002fa7; border-radius: 50%; display: flex; align-items: center; justify-content: center; }

.advantageBox li .txt { width: calc(100% - 116px); }

.advantageBox li:nth-child(1) .txt, .advantageBox li:nth-child(2) .txt { text-align: right; }

.advantageBox li h4 { color: #333; font-size: 18px; font-family: "oppoM"; margin: 5px 0 12px 0; }

.advantageBox li p { color: #666; font-size: 18px; font-family: "oppoR"; line-height: 28px; }

.advantageBox li:hover { transform: translateY(-5px); }

.solution-tabs { display: flex; justify-content: space-between; margin-top: 60px; }

.solution-tabs .left { width: 28.5%; border-top: solid 1px #eee; }

.solution-tabs .left li { height: 113px; display: flex; align-items: center; border: solid 1px #eee; padding: 0 17px; background: #fff; cursor: pointer; border-top: none; }

.solution-tabs .left li p { color: #333; font-size: 16px; font-family: "oppoR"; line-height: 28px; }

.solution-tabs .right { width: calc(71.5% - 18px); border: solid 1px #eee; background: #fff; }

.solution-tabs .txtBox { display: none; padding: 0 36px; }

.solution-tabs .tit { color: #002fa7; font-size: 24px; font-family: "oppoB"; border-bottom: solid 1px #e5e5e5; line-height: 40px; padding: 28px 0 18px 0; text-align: center; }

.solution-tabs .box1 { display: flex; justify-content: space-between; padding-top: 34px; }

.solution-tabs .box1 .text { width: 48%; }

.solution-tabs .box1 .pic { width: 48%; }

.solution-tabs .box1 .pic img { width: 100%; }

.solution-tabs .box1 p { color: #333; font-size: 14px; font-family: "oppoR"; line-height: 28px; }

.solution-tabs .wz2 p span { display: inline-block; margin-right: 9px; position: relative; top: -2px; }

.solution-tabs .wz2 { margin-bottom: 30px; }

.solution-tabs .wz1 { margin-bottom: 30px; }

.solution-tabs .left li.cur p, .solution-tabs .left li:hover p { font-size: 18px; color: #fff; }

.solution-tabs .left li.cur, .solution-tabs .left li:hover { background: url("../images/jb-tbg.jpg") repeat-x; }

.coldBox4 { padding: 88px 0; }

.application { padding-top: 46px; }

.application ul { display: flex; flex-wrap: wrap; margin: 0 -9px; }

.application li { width: calc(25% - 18px); margin: 18px 9px 0 9px; position: relative; }

.application li .img { height: 200px; overflow: hidden; }

.application li img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }

.application li:hover img { transform: scale(1.1); }

.application li .txt { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; }

.application li h5 { color: #fff; font-size: 20px; font-family: "oppoM"; transition: all 0.3s; text-align: center; }

.application li h5 i { display: block; width: 46px; height: 2px; background: #fff; margin: 25px auto 0 auto; }

.application li::after { content: ""; position: absolute; width: 100%; height: 50%; left: 0; bottom: 0; z-index: 220; background: linear-gradient(to bottom, rgba(0, 47, 167, 0), rgba(0, 47, 167, 0.9)); opacity: 0; visibility: visible; transition: .3s; }

.application li:hover::after { opacity: 1; visibility: visible; }

.application li:hover h5 { font-size: 22px; }

.coldBox3, .coldBox2, .coldBox1 { padding: 88px 0; background-size: cover; background-repeat: no-repeat; }

.coldBox2 { padding: 86px 0; }

.coldBox2 .flex { justify-content: center; }

.coldBox2 h3 { color: #fff; font-size: 38px; font-family: "oppoB"; padding-bottom: 28px; white-space: nowrap; font-size-adjust: auto; /* 兼容浏览器缩放 */ -webkit-text-size-adjust: none; text-size-adjust: none; /* 更稳妥：自动缩小字体填满一行 */ font-size: clamp(12px, 2vw, 30px); }

.coldBox2 p { color: #fff; font-size: 18px; font-family: "oppoL"; line-height: 32px; }

.coldBox2 .text { text-align: center; width: 70%; }

.system-lists { position: relative; margin-top: 82px; display: flex; justify-content: space-between; }

.system-lists li { position: relative; }

.system-lists li .decs { width: 350px; }

.system-lists li .name { position: relative; display: flex; justify-content: flex-end; align-items: center; }

.system-lists li .name h4 { color: #002fa7; font-size: 18px; font-family: "oppoB"; }

.system-lists li .name em { display: block; position: absolute; font-family: "siyuanB"; font-size: 50px; color: rgba(0, 47, 167, 0.2); left: -3px; top: -18px; font-weight: bold; }

.system-lists li .name span { height: 1px; background: #002fa7; }

.system-lists li .decs { color: #333; font-size: 14px; font-family: "oppoR"; line-height: 24px; margin-top: 25px; height: 144px; }

.system-lists .box2 li .name { text-align: right; }

.system-lists .box2 li em { left: auto; right: 3px; }

.system-lists .box1 li:nth-child(3) { left: 75px; }

.system-lists .box2 li:nth-child(1), .system-lists .box2 li:nth-child(3) { right: 50px; }

.system-lists li::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #002fa7; position: absolute; right: 0; top: 37px; }

.system-lists .box2 li::after { right: auto; left: 0; }

.system-lists .box1 li:nth-child(1)::after { right: -81px; }

.system-lists .box1 li:nth-child(2)::after { right: -65px; }

.system-lists .box1 li:nth-child(3)::after { right: -50px; top: 38px; }

.system-lists .box2 li:nth-child(1)::after { left: -112px; }

.system-lists .box2 li:nth-child(2)::after { left: -65px; }

.system-lists .box2 li:nth-child(3)::after { left: -67px; top: 38px; }

.system-lists .box1 li:nth-child(1) { left: 80px; }

.system-lists .box1 li .name { justify-content: flex-start; }

.system-lists li .name span { position: absolute; top: 7px; }

.system-lists .box2 li:nth-child(1) span { left: -75px; width: 228px; }

.system-lists .box2 li:nth-child(2) span { left: -28px; width: 200px; }

.system-lists .box2 li:nth-child(3) span { left: -28px; width: 162px; }

.system-lists .box1 li:nth-child(1) span { right: -49px; width: 183px; }

.system-lists .box1 li:nth-child(2) span { right: -32px; width: 222px; }

.system-lists .box1 li:nth-child(3) span { right: -16px; width: 188px; }

.system-lists .box1 li .name::before { content: ""; position: absolute; top: 0; right: 0; width: 40px; height: 60px; border-top: 1px solid #002fa7; transform-origin: top right; transform: rotate(50deg); }

.system-lists .box1 li:nth-child(1) .name::before { right: -75px; top: 38px; }

.system-lists .box1 li:nth-child(2) .name::before { right: -58px; top: 38px; }

.system-lists .box1 li:nth-child(3) .name::before { right: -42px; top: 38px; }

.system-lists .box2 li .name::before { content: ""; position: absolute; top: 0; right: 0; width: 45px; height: 60px; border-top: 1px solid #002fa7; transform-origin: top right; transform: rotate(-46deg); }

.system-lists .box2 li:nth-child(1) .name::before { left: -120px; top: 7px; }

.system-lists .box2 li:nth-child(2) .name::before { left: -73px; top: 7px; }

.system-lists .box2 li:nth-child(3) .name::before { left: -73px; top: 7px; }

/* .system-lists .box1 li:nth-child(2){width: 340px;left: 20px;}
.system-lists .box1 li:nth-child(1) .name span{right: -95px}
.system-lists .box1 li:nth-child(2) .name span{right: -67px}
.system-lists .box1 li:nth-child(3) .name span{right: -54px}
.system-lists .box2 li:nth-child(1){right:80px;}
.system-lists .box2 li:nth-child(2){right: 20px;}
.system-lists .box2 li:nth-child(3){width: 340px;right: 68px;}
.system-lists .box2 li:nth-child(1) .name span{left: -100px}
.system-lists .box2 li:nth-child(2) .name span{left: -58px;}
.system-lists .box2 li:nth-child(3) .name span{left: -64px} */
.coldBox3 { padding-bottom: 36px; }

.round { position: relative; height: 508px; }

.round img { margin: 0 auto; display: block; }

.round .s-round { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 198px; height: 198px; border-radius: 50%; background: #002fa7; font-size: 24px; font-family: "oppoB"; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 100; }

.round .s-round::before { content: ""; width: 236px; height: 236px; border-radius: 50%; border: dotted 1px #6d92d5; position: absolute; }

.online, .sysBox { background-size: cover; background-repeat: no-repeat; }

.whitebg .ys-cont1400 { background: #fff; padding: 64px 0; }

.whitebg .form { margin: 0 55px; }

.coldBox2.font1 h3 { font-size: 28px; text-shadow: -1px 2px 8px rgba(0, 0, 0, 0.3); }

.jianjie { color: #666; font-size: 18px; font-family: "oppoR"; line-height: 30px; text-align: center; padding-top: 45px; }

.processBox { background-repeat: no-repeat; background-size: cover; }

.whitebg2 .process li { background: #fff; }

.center li:nth-child(1) { top: 50px; left: 18px; }

.center li:nth-child(3) { top: 50px; right: 18px; }

.center .picture { margin-top: 222px; padding: 0; }

.advantageBox .ys-lists li:nth-child(5) { display: block; width: 338px; left: 50%; text-align: center; transform: translate(-50%, 0); top: -150px; }

.advantageBox .ys-lists li:nth-child(5):hover { transform: translate(-50%, -5px); }

.advantageBox .ys-lists li:nth-child(5) .txt { width: 100%; }

.advantageBox .ys-lists li:nth-child(5) .tb { position: absolute; left: 50%; transform: translate(-50%, 0); bottom: -100px; }

.sysbox2 .box1 li:nth-child(1) span { width: 148px; }

.sysbox2 .box1 li:nth-child(2) span { width: 150px; }

.sysbox2 .box1 li:nth-child(3) span { width: 132px; }

.sysbox2 .box2 li:nth-child(1) span { width: 174px; }

.sysbox2 .box2 li:nth-child(2) span { width: 163px; }

.sysbox2 .box2 li:nth-child(3) span { width: 128px; }

.houseBox .box1 li:nth-child(1) span { width: 219px; }

.houseBox .box1 li:nth-child(3) span { width: 205px; }

.houseBox .box2 li:nth-child(1) span { width: 245px; }

.houseBox .box2 li:nth-child(3) span { width: 199px; }

.right-nav-mobile { display: none; flex: 0 0 auto; width: 60px; height: 100%; cursor: pointer; border-left: 1px solid #dedfe4; background: url("../images/icon_menu_white.png") center/18px auto no-repeat; }

.ishover .right-nav-mobile, .isfixed .right-nav-mobile, .search-active .right-nav-mobile { background-image: url("../images/icon_menu.png"); }

.menu-wrap { position: fixed; top: 60px; right: -100%; /* 重点：默认藏在右侧 */ width: 100%; height: calc(100vh - 60px); background: #fff; z-index: 9998; border-top: 1px solid #dedfe4; transition: all 0.3s ease; /* 平滑动画 */ }

/* 打开时滑入 */
.menu-wrap.show { right: 0; }

.menu-wrap .swiper { width: 100%; height: 100%; background: #fff; }

.menu-wrap .swiper-slide { width: 80%; height: 100%; overflow-y: auto; }

/* 一级菜单样式 */
.level1-item { height: 52px; line-height: 52px; padding: 0 20px; border-bottom: 1px solid #dedfe4; cursor: pointer; color: #333; font-size: 18px; font-family: "oppoR"; }

.level1-item.active { color: #002fa7; }

/* 二级菜单 */
.back-btn { height: 50px; line-height: 50px; padding-left: 15px; border-bottom: 1px solid #dedfe4; cursor: pointer; color: #fff; font-size: 16px; font-family: "oppoR"; background: #002fa7; }

.level2-item { height: 50px; line-height: 50px; padding: 0 20px; border-bottom: 1px solid #dedfe4; }

.level2-item a { color: #333; font-size: 18px; font-family: "oppoR"; }

#openBtn.close-mode { content: ""; background: url("../images/0b2_icon_01xh.png") no-repeat center; width: 60px; height: 100%; background-size: auto 20px; }

.section1 .box1 li .text1 .ico-2 { display: none; }

section.business { width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; }

.business-swiper { position: relative; width: 100vw; height: 100vh; z-index: 215; }

.business-swiper img { display: block; width: 100%; height: 100%; object-fit: cover; }

.business-list { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 260; background: rgba(0, 0, 0, 0.3); color: #fff; display: flex; align-items: stretch; }

.business-col { width: calc(100% / 3); flex: 0 0 auto; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; border-right: 1px solid rgba(255, 255, 255, 0.3); position: relative; top: 0; left: 0; padding-left: calc(7.292vw - 40px); padding-right: calc(7.292vw - 40px); }

.business-col::after { content: ""; position: absolute; width: 100%; height: 40%; left: 0; bottom: 0; z-index: 220; background: linear-gradient(to bottom, rgba(0, 47, 167, 0), rgba(0, 47, 167, 0.4)); opacity: 0; visibility: visible; transition: .3s; }

.business-col.active::after { opacity: 1; visibility: visible; }

.business-col:last-of-type { border-right: none; }

.business-col .icon-ctn { width: calc(80rem / 16); height: calc(80rem / 16); position: relative; }

.business-col .icon-ctn::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 280; transition: cubic-bezier(0, 0.7, 0.3, 1) 0.5s; border-radius: 50%; background: url(../images/business_circle.png) center/contain no-repeat; }

.business-col.active .icon-ctn::after { transform: rotate(720deg); }

.business-col .icon-ctn img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 50%; height: auto; margin: auto; z-index: 285; }

.business-col .title, .business-col .line, .business-col .desc, .business-col .btn-link { position: relative; z-index: 295; text-align: center; }

.business-col .title { font-weight: lighter; font-size: calc(34rem / 16); margin-top: calc(48rem / 16); margin-bottom: calc(20rem / 16); font-family: "oppoR"; transform: none; transition: cubic-bezier(0, 0.7, 0.3, 1) 0.3s; }

.business-col .line { background-color: #002fa7; height: 2px; width: 0; margin-bottom: 0; transition: cubic-bezier(0, 0.7, 0.3, 1) 0.3s; }

.business-col.active .line { width: calc(60rem / 16); margin-bottom: calc(24rem / 16); }

.business-col .desc { font-weight: lighter; font-size: calc(20rem / 16); height: 0; overflow: hidden; transition: cubic-bezier(0, 0.7, 0.3, 1) 0.3s; font-family: "oppoR"; }

.business-col .desc p { line-height: 40px; }

.business-col.active .desc { margin-bottom: calc(36rem / 16); height: 200px; }

/*.business-col .btn-link-ctn{
    height: 0;
    transition: cubic-bezier(0, .7, .3, 1) .3s;
    overflow: hidden;
}

.business-col .btn-link {
    width: calc(60rem / 16);
    height: calc(60rem / 16);
    border-radius: 50%;
    background: url("../images/icon_arr_right.svg") #f26521 center/calc(19rem / 16) auto no-repeat;
    display: block;
}

.business-col.active .btn-link-ctn {
    height: calc(60rem / 16);
}*/
.wap-name { display: none; position: relative; padding: 25px 0 12px 0; margin-bottom: 12px; border-bottom: solid 1px #e0e0e0; }

.icon { display: block; width: 100%; height: 100%; }

.wap-name i { width: 26px; height: 26px; border-radius: 100%; overflow: hidden; padding: 7px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: #003ea9; }

.sorts-name.in .wap-list { display: block; }

.wap-name h3 { line-height: 26px; text-align: left; }

.products .pp-sorts.in .wap-list { display: block; }

.article_cont { display: flex; padding-top: 64px; padding-bottom: 95px; }

.ar_title { border-bottom: 1px solid #E0E0E0; padding-bottom: 30px; margin-bottom: 30px; }

.ar_title h3 { color: #333; line-height: 1.4; font-size: 28px; font-family: "oppoB"; }

.ar_title .ar_time { padding-top: 16px; color: #666; font-size: 16px; font-weight: 400; line-height: 26px; font-family: "oppoR"; }

.article_cont .article_l { flex: 1; border-right: 1px solid #E0E0E0; margin-right: 60px; padding-right: 60px; }

.article_cont .article_r { width: 350px; }

.article_l .articlen p { color: #666; font-size: 16px; font-weight: 400; line-height: 32px; font-family: "oppoR"; }

.article_l .articlen div { color: #666; font-size: 16px; font-weight: 400; line-height: 32px; font-family: "oppoR"; }

.article_l .articlen p img { display: block; max-width: 100%; width: auto !important; height: auto !important; margin: 0 auto; }

.article_l .ar_label { padding-top: 24px; border-top: 1px solid #E0E0E0; }

.article_l .ar_label .label_t { color: var(--main-color); font-size: 16px; font-weight: 400; line-height: 26px; }

.article_l .ar_label .label_list { padding-top: 5px; }

.article_l .ar_label .label_list ul { margin-left: -5px; margin-right: -5px; }

.article_l .ar_label .label_list ul li { padding-top: 5px; padding-left: 5px; padding-right: 5px; float: left; }

.article_l .label_list a { display: inline-block; padding: 4px 12px; border-radius: 16px; background: #ECF3F9; color: #768DA0; font-size: 16px; font-weight: 400; line-height: 26px; }

.article_l .label_list a:hover { background-color: #0562AF; color: #fff; }

.article_r .up_ { padding: 24px; background: #f2f2f2; }

.article_r .up_ > a { display: inline-block; width: 100%; }

.article_r .up_ > a { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #dfdfdf; }

.article_r .up_ > a .n { padding-bottom: 16px; color: #666; font-size: 16px; font-weight: 400; line-height: 26px; font-family: "oppoR"; }

.article_r .up_ > a .t { color: #333; font-size: 16px; font-weight: 400; line-height: 28px; max-height: 56px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: "oppoR"; }

.article_r .up_ > a .up_time { display: inline-block; margin-top: 8px; color: #999; font-size: 14px; font-weight: 400; line-height: 26px; font-family: "oppoR"; }

.article_r .up_ > a:hover .t { font-weight: 600; color: #002fa7; }

.article_r .up_back { padding-top: 24px; }

.article_r .up_back a { padding: 16px 24px; display: flex; justify-content: center; align-items: center; background: #002fa7; color: #fff; font-size: 16px; font-weight: 400; line-height: 26px; font-family: "oppoR"; }

.article_r .up_back a img { margin-right: 12px; width: 18px; position: relative; top: 1px; }

.article_r .up_ > a:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

@keyframes scaleIn { 0% { transform: translate(-50%, 0) scale(0);
    opacity: 0; }
  100% { transform: translate(-50%, 0) scale(1);
    opacity: 1; } }

.site-search { display: block; position: fixed; width: 100%; height: 100%; right: 0; top: 97px; z-index: 10; visibility: hidden; overflow: hidden; transition: .5s; }

.search-active .site-search { visibility: visible; }

.search-back { height: 0; width: 100%; left: 0; top: 0; position: absolute; background-color: rgba(0, 0, 0, 0.5); z-index: 610; transition: 0.5s cubic-bezier(0, 0.7, 0.3, 1); display: none; }

.search-active .search-back { height: 100%; }

.search-box { width: calc(640rem / 16); height: calc(80rem / 16); padding-left: calc(30rem / 16); padding-right: calc(30rem / 16); display: flex; align-items: center; background-color: rgba(255, 255, 255, 0.8); position: absolute; right: 0; transform: translateX(100%); transition: cubic-bezier(0.7, 0, 0.3, 1) 0.3s; }

.search-active .search-box { transform: none; }

.search-box input { appearance: none; outline: none; line-height: calc(40rem / 16); display: block; width: calc(100% - 40rem / 16); padding-left: calc(20rem / 16); background-color: transparent; border: none; border-left: 2px solid #002fa7; }

.search-box button { width: calc(48rem / 16); height: calc(48rem / 16); border: none; cursor: pointer; position: relative; background-color: transparent; }

.search-box button::before { content: ""; width: 100%; height: 100%; background: url("../images/fdj.png") center/30px auto no-repeat; position: absolute; z-index: 825; left: 0; top: 0; transition: cubic-bezier(0, 0.7, 0.3, 1) 0.4s; }

.search-box button::after { content: ""; width: 100%; height: 100%; z-index: 100; transition: cubic-bezier(0, 0.7, 0.3, 1) 0.4s; background-color: #efefef; transform: scale(0.5); opacity: 0; position: absolute; left: 0; top: 0; will-change: transform; }

.search-box button:hover::after { transform: none; opacity: 1; }

.search-box input::placeholder { color: #333; }

.products .pp-lists .shows, .project-all .shows { display: none; }

.tabs-hangye .sorts-name li a.active { color: #333; }

.tabs-hangye .sorts-name li.active a { color: #002fa7; }

.tabs-hangye .sorts-name li a.active::before { display: none; }

.tabs-hangye .sorts-name li.active a::before { display: block; }

.hangye-name, .product-name, .hezuo-name { font-size: 18px; color: #333; text-align: center; padding-top: 20px; font-family: "oppoB"; display: none; }

.product-name, .hezuo-name { padding-bottom: 15px; }

.cust-list .lists { display: none; }

@media (max-width: 768px) { .section5 .title2 { top: 0px !important; }
  .news-list li .timepc { display: none; }
  .news-list li .timeyd { display: block; padding: 8px 0px; } }

@media (max-width: 576px) { .section5 .title2 { top: 0px !important; } }

.foot1 .f2 h3 { margin-bottom: 20px !important; }

.contact-form { display: grid; gap: 20px; }

.contact-form .tip-text { color: rgba(255, 255, 255, 0.8); margin-bottom: 10px; grid-column: 1 / -1; }

.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

.con-form-group { display: flex; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding: 0 10px; }

.textarea-group { align-items: flex-start; justify-content: flex-start; flex-direction: column; }

.con-form-group.full-width { grid-column: 1 / -1; }

.con-form-group .label-text { color: #fff; margin-right: 10px; font-size: 14px; font-weight: 500; text-wrap: nowrap; }

.con-form-group input, .con-form-group textarea { background: transparent; border: none; padding: 8px 0; color: #fff; font-size: 14px; outline: none; transition: border-color 0.3s; width: 100%; }

.con-form-group textarea { min-height: 90px; width: 100%; }

.con-form-group input:-webkit-autofill { box-shadow: 0 0 0 1000px transparent inset !important; -webkit-text-fill-color: #fff !important; }

.submit-btn { grid-column: 1 / -1; }

.submit-btn button { width: 100%; padding: 12px 20px; background-color: #1a3a8f; color: #fff; border: none; font-size: 16px; cursor: pointer; transition: background-color 0.3s; }

.submit-btn button:hover { background-color: #2450b8; }

.contact1 .way_box { display: flex; flex-direction: column; background: #fff; padding: 64px 7% 40px 7%; }

.contact1 .way_wrapper { display: flex; justify-content: space-between; }

.contact1 .way_wrapper .lx-way { width: 40%; }

.contact1 .way_wrapper .lx-way ul { height: 100%; display: flex; flex-direction: column; justify-content: space-between; }

@media (max-width: 768px) { .contact1 .way_wrapper { flex-direction: column; }
  .contact1 .way_wrapper .lx-way { width: 100%; } }

.in-prod { background-color: #f7f7f7; padding: 88px 0 70px 0; }

.product-category-nav { margin-top: 30px; background: #eaeaea; border-radius: 8px; padding: 20px; }

.product-category-nav .category-list { display: flex; justify-content: space-between; align-items: center; gap: 15px; }

.product-category-nav .category-item { flex: 1; display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: all 0.3s ease; padding: 10px; border-radius: 6px; }

.product-category-nav .category-item .category-icon { width: 80px; height: 80px; margin-bottom: 10px; }

.product-category-nav .category-item .category-icon img { width: 100%; height: 100%; object-fit: contain; }

.product-category-nav .category-item .category-name { font-size: 14px; color: #666; text-align: center; transition: color 0.3s ease; white-space: nowrap; }

/* 移动端横向滑动 */
@media (max-width: 768px) { .product-category-nav { margin-top: 20px; padding: 15px; border-radius: 6px; }
  .product-category-nav .category-list { justify-content: flex-start; overflow-x: auto; -webkit-overflow-scrolling: touch; gap: 12px; padding-bottom: 5px; }
  .product-category-nav .category-item { flex: 0 0 auto; min-width: 100px; padding: 12px 8px; }
  .product-category-nav .category-item .category-icon { width: 50px; height: 50px; }
  .product-category-nav .category-item .category-name { font-size: 12px; } }

.product_list {margin-top: 40px;display: flex; /* 左侧 2/5，右侧 3/5 */gap: 20px;}

/* 左侧大卡片 - 占据左侧区域 */
.product_large {width: 43%;grid-column: 1;}

.product_large .product_item {height: 100%;justify-content: flex-end;}

.product_large .pro_li1 {height: 100%;width: 100%;padding: 30px;}

/* 右侧容器 - 使用子 Grid */
.product_right { display: grid; grid-template-columns: 1fr 1fr; /* 右侧内部 2 列 */ gap: 20px; grid-column: 2; /* 第 2 列 */ }

/* 右侧小卡片样式调整 */
.product_item { width: 100%; margin: 0; border: solid 1px #ececec; position: relative; background: #fff; text-align: center; transition: all 0.3s ease; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.product_item:hover { box-shadow: 0 80px 120px rgba(0, 0, 0, 0.2); transform: translateY(-10px); }

.product_item:hover .pro_p1 { color: #002fa7; }

.pro_p1 {padding: 0 20px 20px;box-sizing: border-box;width: 100%;text-align: right;font-size: 22px;color: #222;font-weight: bold;}

.pro_li1 { overflow: hidden; width: 270px; height: 260px;}

.pro_li1 img { width: 100%; height: 100%; object-fit: contain; transition: all 0.3s ease; }

.pubhover4:hover { background: url(../images/pubhover4.png); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; background-color: #fff; }

@media (max-width: 768px) { .in-prod .product_list { grid-template-columns: 1fr; grid-template-rows: auto; gap: 20px; margin: 40px 0 0 0; }
  .in-prod .product_large { grid-column: 1; grid-row: auto; /* 移动端重置高度 */ }
  .in-prod .product_large .product_item { height: auto; /* 取消 100% 高度 */ }
  .in-prod .product_large .pro_li1 { height: 260px; }
  .in-prod .product_right { grid-column: 1; grid-template-columns: 1fr; }
  .in-prod .product_item { width: 100%; } }