@charset "utf-8";
@import url("base.css");
@import url("aos.css");
@import url("swiper-bundle.min.css");


/**index**/
.jxHead{ background: rgba(0,0,0,.3); width:100%;  position:fixed; left: 0; top: 0; z-index: 99; }
.jxHead.topFix{ background:var(--color-blue);  box-shadow: 0 0 0.2rem rgba(0,0,0,.15);}
.jxHead .w{ width: 84%; max-width: 1600px;}
.jxHead-logo{ width: 1.89rem;}
.jxHead-nav li{ position: relative;}
.jxHead-nav li a.far{ padding: 0 2.1875vw; display: block; line-height: 0.8rem; color: var(--color-white); }
.jxHead-nav li.active a.far, .jxHead-nav li:hover a.far{ background-color:var(--color-blue); }
.jxHead-nav li .subnav { background-color:var(--color-blue); width:100%; padding:0.15rem 0; text-align: center; position:absolute; top:100%; left:0; pointer-events:none; opacity:0; transform:translateY(10px); backdrop-filter:blur(5px); box-shadow:0 5px 0.2rem -3px rgba(0, 0, 0, 0.06); }
.jxHead-nav li .subnav dd{    position: relative;}
.jxHead-nav li .subnav dd > a { display:block; padding:0.08rem 0; color: var(--color-white); font-size: 0.15rem; }
.jxHead-nav li .subnav dd > a:hover{ background: #acce22;}
.jxHead-nav li .second-menu{ background: var(--color-blue); width: 7rem; padding: 0.1rem; position: absolute; left: 100%; top: 0; display: none;}
.jxHead-nav li .second-menu a{ color: var(--color-white); padding: 0.05rem 0; margin-right: 0.15rem; font-size: 0.15rem;}
.jxHead-nav li .second-menu a:hover{ opacity: .7;}
.jxHead-nav li .subnav dd:hover .second-menu{ display: flex;}
.jxHead-nav li:hover .subnav{ opacity:1; pointer-events:auto; transform:none; }


.jxHead-srhBtn{ height: 0.8rem; cursor: pointer}
.jxHead-srhPopup { background:rgba(0,0,0,.5); position: fixed; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; visibility: hidden; z-index: 9999;  opacity: 0;}
.jxHead-srhPopup.is-visible { opacity: 1; visibility: visible;}
.jxHead-srhPopup.is-visible .cd-popup { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.jxHead-srhPopup .cd-popup{ background:var(--color-white); width: 60%; padding:0.4rem; margin: 0 auto; top: 50%; margin-top: -58px; border-radius:0.04rem; box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform;  }
.jxHead-srhPopup .search-box { padding: 0 0.56rem 0 0.2rem; border: 1px solid #e4eaec; border-radius:0.2rem;}
.jxHead-srhPopup .search-box .inpt{ background: none; width: 100%; height:0.36rem; padding: 0.08rem 0;}
.jxHead-srhPopup .search-box .sbtn { background: none; height:0.36rem; width: 0.36rem; position: absolute; right: 0; top: 0; border:none; cursor: pointer;}
.jxHead-srhPopup .close-btn { position: absolute; right: 0.1rem; top:0.1rem; font-weight: bold; }


.jxBanner{ width: 100%; height: 100vh;}
.jxBanner .swiper-pagination { bottom:0.2rem !important;}
.jxBanner .swiper-pagination-bullet { background:#fff; width:0.12rem; height:0.12rem;  margin:0 0.08rem !important; opacity:.7}
.jxBanner .swiper-pagination-bullet-active{ background: var(--color-blue);  opacity:1;}
.jxBanner .swiper-button-next, .jxBanner .swiper-button-prev{    width: auto;
    height: auto;
    color: var(--color-white);
    font-size: 0.6rem;
    margin-top: -0.3rem; }

.jxAbout{ background: #e9eef6; padding: 11.979vw 0 10.416vw 0;}
.jxAbout .w{ width: 84%; max-width: 1600px;}
.jxAbout-aside{ width: 38.75%;}
.jxAbout-aside .as-head{ padding-bottom: 0.15rem;}
.jxAbout-aside .as-head:before{ content: ''; background: var(--color-blue); width: 0.6rem; height: 0.05rem; position: absolute; left: 0; bottom: 0;}
.jxAbout-aside .as-text{ margin-top: 3.125vw;}
.jxAbout-aside .as-more{ background: var(--color-blue); color: var(--color-white); display: inline-block; padding: 0 0.3rem; line-height: 0.36rem; font-size: 0.14rem; margin-top:3.385vw;}
.jxAbout-aside .as-number{ margin-top: 3.9vw;}
.jxAbout-thumb{ width: 64.75%; margin-right: -10%;}



.jxIndustry{ padding-top: 5.2vw;}
.jxIndustry .w{ width: 84%; max-width: 1600px;}
.jxIndustry-list li{ width: 33.333%;}
.jxIndustry-list li a{ width: 100%; padding-bottom: 62.5%; display: block;}
.jxIndustry-list li .word{ width: 100%; position: absolute; left: 0; bottom: 0; padding: 0.3rem; transform: translateY(calc(100% - 0.8rem));}
.jxIndustry-list li:hover .word{ background: rgba(33,87,167,.6); transform: translateY(0);}


.jxTechnical{ background: #f5f5f5; width: 100%; padding: 5.9895vw 0 3.385vw 0;}
.jxTechnical .w{ width: 84%; max-width: 1600px; }
.jxTechnical-head .cn{ padding-bottom: 0.15rem;}
.jxTechnical-head .cn:before{ content: ''; background: var(--color-blue); width: 0.6rem; height: 0.05rem; position: absolute; left: 0; bottom: 0;}

.jxTechnical-list{ margin-top:2.6vw; padding-bottom: 3.125vw;}
.jxTechnical-list li{ padding-right: 0.4rem;}
.jxTechnical-list li a{ display:block; padding-bottom: 53.33%;}
.jxTechnical-list li .word{ width: 50%; height: 100%; position: absolute; left: 0; top: 0; padding: 8.33vw 0 0 5.729vw;}
.jxTechnical-list li .word .m{ background: var(--color-blue); color: var(--color-white); display: inline-block; padding: 0 0.3rem; line-height: 0.36rem; font-size: 0.14rem; margin-top:4.16vw; }
.jxTechnical-list .scrollbar{ color: #d0d0d0; line-height: 1; position: absolute; top: 4.427vw; z-index: 2; left: 5.729vw;}
.jxTechnical-list .scrollbar .current{ font-size: 0.36rem; color: var(--color-white);}
.jxTechnical-list .swiper-pagination-bullet{ background: var(--color-light); width: 0.16rem; height: 0.16rem; margin: 0 0.08rem !important; border-radius: 0; opacity: 1;}
.jxTechnical-list .swiper-pagination-bullet-active{ background: var(--color-blue);}



.jxNews{ background-image: url(../images/jxNews-bg.jpg); padding-bottom:10.146vw;}
.jxNews:before{ content: ''; background-image:url(../images/jxNews-bg01.jpg); background-size: cover; width: 100%; height: 43.229vw; position: absolute; left: 0; top: 0; }
.jxNews .w{ width: 84%; max-width: 1600px;  z-index: 2;}
.jxNews-title{ position: absolute; right: 0; top: 6.51vw;}
.jxNews-list li a{ width: 100%; display: block; padding-bottom: 0.52rem;}
.jxNews-list li .word{ background:rgba(37,88,167,.8); width: 37.5%; height: 43.229vw; padding: 7.29vw 0.35rem 0 0.35rem; margin-left: 0.6rem;}
.jxNews-list li .word:before{ content: ''; background: var(--color-white); width: 1.2rem; height: 1px; position: absolute; bottom: 7.1875vw; right: -0.85rem;}
.jxNews-list li .word .d{ background: var(--color-white); color: var(--color-blue); display: inline-block; line-height: 0.4rem; padding: 0 0.2rem; transform: translateX(-0.95rem);}
.jxNews-list li .word .m{ display: inline-block; padding-bottom: 0.07rem; border-bottom: 1px solid var(--color-white); margin-top: 6.77vw;}
.jxNews-list li .thumb{ width: 45%; padding-bottom: 31%; position: absolute; bottom: 0; right: 6.75%;}
.jxNews-list li:hover .thumb img{ transform: scale(1.05);}
.jxNews-list .button-box{ width: 29.375%; position: absolute; left: 0.6rem; bottom: 5.2vw; z-index: 2;}
.jxNews-list .swiper-pagination{ width: auto; font-size: 0.16rem; padding: 0 0.2rem; position: relative; left: auto; bottom: auto; }
.jxNews-list .swiper-pagination-current{ color: #00a0e9;}
.jxNews-list .swiper-button-next, .jxNews-list .swiper-button-prev{ position: relative; width: auto; height: auto; top: auto; margin-top:0; color: var(--color-white);}
.jxNews-list .swiper-button-next{ left: auto; right: 0;}
.jxNews-list .swiper-button-prev{ left: auto; right: auto;}



.jxFooter{ background:var(--color-three); }
.jxFooter .w{ width: 84%; max-width: 1600px;}
.jxFooter-top{ padding: 0.5rem 0 0.35rem 0; }
.jxFooter-topContact{ width: 30%;}
.jxFooter-topMenu{ width:65.626%; }
.jxFooter-topMenu dl dd a{ display: block; margin-top: 0.15rem;}
.jxFooter-topMenu dl dd a:hover{ color: var(--color-white);}
.jxFooter-copy{ border-top: 1px solid var(--color-gray); padding: 0.1rem 0; }


/**产品中心**/
.public-banner{ height:5rem; }
.public-menu{ background: var(--color-white); width: 100%; z-index: 9; box-shadow: 0 0.08rem 0.18rem rgba(181, 181, 181, .16);}
.public-menu-second li a.far{ line-height: 0.8rem; margin-right: 0.6rem; position: relative; display: inline-block;}
.public-menu-second li a.far:before{ content: ''; background: var(--color-blue); width:0; height: 0.03rem; position: absolute; left: 50%; bottom: 0;}
.public-menu-second li.active a.far{ color: var(--color-blue);}
.public-menu-second li.active a:before, .public-menu li:hover a.far:before{ width: 100%; left: 0;}
.public-menu-second li .menu-sub{ background:var(--color-white); width: 100%; position: absolute; left: 0; top: 100%; padding:0.1rem 0 0.25rem 0; display: none; box-shadow: 0 0.08rem 0.18rem rgba(181, 181, 181, .16);}
.public-menu-second li .menu-sub a{  margin:0.15rem 0.2rem 0 0; font-size:0.15rem;}
.public-menu-second li:hover .menu-sub{ display: block;}

.public-menu-search { padding: 0 0.56rem 0 0.2rem; border: 1px solid #e4eaec; border-radius:0.2rem;}
.public-menu-search .inpt{ background: none; width: 1.8rem; height:0.36rem; padding: 0.08rem 0;}
.public-menu-search .sbtn { background: none; height:0.36rem; width: 0.36rem; position: absolute; right: 0; top: 0; border:none; cursor: pointer;}


.pmain{ padding: 0.6rem 0;}
.pmain-page{ padding-top: 0.5rem;}
.pmain-page a{ height: 0.48rem; line-height: 0.48rem; margin: 0 0.09rem; padding: 0 0.18rem; border: 1px #bfbfbf solid;}
.pmain-page .nowpage { background:var(--color-blue); color: var(--color-white); height: 0.48rem; line-height: 0.48rem; margin: 0 0.09rem; padding: 0 0.18rem; border: 1px var(--color-blue) solid;}
.pmain-page a:hover { background:var(--color-blue); color: var(--color-white); border: 1px var(--color-blue) solid; }


.pproduct-info{ max-width: 51.3%; margin: auto; padding-bottom: 0.4rem;}

.pproduct-list{ margin-left:-0.45rem; margin-top: -0.45rem;}
.pproduct-list li{ width: calc(33.33% - 0.45rem); margin: 0.45rem 0 0 0.45rem; }
.pproduct-list li .thumb{ padding-top: 66.666%; }
.pproduct-list li:hover .thumb img{ transform: scale(1.05);}


.pproject-details-top .gdt-photo{ width: 38%; }
.pproject-details-top .gdt-photo img{ width: 100%;}
.pproject-details-top .gdt-info{ width: 55.55%;}
.pproject-details-top .gdt-info video{ width:100%;}
.pproject-details-desc .desc-head{ border-bottom: 2px #bfbfbf solid;}
.pproject-details-desc .desc-head a{ font-size: 0.18rem; color: var(--color-light); line-height: 0.45rem; padding: 0 0.3rem;}
.pproject-details-desc .desc-head a.active{ background: var(--color-blue); color: var(--color-white);}
.pproject-details-desc .desc-word .w-swith{ display: none;}
.pproject-details-desc .desc-word .w-swith:first-child{ display: block;}


/**资讯中心**/
.pnews-list { margin-left: -0.5rem; margin-top: -0.5rem; }
.pnews-list li {  width: calc(33.33% - 0.5rem); margin: 0.5rem 0 0 0.5rem; border: 1px #dcdcdc solid;}
.pnews-list li .thumb { padding-bottom: 64.70588%;}
.pnews-list li .word{ padding: 0.2rem;}
.pnews-list li:hover .thumb img{ transform: scale(1.05); }



/**关于我们**/
.pabout-info{ justify-content: flex-end;}
.pabout-info .thumb{ width: 48%; position: absolute; left: 0; top: 0.6rem;}
.pabout-info .word{ width: 48.95%; min-height: 6.1rem;}
.pabout-info .word .m{ background: var(--color-blue); width: 2rem; height: 0.45rem; font-size: 0.14rem; color:var(--color-white); border-radius: 0.3rem;}

.pabout-honor a.next,.pabout-honor a.prev{ background: var(--color-blue); width: 0.4rem; height: 0.6rem; color: var(--color-white); position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;}
.pabout-honor a.next{ right: 0;}
.pabout-honor a.prev{ left: 0;}
.pabout-honor .tempWrap{ width: 100% !important;}
.pabout-honor ul{ transition: none;}
.pabout-honor li{ width: 25%; padding: 0 0.1rem; transition: none;}
.pabout-honor li .thumb{  height: 4rem;}
.pabout-honor li .thumb img{ max-height: 100%;}


.pabout-skills li{ margin-top: 0.55rem;}
.pabout-skills li:nth-child(2n+2){  flex-direction: row-reverse;}
.pabout-skills li:first-child{ margin-top: 0;}
.pabout-skills li .thumb{ width:50%;}
.pabout-skills li .word{ width: 48%;}


.pabout-video-pop { background: rgba(0, 0, 0, .8); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99999; opacity: 0; pointer-events: none; }
.pabout-video-pop .pop-box{ width: 65%; }
.pabout-video-pop .video-item { width: 100%; padding-bottom: 63.15789%; pointer-events: none; opacity: 0; transform: translateY(-0.4rem); }
.pabout-video-pop .pop-close { width:0.6rem; height: 0.6rem; position: absolute; right: 0.3rem; top: 0.3rem; pointer-events: none; opacity: 0; transform: translateY(-40px); cursor: pointer; }
.pabout-video-pop .pop-close:after { content: ""; background:var(--color-white); width: 100%; height: 1px; position: absolute; left: 0; top: 50%; transform: rotate(45deg); }
.pabout-video-pop .pop-close:before { content: ""; background:var(--color-white); width: 100%; height: 1px; position: absolute; left: 0; top: 50%; transform: rotate(-45deg); }
.pabout-video-pop .pop-close:hover:after { transform: rotate(30deg); }
.pabout-video-pop .pop-close:hover:before { transform: rotate(-30deg); }
.pabout-video-pop.video-active { opacity: 1; pointer-events: auto; }
.pabout-video-pop.video-active .pop-close { opacity: 1; pointer-events: auto; transform: translateY(0); }
.pabout-video-pop.video-active .video-item { opacity: 1; pointer-events: auto; transform: translateY(0); }


.pabout-design{ background-image: url(../images/pabout-design.jpg); margin-bottom: 0.8rem;}
.pabout-design li{ height:39.0625vw; flex: 1;}

.pabout-design li:before { content: ""; background:rgba(0,0,0,.5); width: 100%; height: 0; position: absolute; left: 0; bottom: 0; z-index: 9; transition: all 1s cubic-bezier(.4, 0, .2, 1); }
.pabout-design li a{  width: 100%; height: 100%; padding: 0 0.2rem; position: relative; flex-direction: column; z-index: 9;}
.pabout-design li .title{ margin-bottom: 0.15rem;}
.pabout-design li .line { width: 1px; margin:0 auto; align-items: flex-start; }
.pabout-design li .line:after { content: ""; background:var(--color-white); width: 100%; height: 0;  }
.pabout-design li .icon{ display: inline-block; transform: translateY(-4vw); opacity: 0; pointer-events: none;}
.pabout-design li .text{ transform: translateY(4vw); opacity: 0; pointer-events: none; }
.pabout-design li .more{  color: #aaa; display: inline-block; transform: translateY(4vw); opacity: 0; pointer-events: none; }
.pabout-design li:hover a{ color: var(--color-white);}
.pabout-design li:hover .icon{ opacity: 1; pointer-events: auto; transform: none;}
.pabout-design li:hover .text { opacity: 1; margin-top: 0.15rem; pointer-events: auto; transform: none; }
.pabout-design li:hover .line:after { height: 0.4rem; }
.pabout-design li:hover .more{opacity: 1; margin-top: 0.15rem; pointer-events: auto; transform: none; }
.pabout-design li:hover:before { height: 100%; }

.pculture-video video{ width:100%; height:auto;}


/**联系我们**/
.pcontact-divis li .icon{ width: 1rem; height: 1rem; border: 1px #dcdcdc solid; border-radius: 50%;}
.pcontact-divis li .text{ max-width: 3rem;}

.pmessage{ border: 1px #dcdcdc solid;}
.pmessage-thumb{ width: 50%;}
.pmessage-body{ width: 100%; padding: 0.6rem;}
.pmessage-body .bo-filed{ padding-top: 0.25rem;}
.pmessage-body .bo-filed li{ margin-top: 0.3rem;}
.pmessage-body .bo-filed li .aside{ width: 46%;}
.pmessage-body .bo-filed li label{ display: block;}
.pmessage-body .bo-filed li .inpt{ background: #eee; width: 100%; height: 0.3rem; font-size: 0.14rem; color: #aaa; padding-left: 0.1rem; margin-top: 0.1rem;}
.pmessage-body .bo-filed li .area{ background: #eee; width: 100%; height: 2rem; font-size: 0.14rem; color: #aaa; padding: 0.1rem; margin-top: 0.1rem; vertical-align: top;}
.pmessage-body .bo-filed li .yzm-inpt{ width: 2.4rem;}
.pmessage-body .bo-filed li .yzm-in{ height: 0.3rem;}
.pmessage-body .bo-filed li .sbtn{ background: var(--color-blue); width: 1.2rem; height: 0.3rem; display: inline-block; color: var(--color-white); font-size: 0.14rem; border-radius: 0.03rem; cursor: pointer;}


/**招聘信息**/
.pjob-list li{ margin-top: 0.3rem;}
.pjob-list li .li-head{ padding: 0.25rem 0.35rem; cursor:pointer; border-bottom: 1px #dcdcdc solid; }
.pjob-list li .li-head .hc{ width:53%; color:#999; display:flex; justify-content:space-between; margin-top:0.2rem; line-height:0.3rem; flex-wrap:wrap;}
.pjob-list li .li-head .hc > span{ width:33.33%; display:inline-block;}
.pjob-list li .li-head .hc > span label{ color:#474747;}
.pjob-list li .li-text{ padding: 0.35rem; display: none;}
.pjob-list li .li-text .hc{ padding-bottom: 0.3rem; border-bottom: 1px #dcdcdc solid;}
.pjob-list li .li-text .hc span{ position: relative; padding-left: 0.15rem; display: inline-block;}
.pjob-list li .li-text .hc span:before{ content:''; background: var(--color-three); width: 0.05rem; height: 0.05rem; position: absolute; left: 0; top: 50%; transform:translateY(-50%); border-radius: 50%;}
.pjob-list li .li-text .hb{ background: var(--color-blue); width: 2rem; height: 0.5rem; color: var(--color-white); border-radius: 0.3rem;}

.pjob-list li.active{ box-shadow:0 0 0.2rem rgba(0,0,0,.15);}
.pjob-list li.active .li-head{ background:var(--color-blue); color: var(--color-white); }
.pjob-list li.active .li-head .click{ transform:rotate(45deg);}
.pjob-list li.active .li-text{ display:block;}


/**科研合作**/
.pcooperate-list li{ width: 25%; padding: 0.35rem 0;}
.pcooperate-list li a{ height: 2.8rem;}
.pcooperate-list li a img{ max-height: 100%;}


/**产品新增**/
.pproducts-list li{ margin-top: 0.45rem; }
.pproducts-list li:first-child{ margin-top: 0;}
.pproducts-list li .thumb{ width: 28%; padding-top:18%; }
.pproducts-list li .word{ flex: 1; padding-left: 0.4rem;}
.pproducts-list li .word .v{ background: var(--color-blue); color: var(--color-white); line-height: 0.36rem; padding: 0 0.4rem; display: inline-block; border-radius: 0.2rem;}
.pproducts-list li:hover .thumb img{ transform: scale(1.05);}


/**行业应用-案例**/
.pcase-details-thumb .tempWrap{ width: 100% !important;}
.pcase-details-thumb ul{ transition: none;}
.pcase-details-thumb li{ width: 280px; margin: 0 1px; padding-bottom: 8%; transition: none;}
.pcase-details-thumb li .name{ background-color:rgba(30,56,72,0.8); font-size: 0.16rem; width:100%; height:100%; position:absolute; top:0;  opacity:0;}
.pcase-details-thumb li:hover .name{ opacity: 1;}
.pcase-details-word p{ width: 33.33%;  display: flex; align-items: center; }
.pcase-details-word p img{ height:0.6rem; margin-right:0.15rem;}


/**菜单**/
.Mobile-button{ background:var(--color-blue); width:50px; height:100%; position:absolute; top:0; right:0; z-index: 1; align-items:center; justify-content:center; flex-direction:column; display:none;}
.Mobile-button .solid{  background-color:var(--color-white); width:26px; height:2px; transition:var(--transition);}
.Mobile-button .solid2{ margin:8px 0; }
.Mobile-button.active .solid1{ transform:rotate(-45deg) translateY(14px); margin-right:19px !important;}
.Mobile-button.active .solid2{ transform:translateX(40px);}
.Mobile-button.active .solid3{ transform:rotate(45deg) translateY(-14px); margin-right:19px !important;}

.Mobile-menu{ background:var(--color-white); width:100%; height:100%; position:fixed; z-index:98; top:0; left:-100%; overflow-y:auto; padding:70px 3% 0 3%; transition:var(--transition);}
.Mobile-menu.onShow{ left:0; }
.Mobile-menu li .lit{ display:flex; align-items:center; justify-content:center; padding:15px 0;}
.Mobile-menu li .lit a{ font-size:17px; font-weight:bold;}
.Mobile-menu li .lic{ display:none;}
.Mobile-menu li .lic li a{ font-size:15px; font-weight:500; text-align: center; display:block; padding:10px 0;  opacity: .7; }