/* 供应商页面（首页、关于我们、新闻列表、新闻详情、联系我们）的样式，由 build_php.py 从原站 style.css 提取：
   只保留这三页用到的规则并限定在 .vd 内；不再指定字体（统一用思源黑体 + Poppins）；
   电脑端字号 ×0.94，字号和间距尺寸都只在 1200–1920 宽的范围内随屏宽变化。 */
.vd .ovh{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vd .ovh2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.vd .imgH img{transition-duration:.6s;-ms-transition-duration:.6s;-moz-transition-duration:.6s;-webkit-transition-duration:.6s}
.vd .imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1)}
.vd .bold{font-weight:bold}
.vd .flexcen{display:flex;justify-content:center;align-items:center}
.vd .flexsta{display:flex;justify-content:flex-start;align-items:center}
.vd .flexend{display:flex;justify-content:flex-end;align-items:center}
.vd .flexbet{display:flex;justify-content:space-between;align-items:center}
.vd .index-banner{width:100%;position:relative}
.vd .index-banner .swiper-slide{overflow:hidden}
.vd .index-banner .img{width:100%;display:block;background:none no-repeat center;background-size:cover}
.vd .index-banner .img .wrap{position:relative;width:100%;height:clamp(449.5px,37.46vw,719.2px);color:#fff}
.vd .index-banner .img .textDiv .p1{font-size:clamp(41px,3.384vw,65px);font-weight:700}
.vd .index-banner .img .textDiv .p2{font-size:clamp(24px,1.974vw,38px);margin:clamp(12px,1vw,19.2px) 0 clamp(30px,2.5vw,48px);line-height:1.2}
.vd .index-banner .img .textDiv a.moreBtn{color:#fff}
.vd .index-banner .img .textDiv a.moreBtn span{width:clamp(28.8px,2.4vw,46.1px);height:clamp(28.8px,2.4vw,46.1px);border-radius:50%;border:1px solid #fff;margin-right:clamp(10.6px,0.885vw,17px)}
.vd .index-banner .img .textDiv a.moreBtn img{width:clamp(11.2px,0.9375vw,18px)}
.vd .index-banner .img .textDiv a.moreBtn:hover span{background:#fff}
.vd .index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:clamp(36px,3vw,57.6px);text-align:left;padding:0 clamp(68.4px,5.7vw,109.4px)}
.vd .index-banner .swiper-pagination-bullet{width:clamp(7.5px,0.625vw,12px);height:clamp(7.5px,0.625vw,12px);background:#f6f6f6;opacity:.5;position:relative;border-radius:50%}
.vd .index-banner .swiper-pagination-bullet-active{opacity:1;background:#fa5808}
.vd .index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 clamp(12px,1vw,19.2px) 0 0}
.vd .swiper-button-prev,.vd .swiper-button-next{background:none}
.vd .indexTitle{position:relative;line-height:1;color:#0c2963}
.vd .indexTitle.tc{text-align:center}
.vd .indexTitle.cfff{color:#fff}
.vd .indexTitle .line{width:clamp(45.6px,3.8vw,73px);height:clamp(1.9px,0.156vw,3px);background:#0c2963;margin-bottom:clamp(16.8px,1.4vw,26.9px)}
.vd .f90{font-size:clamp(53px,4.4062vw,85px)}
.vd .f80{font-size:clamp(47px,3.917vw,75px)}
.vd .f48{font-size:clamp(28px,2.35vw,45px)}
.vd .f40{font-size:clamp(23px,1.958vw,38px)}
.vd .f38{font-size:clamp(22px,1.8612vw,36px)}
.vd .f32{font-size:clamp(19px,1.5698vw,30px)}
.vd .f28{font-size:clamp(16px,1.3708vw,26px)}
.vd .f26{font-size:clamp(15px,1.2729vw,24px)}
.vd .f25{font-size:clamp(15px,1.222vw,23px)}
.vd .f24{font-size:clamp(14px,1.175vw,23px)}
.vd .f22{font-size:clamp(13px,1.0772vw,21px)}
.vd .f20{font-size:clamp(12px,0.94vw,18px)}
.vd .f18{font-size:clamp(12px,0.8812vw,17px)}
.vd a.imoreBtn{color:#444444}
.vd a.imoreBtn span{width:clamp(28.8px,2.4vw,46.1px);height:clamp(28.8px,2.4vw,46.1px);border-radius:50%;border:1px solid #fa5808;margin-right:clamp(10.6px,0.885vw,17px);background:url(../img/vendor/more.png) no-repeat center center/clamp(11.2px,0.9375vw,18px)}
.vd a.imoreBtn:hover{color:#fa5808}
.vd a.imoreBtn:hover span{background:url(../img/vendor/more_.png) #fa5808 no-repeat center center/clamp(11.2px,0.9375vw,18px)}
.vd .indexDiv1{padding:clamp(30px,2.5vw,48px) 0 clamp(48px,4vw,76.8px);overflow:hidden}
.vd .indexDiv1 .titleImg{width:clamp(441.6px,36.8vw,706.6px);margin:0 auto}
.vd .indexDiv1 .hdDiv{margin:clamp(56.2px,4.6875vw,90px) 0 clamp(66.2px,5.52vw,106px)}
.vd .indexDiv1 .hlDiv{width:70%}
.vd .indexDiv1 .hlDiv .title{color:#0d3c9b}
.vd .indexDiv1 .hlDiv .p{line-height:1.8;margin:clamp(12px,1vw,19.2px) 0 clamp(24px,2vw,38.4px)}
.vd .indexDiv1 .hrDiv{width:24.7%;position:relative}
.vd .indexDiv1 .hrDiv .year{text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#0d3c9b;font-weight:700;line-height:1.2}
.vd .indexDiv1 .bdDiv{display:grid;grid-template-rows:repeat(2, 1fr);height:clamp(540px,45vw,864px);transition:grid-template-columns .5s cubic-bezier(0, 0, 0, 1);gap:clamp(15px,1.25vw,24px);container-type:inline-size;grid-template-columns:var(--c1,3fr) var(--c2,3fr) var(--c3,4fr)}
.vd .indexDiv1 .bdDiv:has(.item:nth-child(1).hover){--c1:5fr;--c2:3fr;--c3:4fr}
.vd .indexDiv1 .bdDiv:has(.item:nth-child(2).hover){--c1:3fr;--c2:5fr;--c3:4fr}
.vd .indexDiv1 .bdDiv:has(.item:nth-child(3).hover){--c1:3fr;--c2:3fr;--c3:6fr}
.vd .indexDiv1 .bdDiv .item{flex:none;height:auto;max-height:none;min-height:0;overflow:hidden;transition:background-color .4s linear, color .4s linear;border-radius:clamp(12px,1vw,19.2px);background-color:#efefef;position:relative}
.vd .indexDiv1 .bdDiv .item:nth-child(1){grid-column:1;grid-row:1}
.vd .indexDiv1 .bdDiv .item:nth-child(2){grid-column:2;grid-row:1}
.vd .indexDiv1 .bdDiv .item:nth-child(3){grid-column:3;grid-row:1 / 3;height:100%;min-height:100%}
.vd .indexDiv1 .bdDiv .item:nth-child(4){grid-column:1 / 3;grid-row:2}
.vd .indexDiv1 .bdDiv .item .imgDiv{width:100%;height:100%}
.vd .indexDiv1 .bdDiv .item .imgDiv img{width:100%;height:100%;object-fit:cover}
.vd .indexDiv1 .bdDiv .item .textDiv{align-items:flex-start;bottom:clamp(24px,2vw,38.4px);display:flex;flex-direction:column;left:0;position:absolute;transform-origin:bottom left;color:#25456f;transition:all .5s;padding:0 clamp(24px,2vw,38.4px)}
.vd .indexDiv1 .bdDiv .item .textDiv .num,.vd .indexDiv1 .bdDiv .item .textDiv .title{font-weight:bold}
.vd .indexDiv1 .bdDiv .item .textDiv .p{margin:clamp(12px,1vw,19.2px) 0;display:none;font-weight:bold}
.vd .indexDiv1 .bdDiv .item .textDiv a.imoreBtn{display:none;color:#fff}
.vd .indexDiv1 .bdDiv .item .textDiv.with-text{border-radius:clamp(10px,0.833vw,16px);backdrop-filter:blur(50px);background:hsla(0, 0%, 100%, .62);padding:clamp(18px,1.5vw,28.8px);width:calc(100% - clamp(48px,4vw,76.8px));left:clamp(24px,2vw,38.4px)}
.vd .indexDiv1 .bdDiv .item .textDiv.with-text a.imoreBtn{color:#25456f}
.vd .indexDiv1 .bdDiv .item.hover .textDiv .p,.vd .indexDiv1 .bdDiv .item.hover .textDiv a{display:flex}
.vd .indexDiv1 .bdDiv .item.hover{background:#2f4999;color:#fff}
.vd .indexDiv1 .bdDiv .item.hover:not(:nth-child(3)) .textDiv{color:#fff}
.vd .dataDiv{margin-top:clamp(24px,2vw,38.4px)}
.vd .dataDiv .row{margin:0}
.vd .dataDiv .row>div{padding:0;position:relative;margin-top:clamp(36px,3vw,57.6px)}
.vd .dataDiv .row>div .conDiv{padding:0 clamp(42px,3.5vw,67.2px);height:100%;border-right:1px solid #c8c8c8;text-align:center}
.vd .dataDiv .row>div:nth-child(3) .conDiv,.vd .dataDiv .row>div:nth-child(5) .conDiv{border:0}
.vd .dataDiv .row>div .num{color:#25456f}
.vd .dataDiv .row>div .num span{font-weight:700}
.vd .dataDiv .row>div p{color:#777777}
.vd .indexDiv2{padding:clamp(60px,5vw,96px) 0;overflow:hidden}
.vd .indexDiv2 .hdDiv a.imoreBtn{color:#0c2963}
.vd .indexDiv2 .hdDiv a.imoreBtn:hover{color:#fa5808}
.vd .indexDiv2 .bdDiv{position:relative;margin-top:clamp(37.2px,3.1vw,59.5px);align-items:stretch}
.vd .indexDiv2 .bdDiv .blDiv{width:45.5%}
.vd .indexDiv2 .bdDiv .blDiv a{display:block;position:relative;height:100%;border-radius:clamp(10px,0.833vw,16px);overflow:hidden}
.vd .indexDiv2 .bdDiv .blDiv a .imgDiv{height:100%}
.vd .indexDiv2 .bdDiv .blDiv a .textDiv{position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(to top,#000a1e,rgba(0,0,0,0));height:50%;display:flex;align-items:flex-end;padding:clamp(18px,1.5vw,28.8px);color:#fff;font-weight:bold}
.vd .indexDiv2 .bdDiv .brDiv{width:46.16%}
.vd .indexDiv2 .bdDiv .brDiv .swiper-container{height:clamp(324px,27vw,518.4px);padding-right:clamp(38.8px,3.23vw,62px)}
.vd .indexDiv2 .bdDiv .brDiv a{display:block;padding:clamp(18px,1.5vw,28.8px) 0;border-bottom:1px solid #cbcbcb;color:#0c2963}
.vd .indexDiv2 .bdDiv .brDiv a .ah{margin-bottom:clamp(13.2px,1.1vw,21.1px)}
.vd .indexDiv2 .bdDiv .brDiv a .ah .date{color:#2e94bc}
.vd .indexDiv2 .bdDiv .brDiv a .ah .moreBtn img{margin-left:clamp(3.6px,0.3vw,5.8px)}
.vd .indexDiv2 .bdDiv .brDiv a .title{font-weight:bold}
.vd .indexDiv2 .bdDiv .brDiv a:hover{color:#2e94bc}
.vd .indexDiv2 .swiper-pagination-bullet{width:clamp(7.5px,0.625vw,12px);height:clamp(7.5px,0.625vw,12px);background:#bababa;opacity:1;position:relative;border-radius:50%}
.vd .indexDiv2 .swiper-pagination-bullet-active{opacity:1;background:#88ceeb}
.vd .indexDiv2 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:clamp(12px,1vw,19.2px) 0}
.vd .imgOver{position:relative}
.vd .imgOver .pic{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}
.vd .imgOver .pic img{width:100%;height:100%;object-fit:cover}
.vd .imgObj{position:relative}
.vd .imgObj .pic{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.vd .imgObj .pic img{max-width:100%;max-height:100%;object-fit:contain}
.vd .indexDiv3{padding:clamp(43.8px,3.65vw,70.1px) 0 clamp(37.2px,3.1vw,59.5px);overflow:hidden;position:relative}
.vd .indexDiv3 .bdDiv{align-items:stretch}
.vd .indexDiv3 .bdDiv .itemDiv{flex-direction:column;align-items:stretch}
.vd .indexDiv3 .bdDiv .itemDiv .ih{align-items:flex-start;flex:1}
.vd .indexDiv3 .bdDiv .itemDiv .ih .icon{width:clamp(37.2px,3.1vw,59.5px)}
.vd .indexDiv3 .bdDiv .itemDiv .ih .textDiv{width:calc(100% - clamp(61.2px,5.1vw,97.9px))}
.vd .indexDiv3 .bdDiv .itemDiv .ih .textDiv .tt{color:#0c2963;margin-bottom:clamp(15.6px,1.3vw,25px)}
.vd .indexDiv3 .bdDiv .itemDiv .ih .textDiv ul li{line-height:2}
.vd .indexDiv3 .bdDiv .itemDiv .ih .textDiv ul li span{color:#298fba;display:block}
.vd .indexDiv3 .bdDiv .itemDiv .ih .textDiv ul li p a{color:#011530}
.vd .indexDiv3 .bdDiv .itemDiv .ih .textDiv ul li p a:hover{color:#298fba}
.vd .indexDiv3 .bdDiv .itemDiv .ih .textDiv .p{color:#0c2963;line-height:1.8}
.vd .indexDiv3 .bdDiv .itemDiv a.imoreBtn{margin:0 0 0 auto}
.vd .indexDiv3 .blDiv{width:53.8%}
.vd .indexDiv3 .brDiv{width:40.4%;padding-left:clamp(43.8px,3.65vw,70.1px);border-left:1px solid #c8c8c8}
.vd .ny-banner{position:relative}
.vd .ny-banner .wrap{position:relative;height:clamp(375px,31.25vw,600px);color:#fff}
.vd .ny-banner .textDiv span{font-size:clamp(28px,2.35vw,45px)}
.vd .ny-banner1{position:relative}
.vd .ny-banner1 .wrap{position:relative;height:clamp(248.8px,20.73vw,398px);color:#fff}
.vd .ny-banner1 .textDiv span{font-size:clamp(28px,2.35vw,45px)}
.vd .innovateDiv .conDiv{position:relative}
.vd .innovateDiv .conDiv .rImg{position:relative;top:0;width:clamp(67.5px,5.625vw,108px);left:50%;transform:translateX(-50%)}
.vd .innovateDiv .conDiv .titleDiv{margin:0 0 0 auto;width:calc(50% - clamp(45.6px,3.8vw,73px));position:absolute;right:0;top:clamp(3.6px,0.3vw,5.8px)}
.vd .innovateDiv .conDiv .titleDiv p{color:#1e3a8e}
.vd .innovateDiv .conDiv ul{padding-top:0;background:url(../img/vendor/line.png) repeat-y top center/clamp(3.8px,0.3125vw,6px);margin-top:clamp(12px,1vw,19.2px);overflow:hidden}
.vd .innovateDiv .conDiv ul li{width:41.25%}
.vd .innovateDiv .conDiv ul li:nth-of-type(even){margin:0 0 0 auto;margin-top:-40%}
.vd .innovateDiv .conDiv ul li .imgDiv{padding-top:58.62%;border-radius:clamp(28.8px,2.4vw,46.1px) clamp(28.8px,2.4vw,46.1px) 0 clamp(28.8px,2.4vw,46.1px);overflow:hidden}
.vd .innovateDiv .conDiv ul li:nth-of-type(even) .imgDiv{border-radius:clamp(28.8px,2.4vw,46.1px) clamp(28.8px,2.4vw,46.1px) clamp(28.8px,2.4vw,46.1px) 0}
.vd .innovateDiv .conDiv ul li .textDiv{margin-top:clamp(24px,2vw,38.4px)}
.vd .innovateDiv .conDiv ul li .textDiv .title{color:#1e3a8e}
.vd .innovateDiv .conDiv ul li .textDiv .p{margin:clamp(14.4px,1.2vw,23px) 0 clamp(18px,1.5vw,28.8px);line-height:1.8;max-height:clamp(192px,16vw,307.2px);overflow-y:auto;padding-right:clamp(6px,0.5vw,9.6px)}
.vd .innovateDiv .conDiv ul li .textDiv .p::-webkit-scrollbar{width:clamp(3.1px,0.26vw,5px);height:0.26;background-color:#d3d3d3}
.vd .innovateDiv .conDiv ul li .textDiv .p::-webkit-scrollbar-track{border-radius:10px}
.vd .innovateDiv .conDiv ul li .textDiv .p::-webkit-scrollbar-thumb{border-radius:10px;background-color:#1e3a8e}
.vd .innovateDiv .conDiv ul li .btnDiv{flex-wrap:wrap}
.vd .innovateDiv .conDiv ul li .btnDiv .aDiv{min-width:clamp(124.8px,10.4vw,199.7px);text-align:center;color:#1e3a8e}
.vd .innovateDiv .conDiv ul li .btnDiv .aDiv:nth-child(1){margin-right:clamp(18px,1.5vw,28.8px)}
.vd .innovateDiv .conDiv ul li .btnDiv .aDiv a{background:linear-gradient(to right,#7bd0fb,#177df1);color:#fff;border-radius:clamp(24px,2vw,38.4px);padding:clamp(8.4px,0.7vw,13.4px) clamp(18px,1.5vw,28.8px);margin-bottom:clamp(12px,1vw,19.2px)}
.vd .innovateDiv .conDiv ul li .btnDiv p{margin-top:clamp(6px,0.5vw,9.6px)}
.vd .zygxDiv .hdDiv{border-bottom:1px solid #d3d3d3;margin-bottom:clamp(24px,2vw,38.4px)}
.vd .zygxDiv .hdDiv .title{color:#0c2963}
.vd .zygxDiv .hdDiv p{margin:clamp(12px,1vw,19.2px) 0 clamp(42px,3.5vw,67.2px);line-height:1.8}
.vd .contactDiv{padding:clamp(42px,3.5vw,67.2px) 0 clamp(96px,8vw,153.6px);overflow:hidden;position:relative}
.vd .contactDiv .hdDiv{position:relative;z-index:1;border-bottom:1px solid rgba(157,201,212,.8);padding-bottom:clamp(12px,1vw,19.2px)}
.vd .contactDiv .hdDiv .titleDiv{margin-bottom:clamp(37.2px,3.1vw,59.5px)}
.vd .contactDiv .hdDiv .row{margin:0 clamp(-15px,-0.78125vw,-9.4px)}
.vd .contactDiv .hdDiv .row>div{margin-bottom:clamp(24px,2vw,38.4px);padding:0 clamp(9.4px,0.78125vw,15px)}
.vd .contactDiv .hdDiv .row>div .conDiv{background:#f8f8f8;padding:clamp(31.2px,2.6vw,49.9px);border-radius:clamp(10px,0.83vw,15.9px);height:100%;flex-direction:column;align-items:self-start}
.vd .contactDiv .hdDiv .row>div .conDiv .ch{flex:1}
.vd .contactDiv .hdDiv .row>div .conDiv .tt{color:#25456f}
.vd .contactDiv .hdDiv .row>div .conDiv .p{margin:clamp(18px,1.5vw,28.8px) 0 clamp(30px,2.5vw,48px)}
.vd .contactDiv .bdDiv{position:relative;z-index:1}
.vd .contactDiv .bdDiv .row{margin:0 clamp(-19.2px,-1vw,-12px)}
.vd .contactDiv .bdDiv .row>div{margin-top:clamp(36px,3vw,57.6px);padding:0 clamp(12px,1vw,19.2px)}
.vd .contactDiv .bdDiv .row>div .conDiv{background:rgba(249,249,249,.85);padding:clamp(72px,6vw,115.2px) clamp(31.2px,2.6vw,49.9px);border-radius:clamp(10px,0.83vw,15.9px);height:100%;text-align:center}
.vd .contactDiv .bdDiv .row>div:nth-of-type(odd) .conDiv{background:rgba(236,248,254,.85)}
.vd .contactDiv .bdDiv .row>div .conDiv .iconDiv img{width:clamp(51.2px,4.27vw,82px)}
.vd .contactDiv .bdDiv .row>div .conDiv .tt{color:#298fba;margin:clamp(12px,1vw,19.2px) 0 clamp(7.2px,0.6vw,11.5px)}
.vd .contactDiv .bdDiv .row>div .conDiv p a{color:#011530;word-break:break-all}
.vd .contactDiv .bdDiv .row>div .conDiv p a:hover{color:#298fba}
.vd .contactDiv .lxbg{position:absolute;left:0;bottom:0;width:100%}
.vd .aboutDiv1{padding:clamp(104.4px,8.7vw,167px) 0 clamp(60px,5vw,96px);overflow:hidden;position:relative}
.vd .aboutDiv1 .rglImg{position:absolute;left:50%;top:clamp(47.5px,3.96vw,76px);width:clamp(720px,60vw,1152px);transform:translateX(-50%)}
.vd .aboutDiv1 .bdDiv .textDiv{margin-top:clamp(36px,3vw,57.6px);line-height:2}
.vd .aboutDiv2{padding:clamp(81.6px,6.8vw,130.6px) 0 clamp(72px,6vw,115.2px)}
.vd .aboutDiv2 .bdDiv .blDiv{width:23%}
.vd .aboutDiv2 .bdDiv .blDiv .p{margin:clamp(24px,2vw,38.4px) 0 clamp(36px,3vw,57.6px);line-height:2}
.vd .aboutDiv2 .bdDiv .brDiv{width:73%}
.vd .aboutDiv2 .bdDiv .brDiv .conDiv{text-align:center}
.vd .aboutDiv2 .bdDiv .brDiv .conDiv .imgDiv{padding-top:97.2%;border-radius:clamp(18px,1.5vw,28.8px) clamp(18px,1.5vw,28.8px) clamp(18px,1.5vw,28.8px) 0;overflow:hidden;margin-bottom:clamp(12px,1vw,19.2px)}
.vd .aboutDiv2 .btnDiv{margin:clamp(18.8px,1.5625vw,30px) 0}
.vd .aboutDiv2 .btnDiv .swiper-button-prev,.vd .aboutDiv2 .btnDiv .swiper-button-next{position:relative;width:clamp(30px,2.5vw,48px);height:clamp(30px,2.5vw,48px);top:initial;margin-top:initial;left:initial;right:initial}
.vd .aboutDiv2 .swiper-button-prev{left:auto;background:url(../img/vendor/left.png)  no-repeat center center/100%}
.vd .aboutDiv2 .swiper-button-next{right:auto;background:url(../img/vendor/right.png)  no-repeat center /100%}
.vd .aboutDiv2 .btnDiv .swiper-button-prev:hover{background:url(../img/vendor/left_.png) no-repeat center center/100%}
.vd .aboutDiv2 .btnDiv .swiper-button-next:hover{background:url(../img/vendor/right_.png) no-repeat center center/100%}
.vd .aboutDiv2 .btnDiv .swiper-pagination{position:relative;width:auto;margin:0 clamp(14.4px,1.2vw,23px);padding:0;bottom:0;color:#0c2963;font-size:clamp(12px,0.6862vw,13px)}
.vd .aboutDiv2 .btnDiv .swiper-pagination .swiper-pagination-current{font-size:clamp(12px,0.8812vw,17px)}
.vd .aboutDiv3{padding:clamp(48px,4vw,76.8px) 0 0;overflow:hidden}
.vd .aboutDiv3 .btnDiv .swiper-button-prev,.vd .aboutDiv3 .btnDiv .swiper-button-next{position:relative;width:clamp(30px,2.5vw,48px);height:clamp(30px,2.5vw,48px);top:initial;margin-top:initial;left:initial;right:initial}
.vd .aboutDiv3 .swiper-button-prev{left:auto;background:url(../img/vendor/left.png)  no-repeat center center/100%}
.vd .aboutDiv3 .swiper-button-next{right:auto;background:url(../img/vendor/right.png)  no-repeat center /100%;margin-left:clamp(12px,1vw,19.2px)}
.vd .aboutDiv3 .btnDiv .swiper-button-prev:hover{background:url(../img/vendor/left_.png) no-repeat center center/100%}
.vd .aboutDiv3 .btnDiv .swiper-button-next:hover{background:url(../img/vendor/right_.png) no-repeat center center/100%;margin-left:clamp(12px,1vw,19.2px)}
.vd .aboutDiv3 .bdDiv{position:relative;z-index:2;margin-top:clamp(24px,2vw,38.4px)}
.vd .aboutDiv3 .bdDiv .swiper-slide{height:initial;width:clamp(289.4px,24.12vw,463.1px)}
.vd .aboutDiv3 .bdDiv .conDiv{height:100%}
.vd .aboutDiv3 .bdDiv .conDiv .flexDiv{align-items:stretch;flex-direction:column-reverse;height:50%}
.vd .aboutDiv3 .bdDiv .swiper-slide:nth-of-type(odd) .conDiv{display:flex;flex-direction:column;align-items:flex-start}
.vd .aboutDiv3 .bdDiv .swiper-slide:nth-of-type(even) .conDiv{padding-top:65%;display:flex;flex-direction:column;align-items:flex-end}
.vd .aboutDiv3 .bdDiv .swiper-slide:nth-of-type(odd) .conDiv .flexDiv{height:calc(53% + clamp(0px,0vw,0px));width:100%}
.vd .aboutDiv3 .bdDiv .swiper-slide:nth-of-type(even) .conDiv .flexDiv{flex-direction:column}
.vd .aboutDiv3 .bdDiv .swiper-slide:nth-of-type(odd) .conDiv .imgDiv{margin-top:clamp(6px,0.5vw,9.6px)}
.vd .aboutDiv3 .bdDiv .swiper-slide:nth-of-type(even) .conDiv .imgDiv{margin-bottom:clamp(6px,0.5vw,9.6px)}
.vd .aboutDiv3 .bdDiv .textDiv{height:clamp(168px,14vw,268.8px);padding-left:clamp(36px,3vw,57.6px)}
.vd .aboutDiv3 .bdDiv .textDiv .year{margin-bottom:clamp(6px,0.5vw,9.6px);position:relative;color:#0c2963;line-height:1;font-weight:600}
.vd .aboutDiv3 .bdDiv .textDiv1 .year{margin-bottom:clamp(6px,0.5vw,9.6px);position:relative;color:#fa5808;line-height:1;font-weight:600}
.vd .aboutDiv3 .bdDiv .textDiv .p{height:clamp(144px,12vw,230.4px)}
.vd .aboutDiv3 .bdDiv .textDiv .p p{color:#444444;position:relative;padding-left:clamp(8.4px,0.7vw,13.4px)}
.vd .aboutDiv3 .bdDiv .textDiv .p p::before{content:"";width:clamp(2.8px,0.23vw,4.4px);height:clamp(2.8px,0.23vw,4.4px);background:#444;border-radius:50%;position:absolute;left:0;top:clamp(7.2px,0.6vw,11.5px)}
.vd .aboutDiv3 .bdDiv .swiper-slide  .textDiv1{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.vd .aboutDiv3 .bdDiv .swiper-slide  .textDiv1 .p{height:auto}
.vd .aboutDiv4{padding:clamp(48px,4vw,76.8px) 0 clamp(96px,8vw,153.6px);overflow:hidden}
.vd .aboutDiv4 .btnDiv .swiper-button-prev,.vd .aboutDiv4 .btnDiv .swiper-button-next{position:relative;width:clamp(30px,2.5vw,48px);height:clamp(30px,2.5vw,48px);top:initial;margin-top:initial;left:initial;right:initial}
.vd .aboutDiv4 .swiper-button-prev{left:auto;background:url(../img/vendor/left.png)  no-repeat center center/100%}
.vd .aboutDiv4 .swiper-button-next{right:auto;background:url(../img/vendor/right.png)  no-repeat center /100%;margin-left:clamp(12px,1vw,19.2px)}
.vd .aboutDiv4 .btnDiv .swiper-button-prev:hover{background:url(../img/vendor/left_.png) no-repeat center center/100%}
.vd .aboutDiv4 .btnDiv .swiper-button-next:hover{background:url(../img/vendor/right_.png) no-repeat center center/100%;margin-left:clamp(12px,1vw,19.2px)}
.vd .aboutDiv4 .bdDiv{margin-top:clamp(30px,2.5vw,48px)}
.vd .aboutDiv4 .bdDiv .swiper-container{height:clamp(288px,24vw,460.8px);margin:0 clamp(-19.2px,-1vw,-12px)}
.vd .aboutDiv4 .bdDiv .swiper-container .swiper-slide{padding:0 clamp(12px,1vw,19.2px);height:calc(50% - clamp(18px,1.5vw,28.8px))}
.vd .aboutDiv4 .bdDiv .swiper-container .swiper-slide .conDiv{background:#f7f7f7;padding:clamp(24px,2vw,38.4px) clamp(16.8px,1.4vw,26.9px);border-radius:clamp(7.5px,0.625vw,12px);height:100%}
.vd .aboutDiv4 .bdDiv .swiper-container .swiper-slide .conDiv .imgDiv{width:clamp(103.2px,8.6vw,165.1px);height:clamp(72px,6vw,115.2px);background:#fff}
.vd .aboutDiv4 .bdDiv .swiper-container .swiper-slide .conDiv .textDiv{width:clamp(181.2px,15.1vw,289.9px)}
.vd .newsDiv{padding:clamp(43.2px,3.6vw,69.1px) 0 clamp(60px,5vw,96px);overflow:hidden;background:#f9f9f9}
.vd .newsDiv .hdDiv .aDiv{margin:clamp(24px,2vw,38.4px) 0 clamp(36px,3vw,57.6px)}
.vd .newsDiv .hdDiv .aDiv .alDiv{width:37.65%}
.vd .newsDiv .hdDiv .aDiv .alDiv .imgDiv{border-radius:clamp(10px,0.833vw,16px);overflow:hidden;padding-top:68.75%;border:1px solid #d4d4d4}
.vd .newsDiv .hdDiv .aDiv .arDiv{width:54.9%;color:#0c2963}
.vd .newsDiv .hdDiv .aDiv .arDiv .title{margin:clamp(18px,1.5vw,28.8px) 0 clamp(48px,4vw,76.8px)}
.vd .newsDiv .bdDiv ul li{margin-bottom:clamp(12px,1vw,19.2px)}
.vd .newsDiv .bdDiv ul li a{overflow:hidden;color:#394854;padding:clamp(18px,1.5vw,28.8px) clamp(36px,3vw,57.6px) clamp(18px,1.5vw,28.8px) clamp(48px,4vw,76.8px);border:1px solid #e0e0e0;border-radius:clamp(6px,0.5vw,9.6px)}
.vd .newsDiv .bdDiv ul li a .date{height:clamp(60px,5vw,96px);display:flex;align-items:center;color:#0c2963;width:12.3%;border-right:1px solid #e6e6e6}
.vd .newsDiv .bdDiv ul li a .title{width:84%}
.vd .newsDiv .bdDiv ul li a .title p{width:calc(100% - clamp(120px,10vw,192px))}
.vd .newsDiv .bdDiv ul li a i{width:clamp(20.6px,1.72vw,33px);height:clamp(11.3px,0.94vw,18px);background:url(../img/vendor/go.png) no-repeat center center/100%}
.vd .newsDiv .bdDiv ul li a:hover{box-shadow:0px 0px clamp(12px,1vw,19.2px) rgba(0, 0, 0, .21)}
.vd .newsDiv .bdDiv ul li a:hover .title{color:#0c2963}
.vd .newsDiv .bdDiv ul li a:hover i{background:url(../img/vendor/go_.png) no-repeat center center/100%}
.vd .pageDiv{text-align:center;margin-top:clamp(37.5px,3.125vw,60px)}
.vd .pageDiv a,.vd .pageDiv span{display:inline-block;line-height:clamp(28.8px,2.4vw,46.1px);margin:0 clamp(1.2px,0.1vw,1.9px);color:#444;width:clamp(28.8px,2.4vw,46.1px);border-radius:50%;background:#e8e8e8}
.vd .pageDiv span,.vd .pageDiv a:hover{color:#fff;background:#ff6305}
.vd .nyHead{border-bottom:1px solid #dbdbdb;padding:clamp(12px,1vw,19.2px) 0}
.vd .nyHead .wrap{flex-wrap:wrap;max-width:100%}
.vd .breadcrumbDiv{color:#666666}
.vd .breadcrumbDiv>img{width:clamp(3.8px,0.3125vw,6px)}
.vd .breadcrumbDiv a img{display:block;width:clamp(10px,0.833vw,16px)}
.vd .breadcrumbDiv span{color:#666666}
.vd .breadcrumbDiv a{color:#666666}
.vd .breadcrumbDiv a:hover{color:#1e3a8e}
.vd .nyHead .backA{color:#444}
.vd .nyHead .backA img{margin-left:clamp(9.6px,0.8vw,15.4px);width:clamp(11.2px,0.9375vw,18px)}
.vd .nyHead .backA:hover{color:#fa5808}
.vd .newsDetailDiv{padding:clamp(48px,4vw,76.8px) 0;position:relative}
.vd .newsDetailDiv .hdDiv .title{color:#1e3a8e;line-height:1.4;text-align:center;margin-bottom:clamp(48px,4vw,76.8px)}
.vd .newsDetailDiv .bdDiv{padding:clamp(24px,2vw,38.4px) 0 clamp(37.5px,3.125vw,60px);border-bottom:1px solid #dbdbdb;border-top:1px solid #dbdbdb;line-height:2}
.vd .newsDetailDiv .bdDiv .backDiv{margin-top:clamp(46.8px,3.9vw,74.9px)}
.vd .newsDetailDiv .bdDiv .backDiv a{box-shadow:0px 0px clamp(12px,1vw,19.2px) rgba(97, 97, 97, .15)}
.vd .newsDetailDiv .otherPageDiv{padding-top:clamp(18px,1.5vw,28.8px);align-items:flex-start}
.vd .newsDetailDiv .otherPageDiv .olDiv{max-width:45%;color:#666666}
.vd .newsDetailDiv .otherPageDiv .olDiv a{color:#666666;line-height:2.4}
.vd .newsDetailDiv .otherPageDiv .olDiv a:hover{color:#1e3a8e}
.vd .newsDetailDiv .otherPageDiv .backA{color:#444}
.vd .newsDetailDiv .otherPageDiv  .backA img{margin-left:clamp(9.6px,0.8vw,15.4px);width:clamp(11.2px,0.9375vw,18px)}
.vd .newsDetailDiv .otherPageDiv  .backA:hover{color:#fa5808}
.vd .joinusDiv1 .bdDiv{margin-top:clamp(68.4px,5.7vw,109.4px)}
.vd .joinusDiv1 .bdDiv .imgDiv{position:absolute;left:0;top:clamp(-60px,-3.125vw,-37.5px);z-index:1;width:50%;border-radius:clamp(12px,1vw,19.2px);height:100%;overflow:hidden}
.vd .joinusDiv1 .bdDiv .imgDiv img{width:100%;height:100%;object-fit:cover}
.vd .joinusDiv1 .bdDiv .textDiv{width:56.7%;padding:clamp(37.5px,3.125vw,60px) 5.9% clamp(37.5px,3.125vw,60px) 12.6%;margin:0 0 0 auto;border-radius:clamp(12px,1vw,19.2px);overflow:hidden;color:#fff;min-height:clamp(281.2px,23.4375vw,450px)}
.vd .joinusDiv1 .bdDiv .textDiv .aDiv{flex-wrap:wrap;margin-bottom:clamp(18.8px,1.5625vw,30px)}
.vd .joinusDiv1 .bdDiv .textDiv .aDiv a{width:45%;max-width:clamp(168px,14vw,268.8px);height:clamp(28.8px,2.4vw,46.1px);border:1px solid #fff;border-radius:clamp(14.4px,1.2vw,23px);color:#fff;margin:0 clamp(10.6px,0.88vw,16.9px) clamp(12px,1vw,19.2px) 0}
.vd .joinusDiv1 .bdDiv .textDiv .aDiv a:last-child{margin-right:0}
.vd .joinusDiv1 .bdDiv .textDiv .aDiv a.on{background:#25456f;color:#fff;border-color:#25456f;font-weight:600}
.vd .joinusDiv1 .bdDiv .textDiv .tabsCon .p{line-height:1.8;display:none}
.vd .joinusDiv1 .bdDiv .textDiv .tabsCon .p.on{display:block}
.vd .joinusDiv2 .hdDiv{margin:clamp(24px,2vw,38.4px) 0}
.vd .joinusDiv2 .lunboDiv .swiper-container{overflow:initial}
.vd .joinusDiv2 .lunboDiv .conDiv{transition:all .5s;opacity:.25}
.vd .joinusDiv2 .lunboDiv .conDiv .imgDiv{padding-top:57.14%;overflow:hidden;border-radius:clamp(12px,1vw,19.2px)}
.vd .joinusDiv2 .lunboDiv .conDiv .textDiv{margin-top:clamp(18.8px,1.5625vw,30px);display:none}
.vd .joinusDiv2 .lunboDiv .conDiv .textDiv .tt{font-weight:600;color:#25456f;margin-bottom:clamp(12px,1vw,19.2px)}
.vd .joinusDiv2 .lunboDiv .swiper-slide-active .conDiv{transform:translateY(clamp(-49.9px,-2.6vw,-31.2px));opacity:1}
.vd .joinusDiv2 .lunboDiv .swiper-slide-active .conDiv .textDiv{display:block}
.vd .joinusDiv2 .bdDiv .rowDiv{margin:clamp(31.2px,2.6vw,49.9px) 0 0}
.vd .joinusDiv2 .bdDiv .rowDiv .row{margin:0 -5%}
.vd .joinusDiv2 .bdDiv .rowDiv .row>div{padding:0 5%}
.vd .joinusDiv2 .bdDiv .rowDiv .row>div .conDiv{text-align:center}
.vd .joinusDiv2 .bdDiv .rowDiv .row>div .conDiv .p{margin-top:clamp(18.8px,1.5625vw,30px)}
.vd .joinusDiv3 .bdDiv{margin-top:clamp(31.2px,2.6vw,49.9px);padding:clamp(116.2px,9.6875vw,186px) 0 clamp(64.3px,5.36vw,102.9px)}
.vd .joinusDiv3 .bdDiv .listDiv{position:relative}
.vd .joinusDiv3 .bdDiv .tabsCon{width:48.6%;margin:0 auto}
.vd .joinusDiv3 .bdDiv .tabsCon .ptDiv{padding-top:100%;position:relative}
.vd .joinusDiv3 .bdDiv .tabsCon .ptDiv .conDiv{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}
.vd .joinusDiv3 .bdDiv .tabsCon .ptDiv .conDiv .con{display:none;text-align:center}
.vd .joinusDiv3 .bdDiv .tabsCon .ptDiv .conDiv .con .icon img{height:clamp(73.7px,6.14583vw,118px)}
.vd .joinusDiv3 .bdDiv .tabsCon .ptDiv .conDiv .con.on{display:block}
.vd .joinusDiv3 .bdDiv .tabsCon .ptDiv .conDiv .tt{margin:clamp(18.8px,1.5625vw,30px) 0;font-weight:600}
.vd .joinusDiv3 .bdDiv .tabsCon .ptDiv .conDiv .p{color:#777;line-height:1.7}
.vd .joinusDiv3 .bdDiv ul li{position:absolute;width:clamp(124.8px,10.4vw,199.7px);height:clamp(33.6px,2.8vw,53.8px);background:#fff;box-shadow:0px 0px 21px rgba(119, 86, 116, .13);border-radius:clamp(17.5px,1.4583vw,28px);font-weight:600;cursor:pointer}
.vd .joinusDiv3 .bdDiv ul li:nth-child(1){left:50%;top:clamp(-102.9px,-5.36vw,-64.3px);transform:translateX(-50%)}
.vd .joinusDiv3 .bdDiv ul li:nth-child(2){right:4.5%;top:13.8%}
.vd .joinusDiv3 .bdDiv ul li:nth-child(3){right:4.5%;bottom:28%}
.vd .joinusDiv3 .bdDiv ul li:nth-child(4){left:4.5%;bottom:28%}
.vd .joinusDiv3 .bdDiv ul li:nth-child(5){left:4.5%;top:13.8%}
.vd .joinusDiv3 .bdDiv ul li.on{background:#25456f;color:#fff;border-color:#25456f}
.vd .joinusDiv4 .hdDiv{margin:clamp(24px,2vw,38.4px) 0 clamp(18.8px,1.5625vw,30px);flex-wrap:wrap}
.vd .joinusDiv4 .hdDiv .hlDiv a{width:clamp(112.5px,9.375vw,180px);height:clamp(30px,2.5vw,48px);border-radius:clamp(14.4px,1.2vw,23px);background:#fff;margin:clamp(12px,1vw,19.2px) clamp(10.6px,0.88vw,16.9px) clamp(12px,1vw,19.2px) 0;color:#444}
.vd .joinusDiv4 .hdDiv .hlDiv a:last-child{margin-right:0}
.vd .joinusDiv4 .hdDiv .hlDiv a.on{background:#25456f;color:#fff;font-weight:600}
.vd .joinusDiv4 .hdDiv .hrDiv .selectDiv{margin:clamp(12px,1vw,19.2px) 0}
.vd .joinusDiv4 .hdDiv .hrDiv .selectDiv select{width:100%;height:clamp(30px,2.5vw,48px);border:0;border-radius:clamp(15px,1.25vw,24px);padding:0 clamp(15px,1.25vw,24px);color:#9b9b9b;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right:clamp(8.7px,0.729vw,14px);background:url(../img/vendor/xl.png) #fff no-repeat right clamp(16.2px,1.35vw,25.9px) center/clamp(8.8px,0.73vw,14px)}
.vd .joinusDiv4 .hdDiv .hrDiv .selectDiv select:focus{outline:none;color:#444}
.vd .joinusDiv4 .hdDiv .hrDiv .selectDiv:nth-child(1){width:clamp(181.2px,15.1vw,289.9px)}
.vd .joinusDiv4 .hdDiv .hrDiv .selectDiv:last-child{width:clamp(212.4px,17.7vw,339.8px);margin-left:clamp(15.6px,1.3vw,25px)}
.vd .joinusDiv4 .bdDiv ul li{margin-top:clamp(12px,1vw,19.2px);border:1px solid #cecece;border-radius:clamp(8.7px,0.729vw,14px);background:#fff;padding:clamp(24px,2vw,38.4px) clamp(30px,2.5vw,48px)}
.vd .joinusDiv4 .bdDiv ul li .hd{cursor:pointer}
.vd .joinusDiv4 .bdDiv ul li .hd .titleDiv{border-bottom:1px solid #cecece;padding-bottom:clamp(12px,1vw,19.2px);margin-bottom:clamp(15.6px,1.3vw,25px)}
.vd .joinusDiv4 .bdDiv ul li .hd .titleDiv .tt{font-weight:600;color:#3e174d}
.vd .joinusDiv4 .bdDiv ul li .hd .titleDiv i{display:block;width:clamp(11.2px,0.9375vw,18px);height:clamp(11.2px,0.9375vw,18px);background:url(../img/vendor/jia.png) no-repeat center center/100%}
.vd .joinusDiv4 .bdDiv ul li.on .hd .titleDiv i{background:url(../img/vendor/jian.png) no-repeat center center/100%}
.vd .joinusDiv4 .bdDiv ul li .hd .itemDiv{flex-wrap:wrap}
.vd .joinusDiv4 .bdDiv ul li .hd .itemDiv div{width:33.3%;margin-bottom:5px}
.vd .joinusDiv4 .bdDiv ul li .bd{padding:clamp(15.6px,1.3vw,25px) 0;border-top:1px solid #cecece;line-height:1.8;display:none;margin-top:clamp(12px,1vw,19.2px)}
.vd .joinusDiv4 .bdDiv ul li .bd p a{color:#9c69d6}
@media (max-width:991px){
  .vd .main{position:relative;right:0;transition:right 300ms !important}
  .vd .f90{font-size:50px}
  .vd .f80{font-size:40px}
  .vd .f48{font-size:30px}
  .vd .f40{font-size:28px}
  .vd .f38{font-size:27px}
  .vd .f32{font-size:24px}
  .vd .f28{font-size:22px}
  .vd .f26{font-size:21px}
  .vd .f24{font-size:20px}
  .vd .f22{font-size:19px}
  .vd .f20{font-size:18px}
  .vd .f18{font-size:16px}
  .vd .indexTitle span{font-size:26px}
  .vd .indexTitle p{font-size:30px}
  .vd .index-banner .swiper-container-horizontal>.swiper-pagination-bullets{padding:0 30px}
  .vd .indexDiv1 .bdDiv{height:600px}
  .vd .indexDiv2 .bdDiv .brDiv .swiper-container{height:350px}
  .vd .innovateDiv .conDiv ul li:nth-of-type(even){margin-top:-50%}
  .vd .innovateDiv .conDiv ul li:nth-of-type(even){margin-top:-40%}
  .vd .innovateDiv .conDiv ul li .textDiv .p{margin:10px 0 30px}
  .vd .innovateDiv .conDiv ul li .btnDiv .aDiv a{border-radius:20px;padding:5px 20px}
  .vd .contactDiv .bdDiv .row>div .conDiv .iconDiv img{width:60px}
  .vd .aboutDiv2 .bdDiv .blDiv .p{font-size:15px}
  .vd .aboutDiv3 .bdDiv .textDiv{padding-left:30px;height:200px}
  .vd .aboutDiv3 .bdDiv .textDiv .p{height:150px}
  .vd .aboutDiv3 .bdDiv .swiper-slide{width:386px}
  .vd .aboutDiv3 .bdDiv .swiper-slide:nth-of-type(odd) .conDiv .flexDiv{height:calc(56% + 0vw)}
  .vd .aboutDiv2 .btnDiv .swiper-button-prev,.vd .aboutDiv2 .btnDiv .swiper-button-next{width:30px;height:30px}
  .vd .aboutDiv2 .btnDiv .swiper-pagination{font-size:12px;margin:0 15px}
  .vd .aboutDiv2 .btnDiv .swiper-pagination .swiper-pagination-current{font-size:15px}
  .vd .aboutDiv3 .btnDiv .swiper-button-prev,.vd .aboutDiv3 .btnDiv .swiper-button-next{width:30px;height:30px}
  .vd .aboutDiv3 .swiper-button-next{margin-left:10px}
  .vd .aboutDiv4 .btnDiv .swiper-button-prev,.vd .aboutDiv4 .btnDiv .swiper-button-next{width:30px;height:30px}
  .vd .aboutDiv4 .swiper-button-next{margin-left:10px}
  .vd .aboutDiv3 .bdDiv .textDiv .p p{padding-left:13px}
  .vd .aboutDiv3 .bdDiv .textDiv .p p::before{width:4px;height:4px;top:12px}
  .vd .newsDiv .bdDiv ul li a .date{width:20%}
  .vd .newsDiv .bdDiv ul li a .title{width:75%}
  .vd .pageDiv a,.vd .pageDiv span{width:30px;line-height:30px}
  .vd .joinusDiv1 .bdDiv .textDiv .aDiv a{height:38px;max-width:180px;border-radius:24px;margin-right:15px}
  .vd .joinusDiv3 .bdDiv .tabsCon .ptDiv .conDiv .p{font-size:18px}
}
@media (max-width:767px){
  .vd .f90{font-size:34px}
  .vd .f80{font-size:30px}
  .vd .f48{font-size:24px}
  .vd .f40{font-size:22px}
  .vd .f38{font-size:21px}
  .vd .f32{font-size:20px}
  .vd .f28{font-size:19px}
  .vd .f26{font-size:19px}
  .vd .f25{font-size:18px}
  .vd .f24{font-size:18px}
  .vd .f22{font-size:17px}
  .vd .f20{font-size:17px}
  .vd .f18{font-size:16px}
  .vd .indexTitle span{font-size:20px}
  .vd .indexTitle p{font-size:24px}
  .vd .index-banner .img .wrap{height:75vw}
  .vd .index-banner .swiper-pagination-bullet{width:8px;height:8px}
  .vd .index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:15px;padding:0 15px}
  .vd .index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px 0 0}
  .vd .index-banner .img .textDiv .p1{font-size:18px}
  .vd .index-banner .img .textDiv .p2{font-size:14px;margin:10px 0 20px}
  .vd .index-banner .img .textDiv a.moreBtn span{width:26px;height:26px;margin-right:5px}
  .vd .index-banner .img .textDiv a.moreBtn img{width:10px}
  .vd a.imoreBtn span{width:30px;height:30px;margin-right:7px;background-size:12px!important}
  .vd .indexDiv1{padding:50px 0}
  .vd .indexDiv1 .titleImg{width:80vw}
  .vd .indexDiv1 .hdDiv{display:block;margin:40px 0}
  .vd .indexDiv1 .hlDiv{width:100%}
  .vd .indexDiv1 .hlDiv .p{margin:20px 0}
  .vd .indexDiv1 .hrDiv{width:70%;margin:40px auto 0;display:none}
  .vd .indexDiv1 .bdDiv{height:auto;display:flex;flex-wrap:wrap;gap:15px}
  .vd .indexDiv1 .bdDiv .item{flex:initial;width:100%;height:70vw;border-radius:15px}
  .vd .indexDiv1 .bdDiv .item .textDiv{bottom:20px;padding:0 20px}
  .vd .indexDiv1 .bdDiv .item .textDiv .p{display:block;margin:10px 0}
  .vd .indexDiv1 .bdDiv .item .textDiv a.imoreBtn{display:flex;color:#0c2963}
  .vd .indexDiv1 .bdDiv .item .textDiv.with-text{width:calc(100% - 40px);padding:20px;border-radius:15px;left:20px}
  .vd .indexDiv1 .bdDiv .item:nth-child(3){height:100vw}
  .vd .indexDiv1 .bdDiv .item:hover .textDiv a.imoreBtn{color:#fff}
  .vd .dataDiv .row>div .conDiv{padding:0 15px;border-right:0}
  .vd .dataDiv .row>div .p{font-size:15px}
  .vd .indexDiv2{padding:50px 0}
  .vd .indexDiv2 .bdDiv{display:block;margin-top:30px}
  .vd .indexDiv2 .bdDiv .blDiv{width:100%}
  .vd .indexDiv2 .bdDiv .blDiv a{border-radius:15px}
  .vd .indexDiv2 .bdDiv .blDiv a .imgDiv{height:60vw}
  .vd .indexDiv2 .bdDiv .blDiv a .textDiv{padding:15px}
  .vd .indexDiv2 .bdDiv .brDiv{width:100%;margin-top:40px}
  .vd .indexDiv2 .bdDiv .brDiv a{padding:20px 0}
  .vd .indexDiv2 .bdDiv .brDiv .swiper-container{padding-right:35px}
  .vd .indexDiv2 .swiper-pagination-bullet{width:6px;height:6px}
  .vd .indexDiv2 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:10px 0}
  .vd .indexDiv3{padding:50px 0}
  .vd .indexDiv3 .bdDiv{display:block}
  .vd .indexDiv3 .bdDiv .blDiv{width:100%}
  .vd .indexDiv3 .bdDiv .brDiv{width:100%;border:0;padding-left:0;margin-top:30px}
  .vd .indexDiv3 .bdDiv .itemDiv .ih .icon{width:30px}
  .vd .indexDiv3 .bdDiv .itemDiv .ih .textDiv{width:calc(100% - 50px)}
  .vd .indexDiv3 .bdDiv .itemDiv .ih .textDiv .tt{margin-bottom:15px}
  .vd .indexDiv3 .bdDiv .itemDiv a.imoreBtn{margin-top:20px}
  .vd .ny-banner .wrap{height:50vw}
  .vd .ny-banner .textDiv span{font-size:20px}
  .vd .zygxDiv .bdDiv{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .vd .innovateDiv .conDiv ul{padding-left:45px;background:url(../img/vendor/line.png) repeat-y left 12px center / 3px;margin-top:20px;padding-top:20px}
  .vd .innovateDiv .conDiv ul li{width:100%;margin-top:50px}
  .vd .innovateDiv .conDiv ul li:nth-child(1){margin-top:0}
  .vd .innovateDiv .conDiv ul li:nth-of-type(even){margin-top:50px}
  .vd .innovateDiv .conDiv ul li .textDiv{margin-top:15px}
  .vd .innovateDiv .conDiv ul li .textDiv .p{margin:10px 0 15px;font-size:15px;max-height:140px}
  .vd .innovateDiv .conDiv ul li .btnDiv .aDiv{font-size:14px}
  .vd .innovateDiv .conDiv ul li .btnDiv .aDiv a{border-radius:20px;margin-bottom:10px}
  .vd .innovateDiv .conDiv .rImg{width:60px;left:0;transform:initial;position:relative;top:auto}
  .vd .innovateDiv .conDiv .titleDiv{width:calc(100% - 70px);top:0}
  .vd .innovateDiv .conDiv .titleDiv span{font-size:20px}
  .vd .innovateDiv .conDiv .titleDiv p{font-size:16px}
  .vd .innovateDiv .conDiv ul li .textDiv .p{padding-right:10px}
  .vd .innovateDiv .conDiv ul li .textDiv .p::-webkit-scrollbar{width:3px;height:10px;background-color:#d3d3d3}
  .vd .contactDiv{padding:50px 0}
  .vd .contactDiv .hdDiv .titleDiv{margin-bottom:20px}
  .vd .contactDiv .hdDiv .row>div{margin-bottom:15px}
  .vd .contactDiv .hdDiv .row>div .conDiv{padding:30px 20px;border-radius:10px}
  .vd .contactDiv .hdDiv .row>div .conDiv .p{margin:10px 0 25px}
  .vd .contactDiv .bdDiv .row>div{margin-top:20px}
  .vd .contactDiv .bdDiv .row>div .conDiv{padding:40px 20px;border-radius:10px}
  .vd .contactDiv .bdDiv .row>div .conDiv .tt{margin:10px 0}
  .vd .aboutDiv1{padding:50px 0 40px}
  .vd .aboutDiv1 .bdDiv .textDiv{font-size:16px}
  .vd .aboutDiv2 .bdDiv{display:block}
  .vd .indexTitle .line{width:50px;height:2px;margin-bottom:15px}
  .vd .aboutDiv2{padding:50px 0}
  .vd .aboutDiv2 .bdDiv .blDiv{width:100%}
  .vd .aboutDiv2 .bdDiv .blDiv .p{margin:20px 0}
  .vd .aboutDiv2 .btnDiv .swiper-button-prev,.vd .aboutDiv2 .btnDiv .swiper-button-next{width:30px;height:30px}
  .vd .aboutDiv2 .btnDiv .swiper-pagination{font-size:12px;margin:0 15px}
  .vd .aboutDiv2 .btnDiv .swiper-pagination .swiper-pagination-current{font-size:15px}
  .vd .aboutDiv2 .bdDiv .brDiv{width:100%;margin-top:30px}
  .vd .aboutDiv2 .bdDiv .brDiv .conDiv .imgDiv{margin-bottom:10px}
  .vd .aboutDiv3{padding:50px 0 0}
  .vd .aboutDiv3 .bdDiv{margin-top:30px}
  .vd .aboutDiv3 .bdDiv .swiper-slide:nth-of-type(odd) .conDiv .flexDiv{height:100%}
  .vd .aboutDiv3 .bdDiv .textDiv{padding-left:15px}
  .vd .aboutDiv3 .bdDiv .textDiv .year{margin-bottom:10px}
  .vd .aboutDiv3 .bdDiv .textDiv1 .year{margin-bottom:10px}
  .vd .aboutDiv3 .bdDiv .swiper-slide{width:100vw}
  .vd .aboutDiv3 .bdDiv .swiper-slide .conDiv .imgDiv{display:none}
  .vd .aboutDiv3 .bdDiv .swiper-slide:nth-of-type(even) .conDiv{padding-top:0}
  .vd .aboutDiv3 .bdDiv .swiper-slide .textDiv1{justify-content:flex-start}
  .vd .aboutDiv3 .bdDiv .textDiv .p{height:auto}
  .vd .aboutDiv4{padding:50px 0}
  .vd .aboutDiv4 .bdDiv{margin-top:30px}
  .vd .aboutDiv4 .bdDiv .swiper-container{height:280px;margin:0 -10px}
  .vd .aboutDiv4 .bdDiv .swiper-container .swiper-slide{height:calc(50% - 15px);padding:0 10px}
  .vd .aboutDiv4 .bdDiv .swiper-container .swiper-slide .conDiv{padding:10px 20px;border-radius:6px}
  .vd .aboutDiv4 .bdDiv .swiper-container .swiper-slide .conDiv .imgDiv{width:80px;height:60px}
  .vd .aboutDiv4 .bdDiv .swiper-container .swiper-slide .conDiv .textDiv{width:calc(100% - 100px);font-size:15px}
  .vd .newsDiv{padding:50px 0}
  .vd .newsDiv .hdDiv .aDiv{margin:20px 0 30px;display:block}
  .vd .newsDiv .hdDiv .aDiv .alDiv{width:100%}
  .vd .newsDiv .hdDiv .aDiv .alDiv .imgDiv{border-radius:10px}
  .vd .newsDiv .hdDiv .aDiv .arDiv{width:100%;margin-top:20px}
  .vd .newsDiv .hdDiv .aDiv .arDiv .title{margin:10px 0 20px;font-size:18px}
  .vd .newsDiv .bdDiv ul li{margin-bottom:15px}
  .vd .newsDiv .bdDiv ul li a{padding:10px 15px;border-radius:5px}
  .vd .newsDiv .bdDiv ul li a .date{height:30px;width:27%;font-size:14px}
  .vd .newsDiv .bdDiv ul li a .title{width:70%}
  .vd .newsDiv .bdDiv ul li a .title p{width:calc(100% - 20px);font-size:16px}
  .vd .newsDiv .bdDiv ul li a i{width:14px;height:5px}
  .vd .pageDiv{margin-top:40px}
  .vd .pageDiv a,.vd .pageDiv span{width:30px;line-height:30px;margin:0 0px 5px}
  .vd .ny-banner1 .wrap{height:40vw}
  .vd .ny-banner1 .textDiv{padding-top:20px}
  .vd .ny-banner1 .textDiv span{font-size:20px}
  .vd .breadcrumbDiv a img{width:13px}
  .vd .breadcrumbDiv>img{width:4px}
  .vd .nyHead{padding:10px 0}
  .vd .nyHead .backA img{width:13px;margin-left:5px}
  .vd .newsDetailDiv{padding:40px 0}
  .vd .newsDetailDiv .hdDiv .title{margin-bottom:30px}
  .vd .newsDetailDiv .bdDiv{padding:25px 0}
  .vd .newsDetailDiv .bdDiv .backDiv{margin-top:40px}
  .vd .newsDetailDiv .otherPageDiv{display:block;padding-top:30px}
  .vd .newsDetailDiv .otherPageDiv .olDiv{max-width:100%}
  .vd .newsDetailDiv .otherPageDiv .backA{margin-top:20px}
  .vd .newsDetailDiv .otherPageDiv .backA img{width:13px;margin-left:5px}
  .vd .joinusDiv1 .bdDiv{margin-top:20px}
  .vd .joinusDiv1 .bdDiv .imgDiv{position:relative;top:20px;width:90%}
  .vd .joinusDiv1 .bdDiv .textDiv{width:95%;padding:40px 20px 50px;min-height:initial}
  .vd .joinusDiv1 .bdDiv .textDiv .aDiv{margin-bottom:15px}
  .vd .joinusDiv2 .hdDiv{margin-top:20px}
  .vd .joinusDiv2 .lunboDiv .swiper-slide-active .conDiv{transform:translateY(-30px)}
  .vd .joinusDiv2 .lunboDiv .conDiv .textDiv{margin-top:15px}
  .vd .joinusDiv2 .lunboDiv .conDiv .textDiv .tt{margin-bottom:10px}
  .vd .joinusDiv2 .bdDiv .rowDiv{margin-top:0px}
  .vd .joinusDiv2 .bdDiv .rowDiv .row>div{margin-top:30px}
  .vd .joinusDiv2 .bdDiv .rowDiv .row>div .conDiv .p{margin-top:15px}
  .vd .joinusDiv3 .bdDiv{margin-top:20px;padding:50px 0}
  .vd .joinusDiv3 .bdDiv ul{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:50px}
  .vd .joinusDiv3 .bdDiv ul li{width:160px;border-radius:28px;margin:5px;height:45px;position:relative;left:auto!important;top:auto!important;bottom:auto!important;right:auto!important;transform:initial!important}
  .vd .joinusDiv3 .bdDiv .tabsCon{width:100%}
  .vd .joinusDiv3 .bdDiv .tabsCon .ptDiv{background:transparent!important;padding-top:0}
  .vd .joinusDiv3 .bdDiv .tabsCon .ptDiv .conDiv{position:relative}
  .vd .joinusDiv3 .bdDiv .tabsCon .ptDiv .conDiv .p{font-size:16px}
  .vd .joinusDiv3 .bdDiv .tabsCon .ptDiv .conDiv .con .icon img{height:70px}
  .vd .joinusDiv4 .hdDiv{margin:40px 0 30px}
  .vd .joinusDiv4 .hdDiv .hlDiv{width:100%}
  .vd .joinusDiv4 .hdDiv .hlDiv a{width:45%;height:48px;border-radius:24px;margin:10px 17px 10px 0}
  .vd .joinusDiv4 .hdDiv .hrDiv{display:block;width:100%}
  .vd .joinusDiv4 .hdDiv .hrDiv .selectDiv{margin:10px 0}
  .vd .joinusDiv4 .hdDiv .hrDiv .selectDiv select{height:48px;border-radius:24px;padding:0 24px;background:url(../img/vendor/xl.png) #fff no-repeat right 26px center}
  .vd .joinusDiv4 .hdDiv .hrDiv .selectDiv:nth-child(1){width:100%;max-width:290px}
  .vd .joinusDiv4 .hdDiv .hrDiv .selectDiv:last-child{margin-left:0;width:100%;max-width:340px}
  .vd .joinusDiv4 .bdDiv ul li{padding:20px;border-radius:14px;margin-top:20px}
  .vd .joinusDiv4 .bdDiv ul li .hd .itemDiv div{width:100%}
  .vd .joinusDiv4 .bdDiv ul li .hd .titleDiv{padding-bottom:20px;margin-bottom:25px}
  .vd .joinusDiv4 .bdDiv ul li .hd .titleDiv i{width:15px;height:15px}
}
.vd .row{display:flex;flex-wrap:wrap;margin:0 -15px}
.vd .row>[class*="col-"]{position:relative;width:100%;padding:0 15px;box-sizing:border-box}
@media (min-width:576px){.vd .col-sm-6{flex:0 0 50%;max-width:50%}.vd .col-sm-4{flex:0 0 33.3333%;max-width:33.3333%}}
/* 修正 */
.vd .nyHead .wrap{max-width:var(--wrap)}
.vd .contactDiv .bdDiv .row>div .conDiv p{font-size:16px}
.vd .contactDiv .bdDiv .row>div .conDiv p a{word-break:normal;overflow-wrap:normal}
/* 头图顶部加深蓝渐变，保证透明页头上的白色导航看得清 */
.vd .ny-banner,.vd .ny-banner1{position:relative}
.vd .ny-banner::before,.vd .ny-banner1::before{content:"";position:absolute;left:0;right:0;top:0;height:160px;background:linear-gradient(180deg,rgba(10,31,68,.6),rgba(10,31,68,0));pointer-events:none}
.vd .ny-banner>*,.vd .ny-banner1>*{position:relative}
/* 详情页头图较矮：取景偏上（25%），避免平板上的 logo 叠在导航后面 */
.vd .ny-banner1{background-position:center 25%!important}
/* 首页大标题、副标题：用新版字号（同新版首页 .hero.center） */
.vd .index-banner .img .textDiv .p1{font-size:var(--fs-h1);line-height:1.25}
.vd .index-banner .img .textDiv .p2{font-size:clamp(18px,1.8vw,26px);line-height:1.6;text-wrap:balance}
@media (max-width:600px){.vd .index-banner .img .textDiv .p1{font-size:24px;line-height:1.3}.vd .index-banner .img .textDiv .p2{font-size:17px}}
/* 英文首页大标题、副标题：英文单词长，比中文小一号（约 85%） */
html[lang="en"] .vd .index-banner .img .textDiv .p1{font-size:calc(var(--fs-h1) * .85)}
html[lang="en"] .vd .index-banner .img .textDiv .p2{font-size:clamp(16px,1.53vw,22px)}
@media (max-width:600px){html[lang="en"] .vd .index-banner .img .textDiv .p1{font-size:21px}html[lang="en"] .vd .index-banner .img .textDiv .p2{font-size:15px}}
/* 关于我们·公司荣誉：证书图和文字之间留出间距（原来文字紧贴图片） */
.vd .aboutDiv4 .bdDiv .swiper-container .swiper-slide .conDiv .imgDiv{flex-shrink:0}
.vd .aboutDiv4 .bdDiv .swiper-container .swiper-slide .conDiv .textDiv{width:auto;flex:1;min-width:0;padding-left:clamp(20px,1.8vw,34px)}
@media (max-width:991px){.vd .aboutDiv4 .bdDiv .swiper-container .swiper-slide .conDiv .textDiv{padding-left:16px}}
/* 英文奖项名称很长：卡片加高、字号小一点，文字不再超出卡片 */
@media (min-width:992px){html[lang="en"] .vd .aboutDiv4 .bdDiv .swiper-container{height:clamp(440px,33vw,640px)}}
@media (min-width:992px){html[lang="en"] .vd .aboutDiv4 .bdDiv .swiper-container .swiper-slide .conDiv{padding-top:20px;padding-bottom:20px}}
html[lang="en"] .vd .aboutDiv4 .bdDiv .swiper-container .swiper-slide .conDiv .textDiv{font-size:14px;line-height:1.5}
/* 首页 Re Gene Lead 标语图、数字区：比原样式小一号 */
.vd .indexDiv1 .titleImg{width:clamp(330px,27.6vw,530px)}
.vd .dataDiv .row>div .num{font-size:clamp(20px,1.75vw,34px)}
.vd .dataDiv .row>div .num span{font-size:clamp(40px,3.4vw,64px)}
.vd .dataDiv .row>div .p{font-size:clamp(13px,1vw,19px)}
@media (max-width:1199px){.vd .dataDiv .row>div .num{font-size:24px}.vd .dataDiv .row>div .num span{font-size:40px}.vd .dataDiv .row>div .p{font-size:15px}}
@media (max-width:600px){.vd .indexDiv1 .titleImg{width:64vw}.vd .dataDiv .row>div .num{font-size:20px}.vd .dataDiv .row>div .num span{font-size:30px}.vd .dataDiv .row>div .p{font-size:14px}}
/* 首页新闻列表：每条一样高、两行标题放得下（原来固定高度放不下，日期顶着上面的分隔线）；手机上照常轮播 */
.vd .indexDiv2 .bdDiv .brDiv .swiper-container{height:clamp(372.6px,31.05vw,596.2px)}
.vd .indexDiv2 .bdDiv .brDiv .swiper-slide a{height:100%;box-sizing:border-box}
@media (max-width:991px){.vd .indexDiv2 .bdDiv .brDiv .swiper-container{height:440px}}