@charset "utf-8";
ul{padding: 0;}
body,p,ul,h1,h2,h3{margin: 0;}
h3{font-weight: bold;}
p{word-wrap: break-word; }
li{list-style: none;}
body{font-family: "微软雅黑 ","PingFangSC Regular" }
img{vertical-align: middle;}
a{text-decoration: none;}
.block{display: block !important;}
.content{max-width: 100%; margin: auto;padding: 0 20px;}
.show-content{max-width: 1000px; margin: auto;padding: 0 20px;}
.flex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.flexno{display: flex;flex-wrap: nowrap;justify-content: space-between;}
.flex-list{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.img{width: 100%;overflow: hidden;}
.img img{width: 100%;transition:All 0.8s ease-in-out;}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
       }

       .header {
        width: 100%;
        height: 60px;
        position: fixed;
        left: 0;
        top: 0;
        /* padding: 0 0.34667rem; */
        justify-content: space-between;
        box-sizing: border-box;
        z-index: 100; 
        line-height: 60px;background-color:#294050;}
      
      .header .logo {width: 60%;}
      .header .logo a {vertical-align: middle; }
      
      .header .logo img {vertical-align: middle;max-width: 100%;}
      .header .logo img.img2 {display: none; }
      .header.active .logo img.img2 {display: inline-block; }
      .header.active .logo img.img1 { display: none; }
      
      .header .xiala {
        width: 26px;
        height: 23px;
        margin-top: 18px;
        background: url(../img/xiala1.png) center no-repeat;
        background-size: cover;
        position: relative;
        z-index: 10; }
      
      .header.active .xiala {
        background: url(../img/xiala2.png) center no-repeat;
        background-size: cover; }
      
      .header .xiala.act {
        background: url(../img/xiala2.png) center no-repeat;
        background-size: cover; }
      
      .header .nav {
        position: absolute;
        right: 0;
        top: 0;
        background-color: #fff;
        width: 100%;
        height: 100vh;
        /* padding: 1.04rem 0.13333rem 0; */
        background: rgba(0, 0, 0, .15);
        display: none; }
        .header .nav .nav-2{width: 150px;background: #333;height: 100vh;
          position: absolute;
          right: 0;padding: 30px 15px;
          z-index: 101;}
        .header .nav .nav-2 a{}
      
      .header .nav a {
        line-height: 42px;
        font-weight: 400;
        /* border-bottom: 1px solid #404041; */
        text-align: center;
        font-size: 16px;
        color: #999;
        display: block;
        z-index: 1; }
      
      .header .nav.act {
        display: block; }
      
      .header.active {
        background-color: #fff; 
      box-shadow: 0px 0px 5px rgb(0,0,0,0.3);
      }
/* 内页导航 */
.h-h{height: 61px;}

.wap-nav{ text-align:center;margin-top:3vh;}
.wap-nav ul li{ width:32%; margin-right:2%;}
.wap-nav ul li:nth-child(3n){margin-right: 0%;}
.wap-nav ul li p{font-size:0.75rem; color:#000000;line-height: 2rem;
    height: 6vh;}
.wap-nav ul li img{width:56px;}
.show-banner img{width: 100%;}
/* 面包屑导航 */
.mbx-nav{background: #f7f7f7;}
.mbx-nav p{line-height: 60px;font-size: 16px; color: #999999;}
.mbx-nav p a{ color: #999999;}
.mbx-nav p a:hover{color: #007ce3}
.mbx-nav p img{    margin-top: -4px;margin-right: 8px;}
.mbx-xhx{border-bottom: 1px dashed #d6d6d6;}

.banner .swiper .swiper-wrapper .swiper-slide img{width: 100%;}
/* .banner .swiper .swiper-pagination {bottom: 20px;} */
.banner-page {position: relative;bottom: 50px;}
.banner .swiper .swiper-pagination-bullet{width: 10px; height: 10px;background: #b2b7bb;opacity: 1;margin: 0 4px;}
.banner .swiper .swiper-pagination-bullet-active{background: #0178da;}
.banner .swiper .swiper-pagination{right: 70px;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{display: none;}

.banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev{right: 0;width: 12px;height: 22px; top: 22px;   background: url(../img/by.png) center center;
    background-size: cover;}
.banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next{right: 40px;left: auto;width: 12px;height: 22px; top: 22px;   background: url(../img/bz.png) center center;
    background-size: cover;}
.banner-sg {width: 1px;height: 20px;background-color: #b1b7ba;position: absolute;right: 25px;top: 1px;z-index: 100;}

/* 首页共用标题 */
.index-title {padding:30px 0 20px;text-align: center;}
.index-title h2{ font-size: 26px;}
.index-title p{ font-size: 14px;color: #cccccc;text-transform:uppercase}
.color-jb{
    background: linear-gradient(63deg, #2f97ef 10%, #1b559d 60%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
}
.more{text-align: center;margin-top: 30px;}
.more a{font-size: 16px;line-height: 52.5px; color: #fff;background-color: #0178da;padding: 15px 40px;border-radius: 50px;}

.index-al ul li{width: 49%;margin-right: 2%; margin-top: 2%;}
.index-al ul li:nth-child(1){margin-top: 0%;}
.index-al ul li:nth-child(2){margin-top: 0%;}
.index-al ul li:nth-child(2n){margin-right: 0%;}
.index-al ul li a{padding: 10px; background: #f7f7f7;display: block;}
.index-al ul li h3{font-size: 18px;color: #333;margin-top: 20px;margin-bottom: 10px;height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.index-al ul li p{font-size: 14px;color: #999;margin-bottom: 10px;}
.index-al ul li a:hover .img img{transform: scale(1.1);}
.index-al ul li .index-al-p{margin: 0; height: 16px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 5px;}


.index-sys{margin-bottom: 30px;}
.index-sys ul li{width: 49%; margin-right: 2%;margin-top: 2%;}
.index-sys ul li:nth-child(1){ margin-top: 0%;}
.index-sys ul li:nth-child(2){ margin-top: 0%;}
.index-sys ul li:nth-child(2n){ margin-right: 0%;}
.index-sys ul li a{background-color: #f7f7f7;padding: 10px;display: block;}
.index-sys ul li p{font-weight: bold; font-size: 16px;color: #333;text-align: center;margin: 15px 0 5px;
    height: 22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.index-sys ul li .img-list{position: relative;}
.index-sys ul li .img-list .spb{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.index-sys ul li a:hover .img img{transform: scale(1.1);}

.index-zs{background: url(../img/sysb.jpg) center center; background-size: cover;padding-bottom: 30px;}
.index-zs .index-title h2{color: #fff;}
.index-zs-list{    overflow: auto;}
/* Webkit 浏览器 (如 Chrome 和 Safari) */
.index-zs-list::-webkit-scrollbar {
    width: 50%; /* 滚动条宽度 */
    height: 8px;
}
.index-zs-list::-webkit-scrollbar-thumb {
    background-color: #0178da; /* 滚动条颜色 */
    border-radius: 8px;
} 
.index-zs-list::-webkit-scrollbar-track {
    background-color: #f6f9fe; /* 滚动条背景色 */
    border-radius: 8px;
}
.index-zs-list ul{width: 710px;padding-bottom: 30px;}
.index-zs ul li{line-height: 60px;width:49% ;margin-right: 2%;margin-top: 2%;}
.index-zs ul li:nth-child(1){margin-top: 0%;}
.index-zs ul li:nth-child(2){margin-top: 0%;}
.index-zs ul li:nth-child(2n){margin-right: 0%;}
.index-zs-t{position: relative;background: #fff;border-radius: 5px;}
.index-zs-t span{font-weight: bold;font-size: 48px;color: #e5eff9;position: absolute;left: 20px;}
.index-zs-t p{font-weight: bold;font-size: 22px;color: #1b559d;position: relative;padding-left: 80px;z-index: 10;
    height: 60px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.index-zs ul li:last-child .index-zs-t::before{content: ""; height: 1px; width: 30px;background-color: #4c6d87;position: absolute;top: 50%;left: 20px;}
.index-zs ul li:last-child .index-zs-t p{font-weight: initial;}


.index-jjcf ul li{line-height: 60px; width: 49%;margin-top: 2%; margin-right: 2%;background: #f3f6fd;border-radius: 5px;}
.index-jjcf ul li:nth-child(1){ margin-top: 0%;}
.index-jjcf ul li:nth-child(2){ margin-top: 0%;}
.index-jjcf ul li:nth-child(2n){ margin-right: 0%;}
.index-jjcf ul li p{font-size: 22px;color: #333333;font-weight: bold;
    height: 60px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.index-jjcf ul li p img{width: 20px;margin: -3px 20px 0;}
.index-jjcf ul li p .syssj-nav-j1{}
.index-jjcf ul li p .syssj-nav-j2{display: none;}
.index-jjcf ul li a:hover p .syssj-nav-j1{display: none;}
.index-jjcf ul li a:hover p .syssj-nav-j2{display: inline-block;}
.index-jjcf ul li a:hover p{    background-color: #0278da;
    color: #fff;}
    .index-jjcf-list{    overflow: auto;}
    /* Webkit 浏览器 (如 Chrome 和 Safari) */
    .index-jjcf-list::-webkit-scrollbar {
        width: 50%; /* 滚动条宽度 */
        height: 8px;
    }
    .index-jjcf-list::-webkit-scrollbar-thumb {
        background-color: #0178da; /* 滚动条颜色 */
        border-radius: 8px;
    } 
    .index-jjcf-list::-webkit-scrollbar-track {
        background-color: #f6f9fe; /* 滚动条背景色 */
        border-radius: 8px;
    }
    .index-jjcf-list ul{width: 710px;padding-bottom: 30px;}


.index-gbwj{margin-top: 30px; padding-bottom: 30px; background: url(../img/gbbj.jpg) center center; background-size: cover;}
.index-gbwj ul li{width: 49%;margin-right: 2%;}
.index-gbwj ul li:nth-child(2n){margin-right: 0%;}
.index-gbwj ul li .img{padding: 10px; background: #fff;width: auto;}
.index-gbwj ul li a:hover .img{background-color: #5c8ec5;}
.index-gbwj ul li p{font-size: 16px;line-height: 32px;text-align: center; color: #333333;
    height: 32px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.index-fwfw {padding-bottom: 30px; background: url(../img/fwbj.jpg) center center; background-size: cover;}
.index-fwfw .index-title h2{color: #fff;}
.index-fwfw ul li {width: 49%; margin-right: 2%;margin-top: 2%;}
.index-fwfw ul li:nth-child(1){margin-top: 0%;}
.index-fwfw ul li:nth-child(2){margin-top: 0%;}
.index-fwfw ul li:nth-child(2n){margin-right: 0%;}
.index-fwfw-c{background-color: #fff; border-radius: 10px; text-align: center;padding: 30px 20px;}
.fw-tb{position: relative;    z-index: 10;}
.fw-tb::before{content: ""; width: 80px;height: 80px; background-color: #d7e3ed;
position: absolute;z-index: -1;animation: scalef 2s infinite; border-radius: 100%;}
@keyframes scalef{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(1.3); opacity: 0;}}		


.index-fwfw-c h2{font-size: 18px;color: #333;padding: 14px 0;}
.index-fwfw-c h2 span{color: #0178da;}

.index-fwfw-c h3{font-size: 18px;color: #333;padding: 14px 0;}
.index-fwfw-c h3 span{color: #0178da;}

.index-fwfw-c p{font-size: 14px;color: #666;line-height: 26px; height: 52px;overflow: hidden;}
.index-fwfw-c p a{color: #666;}
.index-fwfw ul li .index-fwfw-c:hover{cursor: pointer;background-color: #3996e2;color: #fff;}
.index-fwfw ul li .index-fwfw-c:hover h2{color: #fff;}
.index-fwfw ul li .index-fwfw-c:hover h2 span{color: #fff;}
.index-fwfw ul li .index-fwfw-c:hover p{color: #fff;}
.index-fwfw ul li .index-fwfw-c:hover p a{color: #fff;}

.index-fwlc{padding-bottom: 10px;}
.index-fwlc ul li { width: 30%;}
.index-fwlc ul li div{text-align: center;
    position: relative;
    width: 90px;
    height: 90px;
    line-height: 90px;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);}
.index-fwlc ul li div::after{z-index: -1; transform: translate(-50%,-50%); content: "";border-radius: 100%; width: 100%; height: 100%;position: absolute;top: 50%;left: 50%;background-color: #0178da;}
.index-fwlc ul li div::before{content: ""; width: 100%; height: 100%; background-color: #0178da;
    position: absolute;z-index: -2;border-radius: 100%;left: 0;
    animation: scaley 2s infinite;
}

.index-fwlc ul li div img{margin:auto}
.index-fwlc ul li  p{text-align: center; font-size: 18px; color: #333;margin-bottom: 30px;margin-top: 30px;font-weight: bold;}
.index-fwlc ul li:hover div{cursor: pointer;}
.index-fwlc ul li:hover div::after{background-color: #ffca74;}
.index-fwlc ul li:hover div::before{background-color: #ffca74;}

.index-gywm{background: url(../img/gyb.jpg) center center; background-size: cover; padding: 0 0 30px; }
.index-gy {}
.index-gy-p p{font-size: 18px;line-height: 32px; color: #333;text-indent: 2em;}
.index-gy-t{margin-bottom: 30px;}
.index-gy-t h2 {font-size: 28px; color: #14204e;}
.index-gy-t p{ font-size: 18px;color: #cccccc;text-transform:uppercase}

.index-gy-time{padding: 30px 0 0px;text-align: center;}
.index-gy-time li{width: 49%; margin-right: 2%;}
.index-gy-time li:nth-child(2n){margin-right: 0%;}
/* .index-gy-time li:last-child{margin-right: 0%;} */
.index-gy-time li h2{font-size: 36px;color: #085ee9;position: relative;}
.index-gy-time-j1{position: absolute; top: -10px;right: 20%;}
.index-gy-time-j2{position: absolute; top: -10px;right: 12%;}
.index-gy-time li p{font-size: 16px; color: #333;margin: 10px 0;height: 45px;
    overflow: hidden;}


.index-ys{background-color: #99bbcb;}
.index-ys-lb{padding: 20px 0 ;}
.index-ys-lb img{width:100%}
.index-ys-lb-c{}
.index-ys-lb-t-s{position: relative;    height: 30px;}
.index-ys-lb-t-s span{font-size: 60px;font-weight: bold;color: #bdd2dd;position: absolute;top: 10px;right:15px;}
.index-ys-lb-t h2{font-size: 24px; color: #fff;margin-bottom: 20px;}
.index-ys-lb-t h3{font-size: 24px; color: #fff;margin-bottom: 20px;}
.index-ys-lb-t-c p{font-size: 16px;color: #fff;line-height: 28px;}
.index-ys-lb{position: relative;}
.index-ys-lb .swiper-pagination{bottom:30px;left: 50%;
    transform: translateX(-50%);width: 100%;}
.index-ys-lb .swiper-pagination-bullet{width: 12px;height: 12px;    margin-left: 10px; border:1px solid #0178da ; background: none;opacity: 1;}
.index-ys-lb .swiper-pagination-bullet-active{background-color: #0178da;}

.index-fwkh {padding-bottom: 60px;}
.index-fwkh .swiper{width: 100%;height: 350px}
.index-fwkh .swiper .swiper-slide {height: calc((100% - 20px) / 2);}
.index-fwkh-lb .index-fwkh-lb-c:hover .img img{transform: scale(1.1);}
.index-fwkh-lb .index-fwkh-lb-c:hover {cursor: pointer;}
.index-fwkh-lb-c{padding: 10px 10px 0; background: #f7f7f7;}
.index-fwkh-lb-c p{font-size: 18px; text-align: center; line-height: 60px;
    height: 60px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.fukh-page{margin: 30px auto 0;
    width: fit-content;}

.fukh-page .swiper-pagination{position: static;float: left;    margin: 0 20px;}
.fukh-page .swiper-pagination .swiper-pagination-bullet{margin: 0 2px;}
.fukh-page .swiper-button-prev{margin: auto;top:0; position: static;float: left;width: 26px;height: 26px;background: url(../img/khz.png) center center;}
.fukh-page .swiper-button-next{margin: auto;top:0; position: static;float: left;width: 26px;height: 26px;background: url(../img/khy.png) center center;}
.fukh-page .swiper-button-prev:hover{background: url(../img/khz1.png) center center;}
.fukh-page .swiper-button-next:hover{background: url(../img/khy1.png) center center;}
.fukh-page .swiper-button-next:after, .fukh-page .swiper-button-prev:after{display: none;}

.index-gs{background: #f7f7f7;padding-bottom: 30px;}
.index-gs .index-title h2{font-size: 22px;}
.index-gs ul li{margin-top: 2%;}
.index-gs ul li:nth-child(1){margin-top: 0%;}
.index-gs-c {background: #ffff;border-radius: 5px;padding: 20px 25px}
.index-gs-c h2{position: relative; font-size: 18px; color: #333;margin-bottom: 10px;}
.index-gs-c h2::before{content: "";width: 2px; height: 18px; position: absolute;background: #0178da;top: 4px;
    left: -25px;}
.index-gs-c p{font-size: 16px;color: #666;position: relative;padding-left: 26px;line-height: 28px; 
    }
.index-gs-c p img{position: absolute;top: 7px;left: 0;}
.index-gs-c p::before{content: "";width: 1px;height: 13px;background: #cccccc;position: absolute;top: 7px;left: 19px;}
.font {height: 60px;}
.font-nav {margin-bottom: 10px;}
.font-nav a{font-size: 16px;color: #cccccc;line-height: 26px;}
.font-bq p{font-size: 14px; color: #cccccc; line-height: 26px;}
.font-bq p a {color: #cccccc;}

.flx_footer{position: fixed; bottom: 0; left: 0; width: 100%;z-index: 100;background-color: #e5e5e5;}
.flx_footer-ls div{width: 48%;}
			.flx_footer-ls div a{width: 100%; border-radius: 50px;font-size: 16px;    display: block;text-align: center;line-height: 32px;margin: 10px 0;}
			.flx_footer-ls div:nth-child(1) a{    color: #f7f7f7;    border: 1px solid #085b9d;
    background-color: #085b9d;}
			.flx_footer-ls div:nth-child(2) a{    color: #ffffff;    border: 1px solid #f2ab3b;
    background-color: #f2ab3b;}

/* 案例详情 */
.al-show{background-color: #f7f7f7;padding-top: 30px;}
.al-show-c{background-color: #fff;padding: 20px 20px 0;}
.al-show-c-t{border-bottom: 1px solid #cccccc;text-align: center;}
.al-show-c-t h2{font-weight: normal;font-size: 18px;color: #333333;}
.al-show-c-t p{font-size: c1d4eepx;color: #cccccc;padding: 10px 0 20px;}
.al-show-c-c{padding: 30px 0;}
.al-show-c-c p{font-size: 16px;color: #333333;line-height: 30px;}
.al-show-c-c img{max-width: 100%; height:auto !important;margin-top: -20px;}
/* 上下篇 */
.show-sx{margin: 10px 0}
.show-sx p{width: 100%;}
.show-sx p a{display: block; font-size: 16px; line-height: 50px;color: #333333;height: 50px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.show-sx p a:hover{color: #007ce3;}
/*.show-sx p:last-child a{text-align: right;}*/

.topnav{text-align:center;padding:30px 0;border-bottom: 1px solid rgba(17, 17, 17, 0.1); }
.topnav h2{ font-size: 18px;
    color: #333333;
    font-weight: normal;}
.topnav p{ font-size: 0.5em;
    color: #cccccc;
    text-transform: uppercase;}

/* 国际文件 */
.gjwj-list {margin: 30px 0;}
/* .gjwj-list-c{background-color: #f7f7f7;} */

.gjwj-list ul li{width: 49%;margin-right: 2%;}
.gjwj-list ul li:nth-child(2n){margin-right: 0%;}
.gjwj-list ul li .img{padding: 2px; background: #bed1ef;width: auto;}
.gjwj-list ul li a:hover .img{background-color: #5c8ec5;}
.gjwj-list ul li p{font-size: 14px;line-height: 28px;text-align: center; color: #333333;margin: 10px 0;
    height: 56px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.sj-list{}
.sj-list a{padding-bottom: 20px;
    border-bottom: 1px solid #ececec;
        display: block;
    margin: 20px 0;
}
.sj-list .sj-list-l{width:66%;margin-right:4%;}
.sj-list .sj-list-l h2{font-size:16px;line-height:28px;color:#000000;margin-top: -6px;overflow: hidden; display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.sj-list .sj-list-l p{font-size: 12px;
    color: #cccccc;
    line-height: 18px;
    height: 36px;
    overflow: hidden; display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.sj-list .sj-list-l span{display:inline-block;font-size: 13px;
    color: #cccccc;}
.sj-list .sj-list-l p span{display:inline-block;float:right}
.sj-list .sj-list-r{width:30%;}
.sj-list .sj-list-r .img{border-radius:5px;}
    .sj-list .sj-list-r .img img{object-fit: cover;
    height: 80px;}
.sj-list.gjwj .sj-list-r .img{    border: 2px solid #bed1ef;}
.sj-list.gjwj .sj-list-r .img img{    object-fit: fill;height:auto}
.sj-list.gjwj .sj-list-l p{-webkit-line-clamp: 5;height: 90px;}
.sj-list.gjwj .sj-list-l h2{margin-top: 5px;}
.index-news{padding-bottom:40px}
.index-news-l{width:100%;margin-bottom: 30px;}
.index-news-c-t{position:relative;}
.index-news-c-t h2{font-size:26px; color:#14204e} 
.index-news-c-t p{font-size:18px; color:#cccccc;    text-transform: uppercase;} 
.index-news-c-t a{position:absolute;right:0px;top:15px;color:#14204e;font-size:18px}
.index-news-c-img{margin:25px 0 ;}
.index-news-c-img-l{width:40%;margin-right:4%}
.index-news-c-img-r{width:56%;position:relative;border-bottom: 1px solid #ececec;
    box-sizing: border-box;}
.index-news-c-img-r h2{font-size:20px; color:#333333;padding:5px 0;    overflow: hidden;
    display: -webkit-box;height: 25px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.index-news-c-img-r p{font-size:14px; color:#666666;line-height:26px;margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.index-news-c-img-r span{font-size:14px; color:#9d9d9d;display:block;text-align:right}   
.index-news-c-img-r:before{transition: .8s all;width: 56px;height: 1px;content: ' ';position: absolute;left: 0;bottom: -1px;background: #26a3ff;}
.index-news-c-img a:hover .index-news-c-img-l .img img{transform: scale(1.1);}
.index-news-c-img a:hover .index-news-c-img-r:before{width: 100%;}
.index-news-c-img a:hover .index-news-c-img-r  h2{color: #007ce3;}
.index-news-c-list a {position:relative}
.index-news-c-list a p{font-size:16px; color:#444444;margin:0 100px 0 15px;line-height:30px;    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.index-news-c-list a span{display:block;position:absolute;right:0px;top:5px;font-size:14px;color:#999999}
.index-news-c-list a:before{width: 5px;height: 5px;content: ' ';position: absolute;left: 0;top:12px; background: #595959;border-radius:100%}
.index-news-c-list a:hover p{color: #007ce3;}

.index-news-r{width:100%;}
/* 分页 */
.page {text-align: center; margin-bottom: 40px;}
.page a{margin: 0 2px;
    display: inline-block;
    border: 1px solid #eeeeee;
    padding: 3px 8px;
    font-size: 16px;
    color: #333333;}
.page a:hover{background-color: #0278da;color: #fff;border-color: #0278da;}
.page a.act{background-color: #0278da;color: #fff;border-color: #0278da;}

/* 案例 */
.al-list {margin: 30px 0;}
.al-list ul li{width: 100%;margin-top: 2%;}
/*.al-list ul li:nth-child(1){margin-top: 0%;}*/
/*.al-list ul li:nth-child(2){margin-top: 0%;}*/
.al-list ul li:nth-child(2n){margin-right: 0%;}
.al-list ul li a{
    /*padding: 10px;*/
    /*background: #f7f7f7;*/
    /*display: block;*/
}

.al-list ul li a h3{font-size: 16px;color:#000;margin: 10px 0 ;}
.al-list ul li p{font-size: 14px;     color: #333;    height: 22px;
    overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}

.news{max-width: 100%;margin: 0 auto;padding: 0px 20px;box-sizing: border-box;}
.news .top{width: 100%;text-align: center;font-size: 0;padding: 40px 0 20px;}
.news .top a{display: inline-block;font-size: 16px;color: #555;width: 152px;height: 42px;line-height: 42px;background: #f3f3f3;position: relative;margin: 0 5px;}
.news .top a:hover{background: #26a3ff;color: #fff;}
.news .top a:hover:before{width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent; border-top: 10px solid #26a3ff;content: ' ';position: absolute;left: 50%;bottom: -10px;margin-left: -10px;}
.news .top a.act{background: #26a3ff;color: #fff;}
.news .top a.act:before{width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent; border-top: 10px solid #26a3ff;content: ' ';position: absolute;left: 50%;bottom: -10px;margin-left: -10px;}
.news .bottom{width: 100%;    margin-bottom: 30px;}
.news .bottom ul li{margin-top: 24px;}
.news .bottom ul li .img{width: 100%;overflow: hidden;}
.news .bottom ul li .img img{display: block;width: 100%;transition: .5s all;}
.news .bottom ul li .nr{width: 100%;border-bottom: 1px solid #ececec;box-sizing: border-box;position: relative;}
.news .bottom ul li .nr:before{transition: .8s all;width: 56px;height: 1px;content: ' ';position: absolute;left: 0;bottom: -1px;background: #26a3ff;}
.news .bottom ul li .nr span{display: block;line-height: 60px;height: 60px;margin-bottom: 7px;overflow: hidden;font-weight: bold;font-size: 20px;color: #333;}
.news .bottom ul li .nr p{line-height: 22px;height: 44px;overflow: hidden;font-size: 14px;color: #666;}
.news .bottom ul li .nr i{display: block;line-height: 28px;margin-top: 20px;color: #9d9d9d;font-size: 14px;}
.news .bottom ul li:hover .nr span{color: #26a3ff;}
.news .bottom ul li:hover .nr:before{width: 100%;}
.news .bottom ul li:hover .img img{transform: scale(1.1);}

.al-list-c {width: 49%;margin-right: 2%;margin-top: 2%;}
.al-list-c:nth-child(1){margin-top: 0%;}
.al-list-c:nth-child(2){margin-top: 0%;}
.al-list-c:nth-child(2n){margin-right: 0%;}
.al-list-c-c{padding: 15px 0;}
.al-list-c:nth-child(1) .al-list-c-c{padding: 0 0 15px;}

.al-list-c-c-r h2{font-weight: normal;font-size: 24px; color: #333;margin: 15px 0 ;
    height: 34px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}
.al-list-c-c-r-t{border-top: 1px dashed #d7d7d7;padding-top: 15px; margin-bottom: 30px;}
.al-list-c-c-r-t p{font-size: 16px;line-height: 30px;color: #333333;
    height: 30px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;    text-align: justify;
    overflow: hidden;   }
.al-list-c-c-r-t .al-list-c-c-r-t-p{height: 60px;-webkit-line-clamp: 2;text-indent: 2em;margin-top: 12px;}

    
.al-list-c-c-r span{display: inline-block; color: #333333; font-size: 16px;padding: 10px 20px;background-color: #dfdfdf;border-radius: 5px;}
.al-list-c a:hover .al-list-c-c-r span{background-color: #0278da;color: #ffffff;}
.al-list-c a:hover .al-list-c-c-l .img img{transform: scale(1.1);}

.show-bt-title{text-align: center;padding: 30px 0 20px;}
.show-bt-title h2{font-weight: normal; font-size: 18px; color: #333333;}
.show-bt-title p{ font-size: 0.5em; color: #cccccc;text-transform: uppercase;}

/* 优势 */
.ys-list-c{background-color: #f7f7f7;padding: 12px;border-radius: 10px;margin-bottom: 40px;    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1)}

.ys-list-c-l .img {border-radius: 10px;}
.ys-list-c-r-span {position: relative;}
.ys-list-c-r-span span{font-size: 60px;font-weight: bold; color: #c1d4ee;position: absolute;right: 0px;top: -20px;}
.ys-list-c-r h2{font-size: 18px; color: #333333;margin: 20px 0 ;font-weight: normal;}
.ys-list-c-r-p p{font-size: 16px; color: #333333;line-height: 30px;}

.ys-list-c:hover{cursor: pointer;}
.ys-list-c:hover .ys-list-c-l .img img{transform: scale(1.1);}

/* 视频 */
.sp-list{margin: 30px 0;}
.sp-list ul li {width: 100%; margin-top: 2%;}
.sp-list ul li:nth-child(1){margin-top: 0;}

.sp-list ul li a{display: block; background-color: #f7f7f7;
    padding: 15px;}
.sp-list-t{position: relative;}
.sp-list-t .spb{position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);z-index: 10;}
.sp-list ul li p{font-size: 18px; color: #333333;    margin: 25px 0 10px;height: 25px;font-weight: bold;
    overflow: hidden;text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.sp-list ul li a:hover .img img{transform: scale(1.1);}
 
/* 实验室设计&施工 */

.syssj-nav{margin-top: 30px;}
.syssj-nav ul li{overflow: hidden;line-height: 55px; width: 100%;margin-top: 2%; background: #f3f6fd;border-radius: 5px;}
.syssj-nav ul li:nth-child(1){ margin-top: 0%;}
.syssj-nav-jjj{display: none;}
.syssj-nav ul li p{font-size: 16px;color: #333333;font-weight: bold;
    height: 55px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
    .syssj-nav ul li p img{margin: -3px 20px 0;}
.syssj-nav ul li  a p.act{background-color: #0278da;color: #fff;}
.syssj-nav ul li  a p.act .syssj-nav-jjj{display: inline-block;}
.syssj-nav ul li  a p.act .syssj-nav-jj{display: none;}
.syssj-nav ul li a:hover p{background-color: #0278da;color: #fff;}
.syssj-nav ul li a:hover p .syssj-nav-jjj{display: inline-block;}
.syssj-nav ul li a:hover p .syssj-nav-jj{display: none;}
.syssj-gg{margin-top: 40px;}
.syssj-gg img{width: 100%;}
.syssj-c{padding: 30px 0; border-bottom: 1px solid #e5e5e5;}
.syssj-c p{font-size: 16px; color: #333333;line-height: 30px;}
.syssj-c img{max-width: 100%;}

/* 联系我们 */
.lxwm-list-c{padding: 30px 0;}
.lxwm-list-c-l{width: 100%;background-color: #f7f7f7;}
.lxwm-list-c-l-c{padding: 30px 20px 30px ;}
.lxwm-list-c-l-c h2{font-size: 16px;color: #333333;margin-bottom: 20px;font-weight: bold;}
.lxwm-list-c-l-c p{font-size: 16px;color: #666;line-height: 28px;position: relative;margin-left: 25px;}
.lxwm-list-c-l-c p img{position: absolute;top: 8px;left: -25px;}

.lxwm-list-c:nth-child(2n) {background-color: #f7f7f7;}
.lxwm-list-c:nth-child(2n) .lxwm-list-c-l{background-color: #ffffff;}

.lxwm-list-c-r{width: 100%;}
.lxwm-list-c-r img{width: 100%;}

.lxwm-list-c .show-content .lxwm-list-c-r img:hover {transform: scale(1.1);}

/* 服务范围 */
.fwfw-c{background-color: #f7f7f7;}
.fwfw-c-list .show-content{position: relative;}
.fwfw-c-list{padding-bottom: 30px; }
/* .fwfw-c-list-l{width: 50%;float: left;} */
/* .fwfw-c-list-l .img img{height: 320px;    object-fit: cover;} */
.fwfw-c-list-l:hover .img img{transform: scale(1.1);}
.fwfw-c-list-r{background-color: #ffffff; }
.fwfw-c-list-r-c{padding: 20px 20px 30px;}
.fwfw-c-list-r-c h2{font-size: 16px;color: #333333;margin-bottom:10px ;font-weight: bold;}
.fwfw-c-list-r-c p{ padding-top: 10px;   border-top: 1px dashed #d6d6d6; font-size: 16px; 
    color: #333333;line-height: 30px;text-align: justify; text-indent: 2em;}
.fwfw-tb{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10;display: none;}
.fwfw-tb::before{content: ""; width: 80px; height: 80px;background-color: #d7e3ed;
    position: absolute;z-index: -2;border-radius: 100%;left: 0;
    animation: scalef 2s infinite;}
 
.fwfw-c-c .fwfw-c-list:nth-child(2n) .fwfw-c-list-l{float: right;}
.fwfw-c-c  .fwfw-c-list:nth-child(2n) .fwfw-c-list-r{float: left;}
@keyframes scaley{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(1.3); opacity: 0;}}		

.fwlc-c{background: url(../img/fwlcbjs.jpg) center center;background-size: cover; }
.fwlc-c ul{margin-top: 45px;}
.fwlc-c ul li{width: 32%;margin-right: 2%;}
.fwlc-c ul li:nth-child(3n){margin-right: 0;}
.fwlc-c-c{margin-bottom: 60px; background-color: #fff;border-radius: 10px;position: relative;padding: 60px 0 30px;}
.fwlc-c-yq{position: absolute;left: 50%;z-index: 10;transform: translateX(-50%);top: -40px;}
/* .fwlc-c-yq::after{content: ""; width: 100%;height: 100%;position: absolute; background: #0178da;z-index: -1; border-radius: 100%;
left: 50%; top: 50%;transform: translate(-50%,-50%);} */
.fwlc-c-yq::before{content: ""; width: 100%; height: 100%;border-radius: 100%;
position: absolute; z-index: -2;
background: rgba(1, 120, 218, 1);animation: scale 2s infinite;
}

@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(1.3); opacity: 0;}}		
.fwlc-c-yq span{border-radius: 100%; background: #0178da;line-height: 80px; display: inline-block; font-size: 18px;color: #fff; font-weight: bold;width: 80px;height: 80px;text-align: center;}
.fwlc-c-c p{font-size: 16px; font-weight: bold; color: #333333;text-align: center;}


/* 关于我们 */
.gy-gsjj {background: url(../img/gywmbj.jpg) center center; background-size: cover;}
.gy-gsjj-title{padding: 30px 0 20px; text-align: center;}
.gy-gsjj-title h2{font-size: 18px;color: #333333;    font-weight: normal;}
.gy-gsjj-title p{font-size: 0.5em;color: #cccccc;    text-transform: uppercase;}
.gy-gsjj-c{padding-bottom: 30px;}
.gy-gsjj-c p{font-size: 16px; color: #666666; line-height: 30px;text-align: center;}
.ny_banner img{width:100%;}
.gy-gsjj-time{padding: 30px 0;text-align: center; background: url(../img/gsjjbj.jpg) center center; background-size: cover;}
.gy-gsjj-time li{width: 49%; margin-right: 2%; }
.gy-gsjj-time li:nth-child(2n){margin-right: 0%;}
.gy-gsjj-time li h2{font-size: 20px;color: #ffffff;position: relative;}
.gy-gsjj-time-j1{position: absolute; top: 0px;right: 30%;    font-size: 20px;}
.gy-gsjj-time-j2{position: absolute; top: 0px;right: 25%;     font-size: 20px;}
.gy-gsjj-time li p{font-size: 16px; color: #fff;margin: 10px 0;height: 50px;
    overflow: hidden;}

.gy-qywh{background-color: #f7f7f7;padding-bottom: 30px;}
.gy-qywh-c-l{width: 100%;margin-bottom: 5%;}
.gy-qywh-c .gy-qywh-c-l:nth-child(3){margin-bottom:0%;}
.gy-qywh-c-l-c{background-color: #fff;padding: 50px 20px; text-align: center;}

.gy-qywh-c-l-c h2,.gy-qywh-c-r-s-c h2,.gy-qywh-c-r-x-c h2{font-size: 18px; color: #333333;padding: 25px 0;}
.gy-qywh-c-l-c-jg p{font-size: 16px;color: #666666; line-height: 32px;}


.gy-qywh-c-r{width: 100%;}
.gy-qywh-c-r-s{margin-bottom: 5%;}

.gy-qywh-c-r-s-c{background: #fff;text-align: center;padding: 56px 80px;}
.gy-qywh-c-r-s-c p{font-size: 16px;color: #666666; line-height: 32px;}
.gy-qywh-c-r-x-c{background: #fff;text-align: center;padding: 48px 80px;}
.gy-qywh-c-r-x-c p{font-size: 16px;color: #666666; line-height: 32px;}

.gy-jjln{padding: 30px 0;}
.gy-jjln-c-l{width: 100%;}
.gy-jjln-c-r{width: 100%;}
.gy-jjln-c-r-c{padding: 30px 0px;}
.gy-jjln .gy-jjln-c:nth-child(1){margin-bottom: 30px; border-bottom: 30px solid #f7f7f7;}



.gy-jjln-c-r-c-t h2{font-size: 18px;color: #333333; font-weight: normal;}
.gy-jjln-c-r-c-t p{font-size: 0.5em;color: #cccccc;text-transform: uppercase;}
.gy-jjln-c-r-c-c {margin-top: 12px;}
.gy-jjln-c-r-c-c p{font-size: 16px; color: #666666;line-height: 32px; text-indent: 2em;}
.gy-jjln .gy-jjln-c .gy-jjln-c-l:hover{cursor: pointer;}
.gy-jjln .gy-jjln-c .gy-jjln-c-l:hover .img img{transform: scale(1.1);}

.gy-fwkh{background: #f7f7f7;padding-bottom: 30px;}
.gy-fwkh ul li{width: 49%;margin-right: 2%;margin-top: 2%;}
.gy-fwkh ul li:nth-child(1) {margin-top: 0%;}
.gy-fwkh ul li:nth-child(2) {margin-top: 0%;}
.gy-fwkh ul li:nth-child(2n) {margin-right: 0%;}
.gy-fwkh ul li:hover{cursor: pointer;}
.gy-fwkh ul li:hover .img img{transform: scale(1.1);}

/* 荣誉资质 */
.ryzz-bj{background-color: #f7f7f7;padding: 20px;}

.ryzz-c-zz-l{width: 100%;}
.ryzz-c-zz-r{width: 100%;}
.ryzz-c-zz-r-time{padding:30px 0px 0;position: relative;}
.ryzz-c-zz-r-time ul li{width: 30%;text-align: center;}
.ryzz-c-zz-r-time li h2{font-size: 22px;color: #0178da;position: relative;}
.ryzz-c-zz-r-time-j1{display: inline-block;   font-size: 20px;}
.ryzz-c-zz-r-time-j1-2{margin-left: -8px;}
.ryzz-c-zz-r-time-j1-3{margin-left: -8px;}
.ryzz-c-zz-r-time li p{font-size: 18px; color: #333;height: 72px;line-height: 36px;
    overflow: hidden;}

.ryzz-c-sjzz-l{width: 100%;}
.ryzz-c-sjzz-r{width: 100%;}
.ryzz-c-sjzz-r-c {padding: 10px 0px 0;}
.ryzz-c-sjzz-r-c h2{font-size: 45px; color: #0178da;}
.ryzz-c-sjzz-r-c h2 span{display: inline-block;font-size: 24px;margin-left: -18px;}
.ryzz-c-sjzz-r-c p{font-size: 20px; color: #333333;}

.ryzz-c-sgzz-l{width: 100%;}
.ryzz-c-sgzz-r{width: 100%;}
.ryzz-c-sgzz-r-c {padding: 30px 0px;}
.ryzz-c-sgzz-r-c h2{font-size: 30px;color: #0178da;margin-bottom: 30px;}
.ryzz-c-sgzz-r-c ul li{width: 100%; }
.ryzz-c-sgzz-r-c ul li p{font-size: 18px; font-weight: bold;line-height: 40px;margin-right: 40px;
    height: 40px; overflow: hidden; white-space: nowrap;}
    .ryzz-c-sgzz-r-c ul li div{ position: relative;}
.ryzz-c-sgzz-r-c ul li span{ position: absolute;font-size: 18px; font-weight: bold; display: inline-block;color: #0178da;
right: 0;    top: 0px;
line-height: 40px;}
.ryzz-c-gltx{padding: 30px 20px; background-color: #f7f7f7;}
.ryzz-c-gltx p{line-height: 36px; font-size: 18px; color: #333333;text-align: center; font-weight: bold;}
.ryzz-c-gltx p img{max-width: 100%;}

.ryzz-ry{margin-bottom: 30px;}
.ryzz-ry ul li{width: 49%;margin-right: 2%;}
.ryzz-ry ul li:nth-child(2n){margin-right: 0%;}
.ryzz-ry ul li p{font-size: 14px;color: #333333; line-height: 48px;text-align: center;
    height: 48px; overflow: hidden; display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}



/* 视频弹出 */
.SPtc{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;background: rgba(0, 0, 0, 0.5); z-index: 100;}
.SPtc .bf{width: 100%; height: 70%; background: #007ce3; position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%);}
.SPtc-l{width: 100%; background-color: #000;position: relative;}
.SPtc-l-c video{width: 100%; height: 250px;}
 #xxx{position: absolute;right: 20px;top: 20px;}
 #xxx:hover{cursor: pointer;}

.SPtc-r{width: 100%; background: #007ce3;}
.SPtc-r-c {padding: 20px;position: relative;}
.SPtc-r-c h2{font-size: 24px; color: #fff;font-weight: normal; 
    height: 30px; overflow: hidden; display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.SPtc-r-c::before{content: " "; width: 50px;height: 4px;position: absolute;top: 60px;background: #fff;}
.SPtc-r-c-c{margin-top: 30px;height: 300px;overflow: auto;}
.SPtc-r-c-c p {font-size: 16px; color: #fff; line-height: 30px;text-indent: 2em;}