@charset "utf-8";
/* CSS Document */

::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background:#fff;}
::-webkit-scrollbar-thumb { background:#4c8dd7;}
::-webkit-scrollbar-thumb:window-inactive { background:#4c8dd7; }
::-webkit-scrollbar-thumb:vertical:hover { background:#4c8dd7; }

html{ font-size:100px;}
body { background:#fff; font-size:0.16rem; font-family:'pingFangSC-MEDIUM',PingFangSC-Regular;  color:#333; overflow-x:hidden; -webkit-tap-highlight-color:transparent;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea, button, select{ font-size:16px;  font-family:'PINGFANG REGULAR'; -webkit-appearance:none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#4c8dd7; }
table{ border-collapse:collapse; border:0;}
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:83.3%; min-width:1200px; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none !important;}


@font-face { font-family:'pingFangSC-REGULAR'; src:url('../fonts/PINGFANG REGULAR.TTF'); }
@font-face { font-family:'pingFangSC-MEDIUM'; src:url('../fonts/PINGFANG MEDIUM.TTF'); }
@font-face { font-family:'pingFangSC-BOLD'; src:url('../fonts/PINGFANG BOLD.TTF'); }
@font-face { font-family:'pingFangSC-LIGHT'; src:url('../fonts/PINGFANG LIGHT.TTF'); }
@font-face { font-family:'bahnschrift'; src:url('../fonts/bahnschrift.ttf'); }


.font-b{ font-family:'pingFangSC-BOLD';}


@font-face {
  font-family: "iconfont"; 
  src: url('../fonts/iconfont.woff2?t=1653204525737') format('woff2'),
       url('../fonts/iconfont.woff?t=1653204525737') format('woff'),
       url('../fonts/iconfont.ttf?t=1653204525737') format('truetype');
}


/*@font-face {
  font-family:'SourceHanSerifCN-Regular'; src:url('../fonts/SourceHanSerifCN-Regular.otf'); 
}


@font-face {
  font-family:'SourceHanSerifCN-Medium'; src:url('../fonts/SourceHanSerifCN-Medium.otf'); 
}*/

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



/**index**/
.mjHead{ background:#fff; width:100%; position:relative; z-index:999; transition:all .3s ease;}
.mjHead.topFix{ position:fixed; left:0; top:0; box-shadow:0 0 10px rgba(0,0,0,.15);}
.mjHead .w{ display:flex; align-items:center;}
.mjHead-logo{ width:3.03rem; }
.mjHead-nav{ display:flex; flex:2; justify-content:flex-end;}
.mjHead-nav li{ margin:0 0.1rem; position:relative;}
.mjHead-nav li a.far{ font-size:0.18rem; line-height:1rem;  display:inline-block; padding:0 0.3rem;}
.mjHead-nav li:hover a.far, .mjHead-nav li.active a.far{ background:#4c8dd7; color:#fff;}
.mjHead-nav li .subNav{ background:rgba(0,0,0,.7); width:100%; position:absolute; right:0; top:100%; text-align:center; padding:5px 0; border-top:5px #e5bd6e solid; display:none; }
.mjHead-nav li .subNav a{ line-height:0.25rem; padding:5px 0; display:block; font-size:0.14rem; color:#fff;}
.mjHead-nav li .subNav a:hover{ background:#4c8dd7; color:#fff;}
.mjHead-tools{ line-height:1; font-size:0.18rem; text-transform:uppercase; display:flex; align-items:center; border-left:2px solid #333; padding-left:0.5rem;}
.mjHead-tools .srhbtn{ margin-left:0.35rem; cursor:pointer;}

.mjHead-search { background-color:#fff; width:100%; padding:0.2rem 0.65rem 0.2rem 1.1rem; position:fixed; left:0; top:0; z-index:9999; transition:all .5s ease; transform:translateY(-120%);  box-shadow:0 1px 3px rgba(0, 0, 0, 0.12);}
.mjHead-search.on { transform:none; }
.mjHead-search .srh-box { position:relative; width:60%; padding-left:0.8rem; padding-right:0.4rem; margin:0.5rem auto 0; }
.mjHead-search .sea-tit{ line-height:0.4rem; margin-bottom:0.1rem; color:#666; }
.mjHead-search .sea-form{ display:block; width:100%; position:relative; }
.mjHead-search .sea-form .sinpt{ background-color:transparent; width:100%; padding:0.2rem 0.6rem 0.2rem 0; display:block; line-height:0.25rem; font-size:0.24rem; color:#4c8dd7; border-bottom:2px solid #4c8dd7;}
.mjHead-search .sea-form .sbtn{ background:none; position:absolute; line-height:0.65rem; top:0; right:0; width:0.4rem; font-size:0.24rem; color:#4c8dd7; cursor:pointer; font-weight:bold; }
.mjHead-search .srh-close{ position:absolute; right:0.65rem; top:0.2rem; font-size:0.3rem; line-height:1; cursor:pointer; color:#4c8dd7; transition:all 0.4s;}
.mjHead-search .srh-close:hover{ transform:rotate(180deg);}



.mjIndex-page{ width:100%; height:100vh; position:relative; overflow:hidden;}
.mjIndex-page>.swiper-wrapper>.swiper-slide{ -webkit-transition:all .6s; -o-transition:all .6s; transition:all .6s; -webkit-transform:scale(.8); -ms-transform:scale(.8); transform:scale(.8); opacity:.6;}
.mjIndex-page>.swiper-wrapper>.swiper-slide.active { -webkit-transition:all 0s; -o-transition:all 0s; transition:all 0s; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1; }
.swiper-slide .mjHead{ position:absolute; left:0; top:0;}


.mjIndex-page div.active .mjAbout-inner .word .t{ animation-name:fadeInLeft; animation-duration:1s;}
.mjIndex-page div.active .mjAbout-inner .word .c{ animation-name:fadeInLeft; animation-duration:1.2s;}
.mjIndex-page div.active .mjAbout-inner .data dl{ animation-name:fadeInRight; animation-duration:1.4s;}
.mjIndex-page div.active .mjAbout-inner .data dl:nth-child(2){ animation-duration:1.6s;}
.mjIndex-page div.active .mjAbout-inner .data dl:nth-child(3){ animation-duration:1.8s;}
.mjIndex-page div.active .mjAbout-material{ animation-name:bounceInRight; animation-duration:1.6s;}

.mjIndex-page div.active .mjProduct-head .ti{ animation-name:fadeInLeft; animation-duration:1s;}
.mjIndex-page div.active .mjProduct-head .tc{ animation-name:fadeInLeft; animation-duration:1.2s;}

.mjIndex-page div.active .mjProduct-list li{ animation-name:fadeInUp; animation-duration:1s;}
.mjIndex-page div.active .mjProduct-list li:nth-child(2){ animation-duration:1.2s;}
.mjIndex-page div.active .mjProduct-list li:nth-child(3){ animation-duration:1.4s;}
.mjIndex-page div.active .mjProduct-list li:nth-child(4){ animation-duration:1.6s;}


.mjIndex-page div.active .mjNews-head{ animation-name:fadeInUp; animation-duration:1s;}
.mjIndex-page div.active .mjNews-list li{ animation-name:fadeInRight; animation-duration:1s;}
.mjIndex-page div.active .mjNews-list li:nth-child(2){ animation-duration:1.2s;}
.mjIndex-page div.active .mjNews-list li:nth-child(3){ animation-duration:1.4s;}
.mjIndex-page div.active .mjNews-list li:nth-child(4){ animation-duration:1.6s;}

.mjIndex-page div.active .mjPartner-word .wt{ animation-name:fadeInDown; animation-duration:1s;}
.mjIndex-page div.active .mjPartner-word .wf{  animation-name:fadeInUp; animation-duration:1.2s;}
.mjIndex-page div.active .mjPartner-list{ animation-name:zoomIn; animation-duration:1.4s;}
.mjIndex-page div.active .mjFooter{ animation-name:fadeIn; animation-duration:1.6s;}



.mjBanner{ width:100%; height:100%; position:relative; overflow:hidden;}
.mjBanner li img{ width:100%; height:100%; object-fit:cover; }
.mjBanner .swiper-pagination{ width:auto !important; left:8.35% !important; bottom:0.44rem  !important; font-size:0;}
.mjBanner .swiper-pagination-bullet{ background:#fff; width:0.4rem; height:0.06rem; opacity:1; border-radius:3px;}
.mjBanner .swiper-pagination-bullet-active{ background:#4c8dd7;}
.mjBanner .swiper-button-next, .mjBanner .swiper-button-prev{ width:0.6rem; height:0.6rem; line-height:0.6rem; text-align:center; font-size:0.2rem; color:#fff; margin-top:auto; top:auto; bottom:0.44rem;}
.mjBanner .swiper-button-next:before, .mjBanner .swiper-button-prev:before{ content:''; width:100%; height:100%; position:absolute; left:0; top:0; box-sizing:border-box; transition:all 0.4s; border:2px #fff dashed; border-radius:50%;}
.mjBanner .swiper-button-next{ right:8.35%;}
.mjBanner .swiper-button-prev{ left:auto; right:calc(8.35% + 1.1rem); }
.mjBanner .swiper-button-next:hover:before, .mjBanner .swiper-button-prev:hover:before{ animation:a 2.5s linear infinite;}
@keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}



.mjAbout{ background-image:url(../images/mjAbout-bg.jpg); background-position:center; background-size:cover; width:100%; height:100%; position:relative; padding-top:1rem;}
.mjAbout-inner .w{ display:flex; justify-content:space-between;}
.mjAbout-inner .word{ width:38.75%;}
.mjAbout-inner .word .t{ font-size:0.36rem; line-height:1; font-weight:lighter;}
.mjAbout-inner .word .c{ font-family:'pingFangSC-MEDIUM'; font-size:0.18rem; line-height:0.36rem; margin-top:0.4rem;}
.mjAbout-inner .data{ width:44%;}
.mjAbout-inner .data dl{ display:flex; align-items:center; justify-content:space-between; padding:0.35rem 0; border-bottom:1px solid rgba(15,173,238,.1);}
.mjAbout-inner .data dl:last-child{ border-bottom:0;}
.mjAbout-inner .data dl dt .num{ font-family:'bahnschrift'; font-size:0.36rem; color:#4c8dd7;}
.mjAbout-inner .data dl dd .iconfont{  background-image:-webkit-linear-gradient(left,#4c8dd7,#84b6ef); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-size:0.47rem;}

.mjAbout-material{ background:#fff; width:62.5%; position:absolute; right:0; bottom:0.7rem; padding:0.65rem 9% 0.65rem 0.6rem; display:flex; justify-content:space-between; border-radius:5px 0 0 5px;}
.mjAbout-material .text{ width:19%; display:flex; justify-content:space-between; flex-direction:column;}
.mjAbout-material .text .t{ font-size:0.36rem; line-height:1; font-weight:lighter;}
.mjAbout-material .text .m{ background-image:linear-gradient(to right, #4c8dd7 ,#84b6ef); line-height:0.26rem; font-size:0.14rem; color:#fff; padding:0.1rem 0.25rem; display:flex; display:flex; align-items:center; justify-content:space-between; border-radius:0.25rem; }
.mjAbout-material .text .m .iconfont{ background:#97c1f0; width:0.26rem; height:0.26rem; text-align:center; font-size:0.12rem; border-radius:50%;}
.mjAbout-material .text .m:hover{ padding:0.1rem 0.3rem;}
.mjAbout-material .desc{ width:70.5%; line-height:0.36rem;}



.mjProduct{ background-image:url(../images/mjProduct-bg.jpg); background-position:center; background-size:cover; width:100%; height:100%; padding:1rem 0 0.78rem 0;}
.mjProduct .w{ height:100%; display:flex; justify-content:space-between; flex-direction:column;}
.mjProduct-head .ti{ font-size:0.36rem; line-height:1; font-weight:lighter;}
.mjProduct-head .tc{ font-family:'pingFangSC-MEDIUM'; font-size:0.18rem; max-width:38.75%; line-height:0.36rem; margin-top:0.4rem;}
.mjProduct-list{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.mjProduct-list li{ background:#fff; width:48.8%; margin-top:0.25rem; border-radius:0.1rem; transition:all 0.4s;}
.mjProduct-list li a{ display:flex;}
.mjProduct-list li .category{ width:34.6%; padding:0.35rem 0 0.35rem 0.55rem; line-height:1; font-size:0.18rem; transition:all 0.4s;}
.mjProduct-list li .category img{ width:0.7rem; margin-bottom:0.2rem;}
.mjProduct-list li .word{ flex:1; padding-top:0.35rem; border-left:1px #e6e6e6 solid;}
.mjProduct-list li .word .de{ line-height:0.3rem; /*max-height:0.6rem;*/ padding:0 0.2rem; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; /*-webkit-line-clamp:2; */-webkit-box-orient:vertical; transition:all 0.4s;}
.mjProduct-list li .word .dm{ display:flex; align-items:center; justify-content:space-between; line-height:0.53rem; font-size:0.14rem; padding:0 0.2rem; color:#999; margin-top:0.3rem; transition:all 0.4s; border-top:1px #e6e6e6 solid;}
.mjProduct-list li:hover{ background:#4c8dd7;}
.mjProduct-list li:hover .category{ color:#fff;}
.mjProduct-list li:hover .word .de{ color:#fff;}
.mjProduct-list li:hover .word .dm{ color:#fff;}


.mjNews{ background:#f5f8f9; display:flex; align-items:center; width:100%; height:100%;}
.mjNews-head{ display:flex; justify-content:space-between; align-items:center; position:relative; z-index:2; }
.mjNews-head .cn{ font-size:0.36rem; line-height:1; font-weight:lighter;}
.mjNews-head .mo{ background-image:linear-gradient(to right, #4c8dd7 ,#84b6ef); min-width:1.8rem; line-height:0.26rem; font-size:0.14rem; color:#fff; padding:0.1rem 0.25rem; display:flex; align-items:center; justify-content:space-between; border-radius:0.25rem; }
.mjNews-head .mo .iconfont{ background:#97c1f0; width:0.26rem; height:0.26rem; text-align:center; font-size:0.12rem; border-radius:50%;}


.mjNews-list{ position:relative; padding-bottom:1.5rem; margin-top:0.7rem; z-index:2;}
.mjNews-list li{ background:#fff; border-radius:5px; opacity:0.3;}
.mjNews-list li .thumb{ height:3.2rem; overflow:hidden; border-radius:5px 5px 0 0;}
.mjNews-list li .thumb span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s;}
.mjNews-list li .word{ padding:0.3rem 0.25rem 0.65rem 0.25rem; position:relative;}
.mjNews-list li .word .t{ font-size:0.18rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mjNews-list li .word .c{ line-height:0.28rem; max-height:0.56rem; margin-top:0.2rem; color:#333; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.mjNews-list li .word .m{ background:#d9d9d9; min-width:1.8rem; line-height:0.26rem; font-size:0.14rem; color:#fff; padding:0.1rem 0.25rem; display:flex; display:flex; align-items:center; justify-content:space-between; border-radius:0.25rem; position:absolute; left:50%; transform:translateX(-50%); bottom:-0.22rem; transition:all 0.4s;}
.mjNews-list li .word .m .iconfont{ background:#e1e1e1; width:0.26rem; height:0.26rem; text-align:center; font-size:0.12rem; border-radius:50%; transition:all 0.4s;}
.mjNews-list li:hover .thumb span{ transform:scale(1.05);}
.mjNews-list li:hover .word .m{ background-image:linear-gradient(to right, #4c8dd7 ,#84b6ef); }
.mjNews-list li:hover .word .m .iconfont{ background:#97c1f0;}
.mjNews-list li.swiper-slide-active{ opacity:1;}
.mjNews-list li.swiper-slide-active + li{ opacity:1;}
.mjNews-list li.swiper-slide-active + li + li{ opacity:1;}
.mjNews-list .swiper-scrollbar{ background:#fff; width:100%; left:0; height:4px; opacity:1  !important;}
.mjNews-list .swiper-scrollbar-drag{ background:#74abe8;}
.mjNews-list .swiper-pagination{ font-family:'bahnschrift'; font-size:0.14rem; width:auto !important; left:0; bottom:0.4rem !important;}
.mjNews-list .swiper-pagination .zero{ font-size:0.3rem; color:#74abe8;}
.mjNews-list .swiper-pagination .swiper-pagination-current{ font-size:0.3rem; color:#74abe8;}
.mjNews-list .swiper-button-next, .mjNews-list .swiper-button-prev{ width:0.6rem; height:0.6rem; line-height:0.6rem; text-align:center; font-size:0.2rem; color:#999; margin-top:auto; top:auto; bottom:0.44rem;}
.mjNews-list .swiper-button-next:before, .mjNews-list .swiper-button-prev:before{ content:''; width:100%; height:100%; position:absolute; left:0; top:0; box-sizing:border-box; transition:all 0.4s; border:2px #999 dotted; border-radius:50%;}
.mjNews-list .swiper-button-next{ right:0;}
.mjNews-list .swiper-button-prev{ left:auto; right:1.1rem; }
.mjNews-list .swiper-button-next:hover, .mjNews-list .swiper-button-prev:hover{ color:#74abe8;}
.mjNews-list .swiper-button-next:hover:before, .mjNews-list .swiper-button-prev:hover:before{ animation:a 2.5s linear infinite; border-color:#74abe8;}
#particles-js{ width:100%; height:100%; position:absolute; left:0; top:0;}


.mjPartner{ background-image:url(../images/mjPartner-bg.jpg); background-position:center; background-size:cover; display:flex; align-items:center;}
.mjPartner .w{ display:flex; justify-content:space-between;}
.mjPartner-word{ width:34%; color:#fff;}
.mjPartner-word .wt{ line-height:0.3rem;}
.mjPartner-word .wf{ font-size:0.36rem; line-height:0.6rem; margin-top:1rem;}
.mjPartner-list{ width:66%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:-0.3rem;}
.mjPartner-list a{ width:33.33%; height:0.85rem; margin:0.3rem 0; display:flex; align-items:center; justify-content:center;}
.mjPartner-list a img{ cursor:pointer; max-height:100%; height:auto; transition:all 0.4s ease;}
.mjPartner-list a:hover img{  animation:swing 1s infinite linear;}


.mjFooter{ background:#011d38;}
.mjFooter-top{ padding:0.3rem 0; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.1); }
.mjFooter-top .f-menu a{ color:#fff; font-size:0.18rem; margin-left:0.9rem; font-weight:lighter;}
.mjFooter-top .f-menu a:hover{ opacity:0.7;}
.mjFooter-mid{ padding:0.55rem 0 0.25rem 0; display:flex; align-items:center; justify-content:space-between;}
.mjFooter-mid .m-address{ display:flex;}
.mjFooter-mid .m-address li{ max-width:2.3rem; color:#fff; margin-right:5.98vw; line-height:0.26rem;}
.mjFooter-mid .m-address li .iconfont{ width:0.46rem; height:0.46rem; font-size:0.2rem; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.3); border-radius:50%;}
.mjFooter-mid .m-address li .tit{ font-size:0.16rem; margin-top:0.15rem; padding-bottom:0.15rem;}
.mjFooter-mid .m-address li .tel{ font-size:0.22rem; word-break:break-all; word-wrap:break-word;  }
.mjFooter-mid .m-address li:first-child{ min-width:1.8rem;}
.mjFooter-mid .m-code{ display:flex;}
.mjFooter-mid .m-code li{ max-width:1.1rem; text-align:center; color:#fff; font-size:0.14rem; margin-left:0.3rem;}
.mjFooter-mid .m-code li img{ margin-bottom:0.1rem;}
.mjFooter-btm{ font-size:0.14rem; color:#fff; padding:0.2rem 0; border-top:1px solid rgba(255,255,255,.1);}



/**新闻动态**/
.pbanner{ position:relative;}
.pbanner-pic{ width:100%; display:block;}
.pbanner-text{ width:83.3%;  position:absolute; bottom:-0.37rem; left:0; right:0; margin:auto; z-index:5;}
.pbanner-text .msg { position:absolute; left:1.2rem; top:50%; margin-top:-0.35rem; z-index:2; color:#fff; line-height:1; }
.pbanner-text .msg .en { white-space:nowrap; text-transform:uppercase; font-size:0.36rem; display:block; }
.pbanner-text .msg .cn{  font-size:0.24rem; margin-top:0.1rem;}
.pbanner-text .mask { background:url(../images/pbanner-round.png) no-repeat; background-size:100% 100%; height:2.32rem; width:2.32rem; display:block;}


.pmain{ padding:1rem 0;}
.pmain-head{ display:flex; align-items:center;}
.pmain-head .title .cn{ font-size:0.24rem; line-height:1; display:flex; align-items:center;}
.pmain-head .title .cn i{ background:#0468c6; width:0.06rem; height:0.06rem; margin-left:0.2rem; border-radius:50%;}
.pmain-head .title .en{ font-size:0.18rem; color:#4c8dd7; line-height:1; margin-top:0.07rem;}
.pmain-head .tabs{ flex:1;}
.pmain-head .tabs a{ font-size:0.2rem;  margin-left:1.2rem; position:relative; padding-bottom:0.15rem; color:#525252; }
.pmain-head .tabs a:before{ content:''; background:#0468c6; width:0; height:0.04rem; position:absolute; left:0; bottom:0; transition:all 0.4s;}
.pmain-head .tabs a.on, .pmain-head .tabs a:hover{ color:#4c8dd7;}
.pmain-head .tabs a.on:before, .pmain-head .tabs a:hover:before{ width:0.24rem;}

.pmain-page{ padding-top:0.7rem; font-size:0.18rem; line-height:0.6rem; font-family:'pingFangSC-BOLD'; display:flex; justify-content:center; align-items:center;}
.pmain-page a, .pmain-page span{ color:#474f59; margin:0 0.15rem;}
.pmain-page .nowpage{ color:#0468c6;}
.pmain-page a:first-child, .pmain-page a:last-child{ background:#fff; border-radius:8px; padding:0 0.5rem; margin:0 0.6rem; box-shadow:3px 0 0.21rem rgba(28,157,242,.2);}
.pmain-page a:first-child:hover, .pmain-page a:last-child:hover{ background:#4c8dd7; color:#fff;}


.pnews-list li{ margin-top:0.5rem;}
.pnews-list li a{ display:flex; align-items:center; justify-content:space-between;}
.pnews-list li .tex-time{ font-family:'bahnschrift'; width:9.3%; font-size:0.18rem; color:#4c8dd7;}
.pnews-list li .tex-time > span{ font-size:0.36rem; }
.pnews-list li .tex-box{ padding:0.35rem 11% 0.35rem 0; width:77.7%; display:flex; align-items:center; justify-content:space-between; transition:all .5s ease; box-shadow:0 0 0.2rem rgba(67,67,67,.1); }
.pnews-list li .tex-box .pic{ width:38.5%; height:2.5rem; margin-left:-19%; transition:all .5s ease; }
.pnews-list li .tex-box .pic img{ width:100%; height:100%; object-fit:cover;}
.pnews-list li .tex-box .word{ flex:1; padding-left:0.7rem; }
.pnews-list li .tex-box .word .t{ font-size:0.24rem; line-height:0.36rem; max-height:0.72rem; transition:all .5s ease; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.pnews-list li .tex-box .word .c{ line-height:0.36rem; color:#475d66; max-height:0.72rem; margin-top:0.2rem; transition:all .5s ease; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.pnews-list li:hover .tex-box{ background-color:#4c8dd7; }
.pnews-list li:hover .tex-box .pic{  margin-left:-22%; box-shadow:0 0 14px rgba(4,104,198,.53);}
.pnews-list li:hover .tex-box .t{ color:#fff; }
.pnews-list li:hover .tex-box .c{ color:#fff; }

.pnews-details-head{ padding-bottom:0.4rem; border-bottom:1px solid #eee;}
.pnews-details-head .title{ font-size:0.3rem; font-weight:bold; margin-bottom:0.14rem; line-height:1.5;}
.pnews-details-head .date{ font-size:0.15rem; color:#9a9a9a;}
.pnews-details-head .date b{ font-size:0.18rem; color:#333;}
.pnews-details-parent{ line-height:2; padding:0.4rem 0;}
.pnews-details-page{ font-size:0.18rem; text-align:center; padding-top:0.5rem; color:#9a9a9a; border-top:1px solid #eee;}
.pnews-details-page a.prev, .pnews-details-page a.next{  margin:0 0.2rem; color:#9a9a9a;}
.pnews-details-page a:hover{ color:#4c8dd7;}
.pnews-details-page a.return{ background:#4c8dd7; display:inline-block; width:1.2rem; height:0.5rem; line-height:0.5rem; margin-top:0.4rem; text-align:center; color:#fff; box-shadow:0px 11px 50px -6px rgb(0,0,0,.3); }
.pnews-details-page a.return:hover{ background:#134da0;}


/**产品中心**/
.pproduct-list{ margin-left:-0.5rem; position:relative; display:flex; flex-wrap:wrap;}
.pproduct-list li{ width:calc(33.33% - 0.5rem); height:4.06rem; margin:0.5rem 0 0 0.5rem; overflow:hidden;}
.pproduct-list li img{ width:100%; height:100%; object-fit:cover; display:block; transition:all 0.4s;}
.pproduct-list li .cover{ width:100%; position:absolute; left:0; bottom:0.25rem; z-index:2; color:#fff; padding:0 0.2rem; display:flex; align-items:center; justify-content:space-between;}
.pproduct-list li .cover .n{ font-family:'pingFangSC-BOLD'; font-weight:bold; font-size:0.2rem;}
.pproduct-list li .cover .m{ background:url(../images/more.png) no-repeat right center; background-size:0.25rem auto; padding-right:0.3rem; font-size:0.18rem;}
.pproduct-list li:hover img{ transform:scale(1.05);}


.pproduct-column{ width:27.5%;}
.pproduct-column ul{ display:none;}
.pproduct-column li a{ background:#f5f5f5; font-size:0.18rem; display:block; line-height:0.7rem; position:relative; padding-left:0.3rem; margin-top:1px; }
.pproduct-column li a .iconfont{ height:100%; display:flex; align-items:center; color:#3d3d3d; position:absolute; right:0.25rem; top:0; transition:all 0.4s;}
.pproduct-column li .two li a{ background:#ebedf0; font-size:0.16rem; color:#4c4c4c; padding-left:0.6rem; }
.pproduct-column li .three li a{ background:#e1e3e6; font-size:0.16rem; color:#666; padding-left:0.9rem;}
.pproduct-column li .three li a:hover, .pproduct-column li .three li a.on{ background:#4c8dd7; color:#fff;}
.pproduct-column > li > a.inactives{background:#4c8dd7;  box-shadow:0 0 0.2rem rgba(72,131,196,.2);     color: #fff;}
.pproduct-column li a.inactives .iconfont{ transform:rotate(90deg);color: #fff;}


.pproduct-series{ width:65.4%; padding-bottom:1rem;}
.pproduct-series .series-thumb{ position:relative; max-height:4.48rem; overflow:hidden;}
.pproduct-series .series-thumb img{ width:100%;}
.pproduct-series .series-thumb .name{ background:rgba(0,0,0,.5); width:100%; padding:0.1rem 0 0.1rem 0.65rem; position:absolute; left:0; bottom:0; font-size:0.3rem; color:#fff; z-index:2;}
.pproduct-series .series-menu a{ background:#f5f5f5;  font-family:'pingFangSC-MEDIUM'; font-size:0.18rem; display:block; line-height:0.8rem; position:relative; padding-left:0.65rem; margin-top:1px;}
.pproduct-series .series-menu a .iconfont{ height:100%; display:flex; align-items:center; color:#3d3d3d; position:absolute; right:0.6rem; top:0; transition:all 0.4s;}
.pproduct-series .series-menu a:hover{ background:#4c8dd7; color:#fff;}
.pproduct-series .series-menu a:hover .iconfont{ color:#fff;}

.pproduct-series .series-menu .jt{ background:#f5f5f5; font-size:0.18rem; display:block; line-height:0.8rem; position:relative; padding-left:0.65rem; margin-top:1px; cursor:pointer;}
.pproduct-series .series-menu .jt .iconfont{ height:100%; display:flex; align-items:center; color:#3d3d3d; position:absolute; right:0.6rem; top:0; transition:all 0.4s;}
.pproduct-series .series-menu .jt.jt-act{ background:#4c8dd7; color:#fff;}
.pproduct-series .series-menu .jt.jt-act .iconfont{ color:#fff; transform:rotate(90deg);}
.pproduct-series .series-menu .jc{ font-size:0.18rem; line-height:0.36rem; color:#697880; padding:0.5rem 0.65rem 1rem 0.65rem; display:none;}


.pproduct-series .pro-details-tit{ font-size:0.3rem; line-height:1; padding-bottom:0.25rem; border-bottom:1px #e1e3e6 solid;}
.pproduct-series .pro-details-txt{ line-height:0.3rem; color:#697880; margin-top:0.6rem;}


/**联系我们**/
.pcontact{ margin-top:0.8rem;}
.pcontact-head{ display:flex; align-items:center; font-size:0.22rem; line-height:1; color:#4c8dd7;}
.pcontact-head label{ font-size:0.36rem; color:#4c8dd7;}
.pcontact-head em{ background:#4c8dd7; width:0.15rem; height:2px; margin:0 0.15rem 0 0.05rem;}

.pcontact-filed{ display:flex; align-items:center; justify-content:space-between; margin-top:0.5rem;}
.pcontact-filed li .t{ font-size:0.2rem; line-height:1;}
.pcontact-filed li .iconfont{ width:0.6rem; height:0.6rem; font-size:0.3rem; color:#4c8dd7; margin-top:0.25rem; display:flex; align-items:center; justify-content:center; border:2px #4c8dd7 solid; border-radius:50%;}
.pcontact-filed li .c{ max-width:2.4rem; font-size:0.2rem; line-height:0.3rem; color:#4c8dd7; margin-top:0.2rem; }
.pcontact-filed li .tel{ font-family:'bahnschrift'; font-size:0.24rem;}
.pcontact-map{ height:6rem; margin-top:0.5rem;}

.pmessage{ margin-top:1rem;}
.pmessage .pcontact-head{ flex-direction:column; justify-content:center;}
.pmessage .pcontact-head em{ margin:0.15rem 0;}

.pmessage-filed { padding-top:0.2rem;}
.pmessage-filed li{ overflow:hidden; margin-top:0.4rem;}
.pmessage-filed li .li-row{ width:46%;}
.pmessage-filed li label{ color:#697880; display:block; font-size:0.18rem; padding-bottom:0.2rem;}
.pmessage-filed li .aside{ background:#f5f5f5; position:relative; transition:all 0.4s; display:flex; padding:0 0.35rem; border:2px #f0f0f0 solid;}
.pmessage-filed li .iconfont{ width:0.5rem; font-size:0.31rem; color:#b2b2b2; line-height:0.68rem; transition:all 0.4s;}
.pmessage-filed li .inpt{ background:none; flex:1; color:#242e33; font-size:0.18rem; height:0.68rem; line-height:0.68rem; transition:all 0.4s;}
.pmessage-filed li .inpt::-webkit-input-placeholder { color:#b1b2b2; }
.pmessage-filed li .inpt.area{ height:3.2rem; line-height:0.32rem; padding:0.19rem 0;}
.pmessage-filed li .inpt::-webkit-input-placeholder { color:#b1b2b2; }
.pmessage-filed li .aside:hover{ background:#4c8dd7; border-color:#84beff;}
.pmessage-filed li .aside:hover .iconfont{ color:#fff;}
.pmessage-filed li .aside:hover .inpt{ color:#fff;}
.pmessage-filed li .aside:hover .inpt::-webkit-input-placeholder { color:#fff; }

.pmessage-button{ padding-top:0.5rem;}
.pmessage-button .yzm-inpt{ width:1.8rem; float:left; padding-left:0.1rem; height:0.6rem; line-height:0.6rem; border:2px #f0f0f0 solid;}
.pmessage-button .yzm-img{ height:0.6rem; float:left; margin:0 0.2rem;}
.pmessage-button .yzm-btn{ background:#4c8dd7; width:2.5rem; line-height:0.6rem; color:#fff; display:inline-block; font-size:0.18rem; cursor:pointer; margin-left:0.2rem;}



/**关于我们**/
.pabout-Introd{ background:url(../images/pabout-Introd.jpg) no-repeat top center; background-size:100% auto; position:relative; padding:1.1rem 0 0.9rem 0;}
.pabout-Introd:before{ content:''; background:#4c8dd7; width:100%; height:3.8rem; position:absolute; left:0; bottom:0;}
.pabout-Introd-inner{ margin-top:0.8rem; padding:0 0.65rem;}
.pabout-Introd-inner .word{ font-size:0.18rem; line-height:0.3rem; color:#697880; padding-left:0.7rem; margin-top:0.1rem; overflow:hidden;}
.pabout-Introd-thumb{ margin-top:0.6rem; padding-left:8.33%; position:relative;}

.pabout-concept{ background-image:url(../images/pabout-concept.jpg); background-size:cover; background-position:center; width:100%; color:#fff; text-align:center; padding:1.2rem 0;}
.pabout-concept .pcontact-head{ flex-direction:column; justify-content:center;}
.pabout-concept .pcontact-head em{ margin:0.15rem 0;}
.pabout-concept .pcontact-head label{ color:#fff;}
.pabout-concept .text{ font-size:0.18rem; max-width:83%; margin:auto; margin-top:0.3rem; line-height:0.36rem;}

.pabout-vision{ background-image:url(../images/pabout-vision.jpg); background-size:cover; background-position:center; padding:1.5rem 0 1.6rem 0;}
.pabout-vision .text{ max-width:42%; font-size:0.18rem; line-height:0.3rem; margin-top:0.15rem; padding-left:0.7rem;}

.pabout-team{ padding:0.7rem 0 1.1rem 0;}
.pabout-team .pcontact-head{ flex-direction:column; justify-content:center;}
.pabout-team .pcontact-head em{ margin:0.15rem 0;}
.pabout-team-list{ position:relative; overflow:hidden; margin-top:0.55rem; /*padding:0 0.45rem;*/}
.pabout-team-list li{ border:1px #dadbde solid;}
.pabout-team-list li a{ display:flex;}
.pabout-team-list li .thumb{ width:40%; overflow:hidden;}
.pabout-team-list li .thumb img{ width:100%; display:block; transition:all 0.4s;}
.pabout-team-list li .text{ width:60%; background:#f8fcff; transition:all 0.4s; padding:0.3rem;}
.pabout-team-list li .text .t{ line-height:0.48rem; font-family:'pingFangSC-MEDIUM'; font-size:0.22rem; font-weight:bold; transition:all 0.4s;}
.pabout-team-list li .text .c{ margin-top:0.25rem; font-size:0.18rem; line-height:0.32rem; color:#546066; }
.pabout-team-list li:hover .thumb img{ transform:scale(1.05);}
.pabout-team-list li:hover .text{ background:#4c8dd7;}
.pabout-team-list li:hover .text .t{ color:#fff;}
.pabout-team-list li:hover .text .c{ color:#fff;}
.pabout-team-list .swiper-button-next, .pabout-team-list .swiper-button-prev{ width:auto; height:auto; font-size:0.2rem; display:none;}
.pabout-team-list .swiper-button-next{ right:0;}
.pabout-team-list .swiper-button-prev{ left:0;}
.pabout-team-list .swiper-button-next:hover, .pabout-team-list .swiper-button-prev:hover{ color:#4c8dd7;}

.pabout-power{ background:#4c8dd7; padding:0.8rem 0;}
.pabout-power-sider{ background:#dce4e6; width:47%; position:relative; margin-top:-1.7rem; z-index:2; padding:0.8rem 1rem;}
.pabout-power-sider .sider-box{ overflow:hidden;}
.pabout-power-sider .swiper-slide { -webkit-transition:transform 1.0s; -moz-transition:transform 1.0s; -ms-transition:transform 1.0s; -o-transition:transform 1.0s; -webkit-transform:scale(0.9); transform:scale(0.9); }
.pabout-power-sider .swiper-slide-active, .pabout-power-sider .swiper-slide-duplicate-active { -webkit-transform:scale(1); transform:scale(1); }

.pabout-power-inner{ color:#fff; width:47%;}
.pabout-power-inner .pcontact-head{ flex-direction:column; align-items:flex-start; }
.pabout-power-inner .pcontact-head em{ background:#fff; margin:0.2rem 0;}
.pabout-power-inner .pcontact-head label{ color:#fff;}
.pabout-power-inner .text{ font-size:0.18rem; line-height:0.36rem; margin-top:0.1rem;}



.Mobile-button{ width:40px; height:40px; position:absolute; top:4px; right:5px; display:flex; align-items:center; justify-content:center; flex-direction:column; display:none;}
.Mobile-button .solid{  background-color:#4c8dd7; width:28px; height:3px; transition:all 0.6s ease;}
.Mobile-button .solid2{ margin:7px 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:#4c8dd7; width:300px; height:100%; position:fixed; z-index:998; top:0; left:-100%; overflow-y:auto; padding:70px 0 0 0; transition:left ease 0.35s;}
.Mobile-menu.onShow{ left:0; }
.Mobile-menu li{ position:relative;}
.Mobile-menu li a{ display:block; padding:15px 20px; color:#fff; font-size:16px; text-transform:capitalize; border-bottom:solid 1px rgba(255,255,255,.2);}
.Mobile-menu li i.arrow{ background:url(../images/menu-arrow.png) no-repeat center; width:40px; height:52px; position:absolute; top:0; right:0; transition:all 0.4s ease; }
.Mobile-menu li a.on + .arrow{ transform:rotate(90deg);}
.Mobile-menu li ul{ background:#639cdc; padding-left:30px; display:none;}
.Mobile-menu li ul li a{ padding:0; line-height:38px; font-size:15px; color:#fff; font-weight:normal; border-bottom:0;}