@charset "utf-8";
/* CSS Document */
/**https://scangoo.cn/**/


html{ font-size:100px;}
body { background:#fff; font-size:0.16rem; font-family:"Microsoft Yahei"; color:#333; overflow-x:hidden; -webkit-tap-highlight-color:transparent; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea { font-size:0.16rem; font-family:"Microsoft Yahei"; -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:#014da2; }
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:78%; max-width:1500px; min-width:1200px; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none !important;}


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

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


/**index**/
.kymHead{ background:rgba(255,255,255,.8); width:100%; position:absolute; left:0; top:0; z-index:99; padding:0 0.85rem 0 0.7rem; display:flex; justify-content:space-between; align-items:center;}
.kymHead.topFix{ background:#fff; position:fixed; box-shadow:0px 3px 8px 2px rgba(0, 0, 0, 0.1);}

.kymHead-logo{ width:4.54rem;}
.kymHead-nav{ display:flex; flex:2; justify-content:flex-end;}
.kymHead-nav li{ margin:0 0.1rem; position:relative;}
.kymHead-nav li a.far{ line-height:0.9rem; font-weight:lighter; display:inline-block; padding:0 0.25rem;}
.kymHead-nav li:hover a.far, .kymHead-nav li.active a.far{ background:#014da2; color:#fff;}
.kymHead-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; }
.kymHead-nav li .subNav a{ line-height:0.25rem; padding:5px 0; display:block; font-size:0.14rem; color:#fff;}
.kymHead-nav li .subNav a:hover{ background:#4c8dd7; color:#fff;}
.kymHead-tel{ color:#014da2; font-size:0.18rem;}
.kymHead-tel .iconfont{ margin-right:0.2rem;}


.menuBtn{ background:#014da2; width:50px; height:100%; cursor:pointer; position:absolute; right:0; top:0; display:none; }
.menuBtn > span{ background:#fff; width:27px; height:2px; display:block; position:absolute; left:50%; top:13px; transition:all 0.4s; transform:translateX(-50%); }
.menuBtn > span:nth-child(2){ top:23px;}
.menuBtn > span:nth-child(3){ top:33px;}

.SlideView { background:url(../images/Menu-bg.jpg) no-repeat right top #fff; width:100%; height:100vh; position:fixed; left:100%; top:0; z-index:999; transition:transform .6s cubic-bezier(.16, 1, .3, 1); transition:transform .6s cubic-bezier(.16, 1, .3, 1), -webkit-transform .6s cubic-bezier(.16, 1, .3, 1); transform: translateX(0);}
.SlideView-shown { -webkit-transform:translateX(-100%)!important; transform:translateX(-100%)!important }
.SlideView .docker { background:#f7f7f5; position:absolute; left:0; width:50px; height:100%;}
.SlideView .docker-tab { position:relative; display:block; color:#333; height:100%;}
.SlideView .docker-tab .tabText { font-size:16px; z-index:2; width:16px; line-height:18px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.SlideView .docker-tab:before { content: ""; background:#efefef; position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:1; transform:scaleY(.01); transition:transform .3s; transition:transform .3s, -webkit-transform .3s; -webkit-transform-origin:bottom; transform-origin:bottom;}
.SlideView .docker-tab:hover:before{ -webkit-transform:scaleY(1); transform:scaleY(1);}
.SlideView .close{ background:url(../images/menu-close.png) no-repeat center; background-size:15px auto; width:15px; height:15px; position:absolute; top:40px; left:50%; transform:translateX(-50%); z-index:10;}
.SlideView .asideMenu{ width:calc(100% - 50px); height:100%; margin-left:50px; padding:20px; overflow-y:auto;}
.SlideView .asideMenu a{ display:block; margin-top:25px; font-size:17px; font-weight:bold;}
.SlideView .asideMenu .subnav a{ display:inline-block; margin:15px 15px 0 0; font-size:15px; font-weight:normal;}


/*.kymBanner{ background-image:url(../images/kymBanner-bg.jpg); background-position:center; background-size:cover; width:100%; height:100vh; display:flex; align-items:center; justify-content:center; position:relative;}*/
.kymBanner-sider{ overflow:hidden; position:relative;}
.kymBanner-sider li{ display:flex; align-items:center;  justify-content:space-between; }
.kymBanner-sider li img{ width:100%;}
.kymBanner-sider li .word{ width:38.6%;}
.kymBanner-sider li .word .t{ font-size:0.36rem; font-weight:bold;}
.kymBanner-sider li .word .c{ font-size:0.18rem; color:#999; line-height:0.24rem; margin-top:0.2rem;}
.kymBanner-sider li .word .s{ font-size:0.24rem; font-weight:bold; margin-top:0.25rem;}
.kymBanner-sider li .word .i{ position:relative; margin-top:0.3rem; width:0.27rem; height:0.16rem; display:inline-block;}
.kymBanner-sider li .word .i::before, .kymBanner-sider li .word .i::after { content:""; display:block; width:0.16rem; height:0.16rem; border-radius:50%; position:absolute; top:50%; right:0; margin-top:-0.08rem; }
.kymBanner-sider li .word .i::before { background:#014da2; animation:dot1 2s linear infinite; }
.kymBanner-sider li .word .i::after { background:#fff; animation:dot2 2s linear infinite; }
.kymBanner-sider li .word .m{ background:#014da2; display:inline-block; margin-top:0.8rem; font-size:0.18rem; line-height:0.46rem; color:#fff; padding:0 0.35rem; border-radius:0.3rem;}
.kymBanner-sider li .word .m .iconfont{ font-size:0.24rem; margin-left:0.2rem; vertical-align:top; transition:all 0.4s;}
.kymBanner-sider li .thumb{ width:50%; padding:0 0.6rem 0.2rem 0; position:relative; z-index:2;}
.kymBanner-sider li .thumb:before{ content:''; background:#c0d7f1; width:70%; height:70%; position:absolute; right:0; bottom:0; border-radius:0.1rem; z-index:-1;}
.kymBanner-sider li.active .word .t{ animation-name:fadeInUp; animation-duration:1s;}
.kymBanner-sider li.active .word .c{ animation-name:fadeInUp; animation-duration:1.2s;}
.kymBanner-sider li.active .word .i{ animation-name:fadeInUp; animation-duration:1.4s;}
.kymBanner-sider li.active .word .s{ animation-name:fadeInUp; animation-duration:1.6s;}
.kymBanner-sider li.active .word .m{ animation-name:fadeInUp; animation-duration:1.8s;}
.kymBanner-sider li.active .thumb{ animation-name:zoomIn; animation-duration:1.8s;}

.kymBanner-sider .swiper-pagination{ bottom:0.22rem !important;}
.kymBanner-sider .swiper-pagination-bullet { background:#fff; width:0.15rem; height:0.15rem; margin:0 0.11rem !important; opacity:1;}
.kymBanner-sider .swiper-pagination-bullet-active{ background:#ff9000;}

/*.kymBanner-sider .swiper-pagination { width:auto !important; left:auto !important; right:3%; bottom:1.4rem !important;}
.kymBanner-sider .swiper-pagination-bullet { position:relative; width:0.06rem; height:0.06rem; background-color:#fff; margin:10px auto !important; display:block; opacity:1; }
.kymBanner-sider .swiper-pagination-bullet .wrapper-con { width:0.1rem; height:0.21rem; position:absolute; top:-1px; overflow:hidden; display:none; }
.kymBanner-sider .swiper-pagination-bullet .wrapper-con.right { right:-1px; }
.kymBanner-sider .swiper-pagination-bullet .wrapper-con.left { left:-1px; }
.kymBanner-sider .swiper-pagination-bullet .circleProgress { width:0.2rem; height:0.2rem; border:1px solid transparent; border-radius:50%; position:absolute; top:0; -webkit-transform:rotate(-135deg); }
.kymBanner-sider .swiper-pagination-bullet .rightcircle { border-bottom:1px solid #fff; border-left:1px solid #fff; right:0; }
.kymBanner-sider .swiper-pagination-bullet .leftcircle { border-top:1px solid #fff; border-right:1px solid #fff; left:0; }
.kymBanner-sider .swiper-pagination-bullet-active .wrapper-con { display:block; }
.kymBanner-sider .swiper-pagination-bullet-active { background-color:transparent; width:0.2rem; height:0.2rem; text-align:center; border:1px solid rgba(255, 255, 255, 0.4); }
.kymBanner-sider .swiper-pagination-bullet-active .rightcircle { -webkit-animation:circleProgressLoad_right 4s linear infinite; animation:circleProgressLoad_right 4s linear infinite; }
.kymBanner-sider .swiper-pagination-bullet-active .leftcircle { -webkit-animation:circleProgressLoad_left 4s linear infinite; animation:circleProgressLoad_left 4s linear infinite; }
*/
@keyframes circleProgressLoad_right {
  0% {
    transform:rotate(45deg);
  }
  50%,
  100% {
    transform:rotate(225deg);
  }
}
@keyframes circleProgressLoad_left {
  0%,
  50% {
    transform:rotate(45deg);
  }
  100% {
    transform:rotate(225deg);
  }
}


.kymProduct{ background-image:url(../images/kymProduct-bg.jpg); background-position:center; background-size:cover; padding:1.1rem 0 1.55rem 0;} 
.kymProduct-head{ position:relative;}
.kymProduct-head .title{ font-size:0.36rem; font-weight:bold; line-height:1; padding-bottom:0.22rem; position:relative;}
.kymProduct-head .title:before{ content:''; background:#014da2; width:0.8rem; height:0.02rem; position:absolute; left:0; bottom:0;}
.kymProduct-head .desc{ font-size:0.18rem; line-height:1; margin-top:0.3rem;}
.kymProduct-head .dot{ position:relative; margin-top:0.3rem; width:0.27rem; height:0.16rem; display:inline-block;}
.kymProduct-head .dot::before, .kymProduct-head .dot::after { content:""; display:block; width:0.16rem; height:0.16rem; border-radius:50%; position:absolute; top:50%; right:0; margin-top:-0.08rem; }
.kymProduct-head .dot::before { background:#014da2; animation:dot1 2s linear infinite; }
.kymProduct-head .dot::after { background:rgba(2,154,255,.8); animation:dot2 2s linear infinite; }
.kymProduct-head .view{ background:#014da2; position:absolute; right:0; top:0; line-height:0.48rem; color:#fff; padding:0 0.25rem;}
.kymProduct-head .view .iconfont{ font-size:0.24rem; margin-left:0.1rem; vertical-align:top; transition:all 0.4s;}
.kymProduct-head .view:hover .iconfont{ margin-left:0.2rem;}


/* 圆点交替动画 */
@keyframes dot1 {
  0% {
    right: translateX(0);
  }
  20% {
    transform: translateX(8px);
  }
  75% {
    transform: translateX(-8px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes dot2 {
  0% {
    right: translateX(0);
  }
  20% {
    transform: translateX(-8px);
  }
  75% {
    transform: translateX(8px);
  }
  100% {
    transform: translateX(0px);
  }
}

.kymProduct-cont{ display:flex; margin-top:0.5rem; border:1px #a8cbf1 solid;}
.kymProduct-sider{ background:#014da2; width:40%; position:relative; overflow:hidden; padding:0.6rem 0; border-right:1px #a8cbf1 solid;}
.kymProduct-sider li .thumb{ height:4.4rem; display:flex; align-items:center; justify-content:center;}
.kymProduct-sider li .thumb img{ max-height:100%;}
.kymProduct-sider li .name{ text-align:center; font-size:0.18rem; color:#fff; margin-top:0.15rem;}
.kymProduct-sider .swiper-button-next, .kymProduct-sider .swiper-button-prev{ width:auto; height:auto; color:#fff;}
.kymProduct-sider .swiper-button-next{ right:0.15rem;}
.kymProduct-sider .swiper-button-prev{ left:0.15rem;}

.kymProduct-list{ width:60%; display:flex; flex-wrap:wrap;}
.kymProduct-list li{ width:33.33%; padding:0.3rem 0.2rem; transition:all 0.3s; border-right:1px #a8cbf1 solid; border-bottom:1px #a8cbf1 solid;}
.kymProduct-list li .thumb{ height:2.1rem; display:flex; align-items:center; justify-content:center;}
.kymProduct-list li .thumb img{ max-height:100%;}
.kymProduct-list li .name{ text-align:center; margin-top:0.09rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.kymProduct-list li:nth-child(n+4){ border-bottom:0;}
.kymProduct-list li:nth-child(3n+3){ border-right:0;}
.kymProduct-list li:hover{ background:#014da2;}
.kymProduct-list li:hover .name{ color:#fff;}


.kymAbout-top{ background:url(../images/kymAbout-bg.jpg) no-repeat; background-size:100% auto; padding:0.95rem 0 0.55rem 0;}
.kymAbout-inner{ display:flex;}
.kymAbout-inner .word{ background:#014da2; width:50%; color:#fff; padding:1.2rem 0 0 11%;}
.kymAbout-inner .word .t{ font-size:0.24rem; line-height:1;}
.kymAbout-inner .word .s{ font-size:0.12rem; font-weight:lighter; margin-top:0.1rem;}
.kymAbout-inner .word .c{ padding-right:14%; line-height:0.36rem; font-weight:lighter; margin-top:0.5rem; max-height:2.16rem; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; text-align:justify;}
.kymAbout-inner .word .m{ background:#fff; display:inline-block; margin-top:0.9rem; line-height:0.48rem; color:#014da2; padding:0 0.25rem;}
.kymAbout-inner .word .m .iconfont{ font-size:0.24rem; margin-left:0.1rem; vertical-align:top; transition:all 0.4s;}
.kymAbout-inner .word .m:hover .iconfont{ margin-left:0.2rem;}
.kymAbout-inner .figure{ width:50%;}


.kymCase{ background:#eef3f9; padding:1rem 0 1.45rem 0;}
.kymCase-list{ margin-left:-0.5rem; position:relative;}
.kymCase-list li{ width:calc(25% - 0.5rem); overflow:hidden; margin:0.5rem 0 0 0.5rem; float:left; position:relative;}
.kymCase-list li .pic{ width:100%; height:2.8rem; object-fit:cover; transition:all 0.4s;}
.kymCase-list li .title{ background:url(../images/kymCase-bg.png) repeat-x bottom; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; color:#fff; display:flex; justify-content:center; align-items:end; padding-bottom:0.2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.4s;}
.kymCase-list li .cover{ background:rgba(1,77,162,.9); width:100%; height:100%; color:#fff; padding:0 15%; text-align:center; position:absolute; left:0; top:0; z-index:3; display:flex; align-items:center; justify-content:center; flex-direction:column; transition:all 0.4s; opacity:0;}
.kymCase-list li .cover .t{ font-size:0.18rem; position:relative; line-height:1; padding-bottom:0.2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.kymCase-list li .cover .t:before{ content:''; background:#fff; width:0.6rem; height:0.02rem; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.kymCase-list li .cover .c{ line-height:0.24rem; max-height:0.48rem; margin-top:0.3rem; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.kymCase-list li .cover .i{ font-size:0.3rem; margin-top:0.25rem;}
.kymCase-list li:first-child{ width:calc(50% - 0.5rem);}
.kymCase-list li:first-child .pic{ height:6.1rem;}
.kymCase-list li:first-child .cover .t{ font-size:0.24rem; padding-bottom:0.3rem;}
.kymCase-list li:first-child .cover .t:before{ width:0.8rem;}
.kymCase-list li:first-child .cover .i{ margin-top:0.45rem;}
.kymCase-list li:hover .title{ opacity:0;}
.kymCase-list li:hover .cover{ opacity:1;}
.kymCase-list li:hover .cover .t{ animation-name:fadeInUp; animation-duration:1s;}
.kymCase-list li:hover .cover .c{ animation-name:fadeInUp; animation-duration:1.2s;}
.kymCase-list li:hover .cover .i{ animation-name:fadeInUp; animation-duration:1.4s;}
.kymCase-list li .cover::before, .kymCase-list li .cover::after { content:""; position:absolute; top:0.3rem; right:0.3rem; bottom:0.3rem; left:0.3rem; opacity:0; transition:all 0.6s; z-index:1; }
.kymCase-list li .cover::before { border-top:1px solid #fff; border-bottom:1px solid #fff; transform:scale(0, 1); }
.kymCase-list li .cover::after { border-right:1px solid #fff; border-left:1px solid #fff; transform:scale(1, 0); }
.kymCase-list li:hover .cover::before, .kymCase-list li:hover .cover::after { opacity:1; transform:scale(1); }



.kymNews{ padding:1.2rem 0;}
.kymNews-tab{ position:absolute; right:0; top:0; z-index:2;}
.kymNews-tab a{ color:#014da2; line-height:0.36rem; margin-left:0.35rem; display:inline-block;}
.kymNews-tab a.active{ background:#014da2; color:#fff; padding:0 0.18rem; border-radius:0.2rem;}
.kymNews-list ul{ display:none; margin-left:-0.42rem;}
.kymNews-list ul:first-child{ display:flex;}
.kymNews-list li{ width:calc(33.333% - 0.42rem); margin:0.6rem 0 0 0.42rem; position:relative; transition:all 0.4s;}
.kymNews-list li .thumb{ height:2.6rem; overflow:hidden; transition:all 0.4s;}
.kymNews-list li .thumb img{ width:100%; height:100%; object-fit:cover;}
.kymNews-list li .word{ padding:0.3rem 0 0.20rem 0; transition:all 0.4s;}
.kymNews-list li .word .d{ font-size:0.18rem; line-height:1; display:none;}
.kymNews-list li .word .d em{ font-size:0.36rem; display:inline-block; font-style:normal;}
.kymNews-list li .word .t{ line-height:1; font-size:0.2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700;}
.kymNews-list li .word .c{ margin-top:0.25rem; line-height:0.28rem; color:#666; max-height:0.56rem; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.kymNews-list li .word .m{ display:flex; align-items:center; font-size:0.18rem; color:#014da2; line-height:1; margin-top:0.4rem;}
.kymNews-list li .word .m .iconfont{ font-size:0.35rem; margin-left:0.15rem; font-weight:lighter; }
.kymNews-list li:hover{ transform:translateY(-0.4rem); }
.kymNews-list li:hover .word{ background:#014da2; padding:0.3rem 0.3rem 0.20rem 0.3rem; color:#fff;}
.kymNews-list li:hover .word .d{ display:block; margin-bottom:0.3rem;}
.kymNews-list li:hover .word .c{ color:#fff;}
.kymNews-list li:hover .word .m{ color:#fff;}



.kymContact{ background:#014da2; padding:0.35rem 0 0.3rem 0;}
.kymContact .w{ display:flex;}
.kymContact dl{ flex:1; display:flex; align-items:center;}
.kymContact dl dt .iconfont{ background:#fff; width:0.64rem; height:0.64rem; display:flex; align-items:center; justify-content:center; font-size:0.3rem; color:#014da2; border-radius:50%;}
.kymContact dl dd{ flex:1; color:#fff; padding-left:0.2rem;}
.kymContact dl dd p:first-child{ opacity:.7; margin-bottom:0.1rem;}



.kymFooter{ background:#242424; text-align:center; font-weight:lighter; color:#808080;}
.kymFooter-menu{ padding:0.3rem 0; border-bottom:1px solid rgba(255,255,255,.1);}
.kymFooter-menu a{ margin:0 0.35rem; color:#808080;}
.kymFooter-menu a:hover{ color:#fff;}
.kymFooter-copy{ font-size:0.14rem; line-height:0.3rem; padding:0.25rem 0;} 
.kymFooter-copy a{ color:#808080;}



/**案例**/
.pbanner{ position:relative;}
.pbanner img{ width:100%;}
.pbanner .text{ width:100%; text-align:center; color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pbanner .text .cn{ font-size:0.3rem;}
.pbanner .text .en{ margin-top:0.1rem; text-transform:uppercase;}
.pbanner .text .li{ background:#fff; width:1px; height:0.5rem; display:inline-block; position:relative; margin-top:0.3rem;}
.pbanner .text .li:before{ content:''; background:#fff; width:3px; height:0.15rem; position:absolute; left:-1px; top:0;}
.pbanner .arrow{ color:#fff; position:absolute; left:50%; bottom:0.35rem; left:50%; transform:translateX(-50%); animation:Tmouse 0.9s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;}
@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
  }
}

.pmain{ padding:0.85rem 0;}
.pmain-menu{ text-align:center; border-bottom:1px #e2edf9 solid;}
.pmain-menu a{ display:inline-block; line-height:0.8rem; margin:0 0.85rem; position:relative;}
.pmain-menu a:before{ content:''; background:#014a9f; width:0; height:2px; position:absolute; left:50%; transform:translateX(-50%); bottom:-1px; transition:all 0.4s;}
.pmain-menu a.active{ color:#014a9f;}
.pmain-menu a.active:before, .pmain-menu a:hover:before{ width:0.6rem;}


.pmain-page{ padding-top:0.85rem; font-size:0.18rem; line-height:0.6rem; display:flex; justify-content:center; align-items:center;}
.pmain-page a, .pmain-page span{ color:#474f59; margin:0 0.17rem;}
.pmain-page .nowpage{ color:#0468c6;}
.pmain-page a:first-child, .pmain-page a:last-child{ background:#fff; border-radius:0.08rem; padding:0 0.5rem; margin:0 0.6rem; box-shadow:0.03rem 0 0.21rem rgba(4,104,198,.2);}
.pmain-page a:first-child:hover, .pmain-page a:last-child:hover{ background:#0468c6; color:#fff;}


.pcase-list{ margin-left:-0.45rem; margin-top:-0.55rem; position:relative; display:flex; flex-wrap:wrap;}
.pcase-list li{ width:calc(33.33% - 0.45rem); margin:0.55rem 0 0 0.45rem;}
.pcase-list li .thumb{ position:relative; overflow:hidden; height:3.3rem;}
.pcase-list li .thumb img{ width:100%; height:100%; object-fit:cover; display:block; transition:all 0.4s;}
.pcase-list li .cover{ background:rgba(1,74,159,.6); width:100%; height:100%; color:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column; position:absolute; left:0; top:100%; z-index:2; transition:all 0.4s;}
.pcase-list li .cover .t{ font-size:0.18rem;}
.pcase-list li .cover .iconfont{ font-size:0.22rem; margin-top:0.2rem;}
.pcase-list li .name{ text-align:center; font-size:0.18rem; margin-top:0.2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pcase-list li:hover .cover{ top:0;}


/**产品**/
.pproduct-main{ background:#f5f5f5;}
.pproduct-menu{ display:flex; flex-wrap:wrap; margin-left:-0.2rem; margin-top:-0.26rem;}
.pproduct-menu a{ background:#fff;  min-width:calc(12.5% - 0.2rem); text-align:center; color:#808080; line-height:0.6rem; margin:0.26rem 0 0 0.2rem; border-radius:0.05rem;}
.pproduct-menu a.active, .pproduct-menu a:hover{ background:#014a9f; color:#fff;}

.pproduct-list{ display:flex; flex-wrap:wrap; margin-left:-0.3rem; padding-top:0.25rem; position:relative;}
.pproduct-list li{ width:calc(25% - 0.3rem); margin:0.58rem 0 0 0.3rem; }
.pproduct-list li a{ background:#fff; display:block; padding-bottom:0.5rem; position:relative; border-radius:0.05rem; }
.pproduct-list li a:before{ content:''; background:#014a9f; width:0; height:0.08rem; position:absolute; left:0; bottom:0; transition:all 0.4s; border-radius:0 0 0.05rem 0.05rem;}
.pproduct-list li .thumb{ height:2.7rem; display:flex; align-items:center; justify-content:center;}
.pproduct-list li .thumb img{ max-height:100%;}
.pproduct-list li .title{ font-size:0.18rem; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pproduct-list li:hover a{ transform:translateY(-0.3rem); box-shadow:0.12rem 0 0.24rem rgba(0,0,0,.16);}
.pproduct-list li:hover a:before{ width:100%;}



/**在线招聘**/
.pjoin-title { background:#014a9f; display:flex; }
.pjoin-title span { flex:1; text-align:center; line-height:0.8rem; color:#fff;}
.pjoin-list .jt { background:#f0f0f0; display:flex; cursor:pointer; margin-top:0.22rem;}
.pjoin-list .jt span { flex:1; text-align:center; line-height:0.8rem;}
.pjoin-list .jt span.arrow{ transition:all 0.4s;}
.pjoin-list .jt.jt-act span.arrow{ transform:rotate(180deg); color:#014a9f;}
.pjoin-list .jc { display:none; font-size:0.14rem; line-height:0.32rem; padding:0.8rem; }



/**联系我们**/
.pmessage-head{ text-align:center;}
.pmessage-head .title{ font-size:0.3rem; padding-bottom:0.2rem; position:relative;}
.pmessage-head .title:before{ content:''; background:#014a9f; width:0.4rem; height:2px; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.pmessage-head .desc{ font-size:0.14rem; color:#808080; margin-top:0.15rem;}

.pmessage-filed { padding-top:0.6rem;}
.pmessage-filed li{ display:flex; justify-content:space-between; margin-top:0.4rem;}
.pmessage-filed li .aside{ background:#f5f5f5; width:47%; 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; }
.pmessage-filed li .inpt{ background:none; flex:1; color:#b1b2b2; font-size:0.18rem; height:0.68rem; line-height:0.68rem;}
.pmessage-filed li .inpt.area{ height:3.2rem; line-height:0.32rem; padding:0.19rem 0; resize:none;}

.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:#014a9f; width:2.5rem; line-height:0.6rem; color:#fff; display:inline-block; font-size:0.18rem; cursor:pointer; }


.pcontact{ position:relative; margin-top:0.6rem;}
.pcontact-map{ height:7rem;}
.pcontact-inner{ background:#014a9f; width:30%; color:#fff; position:absolute; left:0.7rem; top:0.4rem; z-index:10; padding:0.15rem 0.55rem 0 0.55rem;}
.pcontact-inner dl{ display:flex; align-items:center; padding:0.3rem 0;}
.pcontact-inner dl dt .iconfont{ width:0.5rem; line-height:0.48rem; font-size:0.25rem; display:inline-block; text-align:center; border:1px solid rgba(255,255,255,.3); border-radius:50%;} 
.pcontact-inner dl dd{ flex:1; font-size:0.14rem; padding-left:0.2rem;}
.pcontact-inner dl dd .tel{ font-family:'bahnschrift'; font-size:0.18rem; margin-top:0.08rem;}
.pcontact-inner dl dd .add{ font-size:0.16rem; margin-top:0.08rem; line-height:0.3rem;}


/**关于我们**/
.pabout-brand{ position:relative; padding-top:0.9rem;}
.pabout-brand .thumb{ width:50%;}
.pabout-brand .word{ background:#fff; width:55%; min-height:calc(100% - 0.45rem); position:absolute; left:0; top:0; z-index:2; padding:0.85rem 0.65rem; box-shadow:0 0 0.21rem rgba(1,74,159,.21);}
.pabout-brand .word .t{ font-size:0.24rem; text-align:center;}
.pabout-brand .word .c{ font-size:0.14rem; line-height:0.3rem; margin-top:0.45rem;}


.pabout-inner{ display:flex; justify-content:space-between;}
.pabout-inner .word{ width:43%;}
.pabout-inner .word .t{ font-size:0.3rem; color:#014a9f;}
.pabout-inner .word .s{ color:#014a9f; padding-bottom:0.25rem; position:relative; margin-top:0.2rem;}
.pabout-inner .word .s:before{ content:''; background:#014a9f; width:0.6rem; height:0.04rem; position:absolute; left:0; bottom:0;}
.pabout-inner .word .c{ font-size:0.14rem; line-height:0.3rem; margin-top:0.25rem;}
.pabout-inner .thumb{ width:50%;}


.pabout-honor{ margin-left:-0.2rem; margin-top:-0.3rem; position:relative; display:flex; flex-wrap:wrap;}
.pabout-honor li{ background:#fff; width:calc(25% - 0.2rem); margin:0.3rem 0 0 0.2rem; }
.pabout-honor li .pic{ height:2rem; display:flex; justify-content:center; align-items:center;}
.pabout-honor li .pic img{ max-height:100%;}
.pabout-honor li .tit{ text-align:center; margin-top:0.15rem; line-height:0.28rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }


/**新闻**/
.pnews-list li{ margin-top:0.5rem;}
.pnews-list li:first-child{ margin-top:0;}
.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:#014a9f;}
.pnews-list li .tex-time > span{ font-size:0.36rem; }
.pnews-list li .tex-box{ background:#fff; padding:0.35rem 5.3% 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:41.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; font-weight:bold; 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:#014a9f; }
.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{ text-align:center;}
.pnews-details-head .de-title{ font-size:0.28rem; font-weight:bold; padding-bottom:0.2rem;}
.pnews-details-head .de-cont span{ color:#666; display:inline-block; padding:0 0.2rem;}
.pnews-details-show{ line-height:0.3rem; color:#666; margin-top:0.5rem;}
.pnews-details-page{ padding-top:0.25rem; margin-top:0.25rem; border-top:1px #efefef solid;}
.pnews-details-page > a{ max-width:50%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }