@charset "utf-8";
@import url("base.css");


/**index**/
.jmHead{ width:100%;  position:fixed; left: 0; top: 0; z-index: 99; }
.jmHead.topFix{ background:var(--color-blue);  box-shadow: 0 0 0.2rem rgba(0,0,0,.15);}

.jmHead-nav li{ padding: 0 2.239vw; position: relative;}
.jmHead-nav li a.far{ display: block; line-height: 0.95rem; color: var(--color-white); position: relative;}
.jmHead-nav li a.far:before{ content:''; background: #89abd9; width: 0; height: 2px; position: absolute; left: 50%; bottom: 0.2rem;}
.jmHead-nav li.active a.far:before, .jmHead-nav li:hover a.far:before{ width: 100%; left: 0;}
.jmHead-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); }
.jmHead-nav li .subnav a { display:block; padding:0.05rem 0; color: var(--color-white); font-size: 0.15rem; }
.jmHead-nav li:hover .subnav{ opacity:1; pointer-events:auto; transform:none; }

.jmHead-tools{ line-height: 0.95rem;}
.jmHead-tools .searchBtn{ cursor: pointer;}
.jmHead-tools .language:hover .lan-dropdown{ opacity:1; pointer-events:auto; transform:none;}
.jmHead-tools .language .lan-toggle{cursor:pointer;}
.jmHead-tools .language .lan-dropdown{ background:var(--color-white); width:160%; position:absolute; left:-10%; top:100%; padding:0.1rem 0; text-align:center; 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);}
.jmHead-tools .language .lan-dropdown a{ display:block; padding:0.1rem 0; line-height:1;}

