@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.10);
}
.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.20);
}
.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, .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; justify-content: space-between; width: 110px; }
.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; margin: 0 30px 0 0px; }
.hd-lang a { color: #666; display:flex; align-items: center; height: 96px; }
.ys-hd-pc .hd-lang a .yy { display: block; 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; }
.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, .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, .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("../images/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, .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("../images/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 { }
.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: rgb(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: 45%; 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; }
.e_container-34 div.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 li, #job-list-2 li { }
#job-list-1 li:nth-child(n+5), #job-list-2 li:nth-child(n+5) {
}
#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-box2 { 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; }
.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; }
.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; }
#imgCode { position: absolute; right: 0; height: 60px; }
.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: 78px 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; }
.prod3 .pp-sorts { 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; }
.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 { width: calc(100% - 260px); 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: 56px; 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:rgb(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, .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, .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, .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, .7, .3, 1) .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, .7, .3, 1) .3s;
}
.business-col .line { background-color: #002fa7; height: 2px; width: 0; margin-bottom: 0;  transition: cubic-bezier(0, .7, .3, 1) .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, .7, .3, 1) .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, .5); z-index: 610;  transition: .5s cubic-bezier(0, .7, .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, .8); position: absolute; right: 0; transform: translateX(100%);  transition: cubic-bezier(.7, 0, .3, 1) .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, .7, .3, 1) .4s;
}
.search-box button::after {
 content: "";
 width: 100%;
 height: 100%;
 z-index: 100;
 transition: cubic-bezier(0, .7, .3, 1) .4s;
 background-color: #efefef;
 transform: scale(.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;}
}