.jmHead-searchPopup { 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;}
.jmHead-searchPopup.is-visible { opacity: 1; visibility: visible;}
.jmHead-searchPopup.is-visible .cd-popup { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.jmHead-searchPopup .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;  }
.jmHead-searchPopup .search-box { padding: 0 0.56rem 0 0.2rem; border: 1px solid #e4eaec; border-radius:0.2rem;}
.jmHead-searchPopup .search-box .inpt{ background: none; width: 100%; height:0.36rem; padding: 0.08rem 0;}
.jmHead-searchPopup .search-box .sbtn { background: none; height:0.36rem; width: 0.36rem; position: absolute; right: 0; top: 0; border:none; cursor: pointer;}
.jmHead-searchPopup .close-btn { position: absolute; right: 0.1rem; top:0.1rem; font-weight: bold; }

.jmMain{ width: 100%; height: 100vh; overflow: hidden; }
.jmMain::-webkit-scrollbar{ width:0;}
.jmMain .section:last-child{ height: auto !important;}
.jmMain .section:last-child > div{ height: auto !important;}

.jmBanner{ width: 100%; height: 100%;}
.jmBanner li .cover-thumb{ width: 100%; height: 100%;}
.jmBanner .cover-scroll { position: absolute; right:4.16vw; bottom: 0.45rem; z-index: 9; pointer-events: none; }
.jmBanner .cover-scroll .text { writing-mode: tb-rl; color: var(--color-white); font-size: 0.12rem; line-height: 0.2rem; }
.jmBanner .cover-scroll .line { height: 0.5rem; width: 1px; position: relative; overflow: hidden; margin: 0.1rem auto 0; }
.jmBanner .cover-scroll .line:after { content: ""; background: var(--color-white); position: absolute; left: 0; top: 0; width: 100%; height: 0; -webkit-animation: BannerLine 2s 1.5s infinite linear normal both; animation: BannerLine 2s 1.5s infinite linear normal both; }
@-webkit-keyframes BannerLine {
    0% { height: 0;}
    40% { height: 100%;}
    70% { top: 0; }
    100% { top: 100%; height: 100%; }
}

@keyframes BannerLine {
    0% { height: 0; }
    40% { height: 100%; }
    70% { top: 0; }
    100% { top: 100%; height: 100%; }
}


.jmProduct{ background-image: url(../images/jmProduct-bg.jpg); width: 100%; height: 100%;  padding-top: 0.4rem;}
.jmProduct-head .he-tabs a { width: 1.9rem; overflow: hidden; }
.jmProduct-head .he-tabs a:last-child .icon:after{ display: none;}
.jmProduct-head .he-tabs a .icon { background-color: transparent; width: 0.5rem; height: 0.5rem; position: relative; z-index: 10; border-radius: 50%; }
.jmProduct-head .he-tabs a .icon:after { content: ""; background-color: #959595; width: 3rem; height: 1px; position: absolute; top: 0; bottom: 0; margin: auto; left: 120%;
}
.jmProduct-head .he-tabs a .name { margin-top: 0.05rem; }
.jmProduct-head .he-tabs a.active .icon{ background: var(--color-white);}
.jmProduct-head .he-more{ background: var(--color-white); width: 2rem; height: 0.5rem; color:#333; border-radius: 0.25rem; box-shadow:0 0 0.15rem rgba(0,0,0,.15); }
.jmProduct-head .he-more:hover{ background: var(--color-blue); color: var(--color-white);}

.jmProduct-body{ margin-top: 1.1rem;}
.jmProduct-body li{ padding-right: 0.8rem; display: flex; align-items: center; justify-content: space-between;}
.jmProduct-body li .word{ width: 42%;}
.jmProduct-body li .word .m{ background: var(--color-blue); width: 2rem; height: 0.5rem; color: var(--color-white); margin-top: 0.8rem; border-radius: 0.25rem; box-shadow:0 0 0.15rem rgba(0,0,0,.15); }
.jmProduct-body li .thumb{ background: var(--color-white); width: 50.5%; height: 4.6rem; border-radius: 0.3rem; box-shadow: 0 0 0.1rem rgba(0,0,0,.1);}
.jmProduct-body .button{ background: var(--color-white); width: 0.4rem; height: 1.2rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: 0.25rem 0; z-index: 2; display: flex; justify-content: space-between; flex-direction: column; border-radius: 0.2rem; box-shadow: 0 0 0.1rem rgba(0,0,0,.1);}

.jmProduct-body .swiper-button-next, .jmProduct-body .swiper-button-prev{ background:none; position: relative; top: auto; margin:0; font-weight: bold; width: auto; height: auto; color: var(--color-gray); }
.jmProduct-body .swiper-button-next{ right:auto;}
.jmProduct-body .swiper-button-next:hover{ color: var(--color-blue);}
.jmProduct-body .swiper-button-prev{ left: auto;}
.jmProduct-body .swiper-button-prev:hover{ color: var(--color-blue);}


.jmAbout{ background-image: url(../images/jmAbout-bg.jpg); width: 100%; height: 100%;  padding-top: 0.4rem;}
.jmAbout-aside{ width: 47.5%;}
.jmAbout-aside-text{ margin-top: 0.75rem;}
.jmAbout-aside-links{ margin-top: 1.2rem;}
.jmAbout-thumb{ width: 39%; padding: 0 0.26rem 0.26rem 0;}
.jmAbout-thumb:before{ content: ''; background: #eee; width: calc(100% - 0.26rem); height: calc(100% - 0.26rem); position: absolute; right: 0; bottom: 0; border-radius: 0 0 0.7rem 0;}
.jmAbout-thumb img{ width: 100%; border-radius: 0.7rem 0 0.7rem 0; position: relative; z-index: 2;}


.jmNews{ background-image: url(../images/jmNews-bg.jpg); width: 100%; height: 100%;  padding-top: 0.4rem;}
.jmNews-aside{ width: 30%;}
.jmNews-body{ width: 65%;}
.jmNews-body-list li{ background: var(--color-white); width: 48.46%; margin-bottom: 0.25rem; padding: 0.25rem 0.3rem 0.3rem 0.3rem; border-radius: 0.2rem;}
.jmNews-body-list li .date{ width: 1rem; padding-bottom: 0.45rem;}
.jmNews-body-list li .date:before{ content: ''; background: var(--color-gray); width: 0.4rem; height:0.01rem; position: absolute; left: 0; bottom: 0;}
.jmNews-body-list li .text{ flex: 1;}
.jmNews-body-list li:hover{ background: var(--color-blue);}
.jmNews-body-list li:hover .date:before{ background: var(--color-white);}
.jmNews-body-list li:hover *{ color: var(--color-white);}
.jmNews-body-more{ justify-content: flex-end; padding-top: 0.2rem;}
.jmNews-body-more .m{ background: var(--color-white); width: 2rem; height: 0.5rem; color:#333; border-radius: 0.25rem; box-shadow:0 0 0.15rem rgba(0,0,0,.15); }
.jmNews-body-more .m:hover{ background: var(--color-blue); color: var(--color-white);}


.jmContact{ background-image: url(../images/jmContact-bg.jpg); width: 100%; height: 100%;  padding-top: 0.4rem; }
.jmContact-aside{ width: 45%;}
.jmContact-aside-head .en{ text-transform: uppercase; line-height: 1;}
.jmContact-aside-head .en:before{ content: ''; background: #ff0000; width: 1rem; height: 0.05rem; position: absolute; left: -1.2rem; top: 50%; transform: translateY(-50%);}
.jmContact-aside-text{ margin-top: 0.9rem;}
.jmContact-aside-text .m{ background: var(--color-white); width: 2rem; height: 0.5rem; color:#333; margin-top: 0.8rem; border-radius: 0.25rem;}
.jmContact-aside-text .m:hover{ background: var(--color-blue); color: var(--color-white);}

.jmContact-message{ background: #333; width: 45%; padding: 0.5rem 0.6rem;}
.jmContact-message .mes-filed li{ margin-top: 0.45rem;}
.jmContact-message .mes-filed li .area{ width: 100%; height:0.9rem; color: var(--color-white); border-bottom: 1px solid var(--color-white);}
.jmContact-message .mes-filed li .inpt{ width: 100%; padding-bottom:0.12rem; color: var(--color-white); border-bottom: 1px solid var(--color-white);}
.jmContact-message .mes-filed li .yzm-inpt{ width: 63%;}
.jmContact-message .mes-filed li .yzm-in img{ width: 0.85rem; height: 0.32rem;}
.jmContact-message .mes-filed li .inpt::-webkit-input-placeholder { color:var(--color-white); }
.jmContact-message .mes-filed li .area::-webkit-input-placeholder { color:var(--color-white); }
.jmContact-message .mes-filed li .sbtn{ background: var(--color-white); width: 1.2rem; height: 0.3rem; font-size: 0.14rem; text-align: center; cursor: pointer;}



.jmFooter{ background:#333; }
.jmFooter-top{ padding: 0.6rem 0 0.5rem 0; }

.jmFooter-topContact{ width: 20%;}
.jmFooter-topContact .logo{ padding-bottom: 0.2rem; position: relative; border-bottom: 1px #bfbfbf solid;}
.jmFooter-topMenu{ width:57.5%; padding: 0 0.5rem; border-left:1px solid #bfbfbf; border-right: 1px solid #bfbfbf; }
.jmFooter-topMenu dl dd a{ display: block; margin-top: 0.08rem;}

.jmFooter-topCode{ max-width: 1.2rem; }
.jmFooter-copy{ background:#494949; padding: 0.2rem 0; }


/**新闻中心**/
.public-banner{ height:5.8rem; }
.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 a{ line-height: 0.8rem; margin-right: 0.6rem; position: relative;}
.public-menu a:before{ content: ''; background: var(--color-blue); width:0; height: 0.03rem; position: absolute; left: 50%; bottom: 0;}
.public-menu a.active{ color: var(--color-blue);}
.public-menu a.active:before, .public-menu a:hover:before{ width: 100%; left: 0;}

.pmain{ padding: 0.6rem 0;}
.pmain-page{ padding-top: 0.7rem;}
.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; }


.pnews-first a{ display: block; padding-top: 26%; }
.pnews-first .word{ background: rgba(0,0,0,.2); width: 100%; height: 100%; flex-direction: column; justify-content: center; position: absolute; top: 0; left: 0; z-index: 10;}
.pnews-first .word .s{ background: var(--color-white); display: inline-block; padding: 0 0.1rem; border-radius:0.15rem 0 0.15rem 0;}
.pnews-first .word .t{ line-height: 1; padding-left: 0.1rem; border-left: 2px solid var(--color-white);}
.pnews-first:hover img{ transform: scale(1.05);}

.pnews-list li:first-child{ margin-top: 0;}
.pnews-list li a{ border-radius: 0.18rem;}
.pnews-list li .thumb { width: 26%; padding-top: 20.5%;}
.pnews-list li .word { width: 70%; padding-right: 4%;}
.pnews-list li a:hover{ box-shadow: 0 0.03rem 0.15rem rgba(0, 0, 0, 0.1);}
.pnews-list li a:hover .thumb img{ transform:scale(1.05);}


.pnews-details-head{ padding-bottom: 0.3rem; border-bottom: 1px #eaeaea solid;}
.pnews-details-desc p{ margin-bottom: 0.3rem;}
.pnews-details-page{ background:#f6f6f6; padding: 0 0.5rem; line-height: 0.65rem;}


/**案例展示**/
.pcase-list{ margin-left:-0.5rem; margin-top: -0.5rem;}
.pcase-list li{ width: calc(25% - 0.5rem); margin: 0.5rem 0 0 0.5rem; }
.pcase-list li .thumb{ padding-top: 75%; }
.pcase-list li:hover .thumb img{ transform: scale(1.05);}


/**产品中心**/
.pproject-details-top .gdt-photo{ width: 50%; }
.pproject-details-top .gdt-info{ width: 50%;}
.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;}


/**关于我们**/
.pabout-main{ background: url(../images/pabout-bg.jpg) no-repeat bottom; background-size: 100% auto; padding-bottom: 8.55rem;}
.pabout-head{ background: url(../images/pabout-logo.png) no-repeat center; background-size: 68% auto; padding: 0.15rem 0; }
.pabout-number dl{ width: 33.33%;}


.pabout-honor{ margin-left:-0.5rem; margin-top: -0.5rem;}
.pabout-honor li{ width: calc(25% - 0.5rem); margin: 0.5rem 0 0 0.5rem; }
.pabout-honor li .thumb{ height: 2.7rem;}
.pabout-honor li .thumb img{ max-height: 100%;}

.pservice-list{ padding-top: 0.1rem; display:flex; justify-content: space-between; flex-wrap: wrap;}
.pservice-list dl{ width: calc(50% - 0.3rem); margin-top:0.6rem; padding: 0.35rem; border: 1px #e5e5e5 solid;}
.pservice-list dl dt{ width: 0.86rem;}
.pservice-list dl dd{ flex: 1; padding-top: 0.1rem;}
.pservice-list dl dd h3{ padding-bottom: 0.15rem;}
.pservice-list dl dd h3:before{ content: ''; background: var(--color-blue); width: 0.32rem; height: 0.02rem; position: absolute; left: 0; bottom: 0;}
.pservice-list dl dd .m{ display:block; text-align: right; position: relative; padding-bottom: 0.05rem;}
.pservice-list dl dd .m:before{ content: ''; background: #adadad; width: 0.55rem; height:1px; position: absolute; right: 0; bottom: 0; }


/**联系我们**/
.pcontact-divis .di-column{ align-items: flex-start;}
.pcontact-divis .di-column li .icon{ width: 0.6rem;}

.pcontact-filed li .aside{ width:33.33%; margin-right:0.3rem; display:inline-block;}
.pcontact-filed li .inpt{ background:#eee; width:100%; height:0.6rem; line-height:0.3rem; padding:0.15rem 0.2rem; border-radius:0.1rem;}
.pcontact-filed li .area{ background:#eee; width:100%; height:2.5rem; padding:0.2rem; vertical-align:top; border-radius:0.1rem;}
.pcontact-filed li .yzm-aside{ justify-content: flex-end; }
.pcontact-filed li .yzm-aside .inpt{ width:1.8rem;}
.pcontact-filed li .yzm-aside .sbtn{ background:var(--color-blue); width:2.5rem; height:0.6rem; line-height:0.6rem; color:var(--color-white); cursor:pointer; border-radius:0.05rem;}



/**菜单**/
.Mobile-button{  background:#2767ba;  width:55px; height:100%; position:absolute; top:0; right:0; align-items:center; justify-content:center; flex-direction:column; display:none;}
.Mobile-button .solid{  background-color:var(--color-white); width:26px; height:2px; }
.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:#2767ba; width:100%; height:100%; position:fixed; z-index:98; top:0; left:-100%; overflow-y:auto; padding:60px 3% 0 3%; }
.Mobile-menu.onShow{ left:0; }
.Mobile-menu li{ position:relative; border-bottom:1px solid rgba(255,255,255,.2);}
.Mobile-menu li .lit{ display:flex; align-items:center; justify-content:space-between; padding:13px 0;}
.Mobile-menu li .lit a{ font-size:17px; color: var(--color-white); font-weight:bold; position:relative; padding-bottom:10px;}
.Mobile-menu li .lit a::before{ content: ""; background:var(--color-white); width:25px; height:1px; position:absolute; left:0; bottom:0;}
.Mobile-menu li .lit a::after { content:""; background:var(--color-white);  position:absolute; width:10px; height:1px; left:30px; bottom:0; }
.Mobile-menu li .lit .arrow{ font-size:15px; transform:rotate(-45deg);  color: var(--color-white);  }
.Mobile-menu li .lic{ display:none; padding-left:10px;}
.Mobile-menu li .lic li:last-child{ border-bottom:0;}
.Mobile-menu li .lic li a{ font-size:17px; font-weight:500; display:block; padding:12px 0; color: #fff;}
.Mobile-menu li .lit.on  .arrow{ transform:none;}
.Mobile-menu .language{ margin-top: 20px; color: var(--color-white);}