@charset "utf-8";
/* CSS Document */
* {margin: 0;padding: 0;}
body {background:#fff;font-size: 14px;font-family: "微软雅黑";font-style:normal; color:#000;font-weight: 400;overflow-x: hidden;scroll-behavior: smooth;}
@font-face {
    font-family: "AlimamaShuHeiTi-Bold";
    src: url(../font/AlimamaShuHeiTi-Bold.woff), url(../font/AlimamaShuHeiTi-Bold.woff2);
    font-display: swap;
}


a {text-decoration: none; color:#000;transition: all 0.3s ease;}
a:hover {color: #104ba6;text-decoration: none !important;}
li {list-style-type: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
input, button, select, textarea {outline: none;}
button:focus{border:0; outline:0;}
table{border-collapse: collapse;}
th,tr,td{border: 1px solid #DDD;}
.cl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cl {zoom: 1;}
img{transition: all 0.5s ease;}
.cont{width: 1550px;margin: 0 auto;max-width: 90%;}

/*banner*/
.wap-banner{display:none;}
.in-banner{width: 100%;overflow: hidden;height: 100vh;position: relative;}
.in-banner .mySwiper3{width: 100%;height: 100%;}
.in-banner .mySwiper3 .swiper-slide{width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.in-banner .mySwiper3 a{display: block;width: 100%;height: 100%;}
.in-banner .mySwiper3 .swiper-button-next,.in-banner .mySwiper3 .swiper-button-prev{border-radius:50%;border:1px solid #fff;width:50px;height:50px;text-align:center;line-height:50px;}
.in-banner .mySwiper3 .swiper-button-next{right:3vw;}
.in-banner .mySwiper3 .swiper-button-prev{left:3vw;}
.in-banner .mySwiper3 .swiper-button-prev:after,.in-banner .mySwiper3 .swiper-button-next:after{color:#fff;font-size:18px;}


/*banner-end*/

/*index*/
.in-title{text-align: center;padding: 80px 0;}
.in-title h2{font-size: 36px;color: #000;margin: 0 0 20px;font-weight: bold;}
.in-title p{font-size: 16px;color: #666;}

.in-about{width: 100%;background: url(../images/index_01.jpg) no-repeat center;position: relative;height: 100vh;}
.in-about-c{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.in-about-l{width:50%;padding-top: 6vw;}
.in-about-en{display: flex;justify-content: left;align-items: center;}
.in-about-en figure{margin-right: 10px;}
.in-about-en p{font-size: 18px;color: #fff;margin: 0;line-height: 20px;}
.in-about-l .in-title{text-align: left;}
.in-about-l .in-title h2,.in-about-l .in-title p{color: #fff;}
.in-about-text{}
.in-about-text p{font-size: 16px;color: #fff;line-height: 25px;margin: 0;}
.in-about-a a{display: flex;justify-content: space-between;align-items: center;width: 170px;height: 50px;background: #fff;border-radius:30px;margin-top: 50px;}
.in-about-a a p{margin: 0;text-align: center;width: 120px;font-size: 16px;color: #104ba6;}
.in-about-a a span{width: 40px;height: 40px;background: #104ba6;display: flex;justify-content: center;align-items: center;border-radius: 50%;margin-right: 5px;}
.in-about-a a:hover{background: #104ba6;color: #fff;}
.in-about-a a:hover p{color: #fff;}

.mt15{position: absolute;bottom: 0;right: 0;width:70%;background: #fff;border-top-left-radius: 50px;}
.in-about-ul{display: flex;justify-content:space-between;align-items: center;padding:0 3vw;height: 135px;margin: 0;}
.in-about-ul li{text-align: left;}
.in-about-ul li .text{display: flex;justify-content: left;align-items: center;margin-bottom: 10px;}
.in-about-ul li .text img{width: 40px;}
.in-about-ul li b{color: #000;font-size: 18px;font-weight: bold;}
.mt15 ul li b i{font-size:48px;font-style: normal;color: #000;margin-right: 10px;margin-left: 10px;   line-height: 38px;}
.mt15 ul li b sup {top: -25px;font-size: 20px;font-weight: 400;}
.mt15 ul li p{font-size: 16px;color: #666;padding-left: 50px;margin: 0;}

.in-cp{width: 100%;background: url(../images/index_07.jpg) no-repeat center;background-attachment: fixed;background-size: cover;padding-bottom: 100px;}
.in-cp-ul{width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.in-cp-ul li{background: #fff;border-radius: 8px;box-shadow: 0 0 10px rgba(16, 75, 166, 0.1);transition: all 0.3s ease;}
.in-cp-ul li a{display: flex;justify-content: space-between;align-items: center;padding: 15px 25px;}
.in-cp-ul li .in-cp-text{width: calc(100% - 75px);}
.in-cp-ul li .in-cp-text h3{font-size: 20px;font-weight: bold;color: #104ba6;margin: 0 0 15px;}
.in-cp-ul li .in-cp-text p{font-size: 16px;color: #666;margin: 0;}
.in-cp-ul li figure{width: 68px;}
.in-cp-ul li figure img{width: 100%;}
.in-cp-ul li:hover{transform: translateY(-5px);}
.in-jjfa{width: 100%;border-radius: 15px;border: 1px solid #ebeff5;background:linear-gradient(to bottom, #ffffff 50%, rgba(16, 75, 166, 0.3));padding: 0 50px 50px;margin-top: 50px;}
.in-jjfa ul{width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;}
.in-jjfa ul li{background: #fff;border-radius: 8px;box-shadow: 0 0 10px rgba(16, 75, 166, 0.1);transition: all 0.3s ease;transition: all 0.3s ease;}
.in-jjfa ul li a{display: flex;justify-content: space-between;align-items: center;padding: 15px 25px;height: 100%;}
.in-jjfa ul li figure{width: 63px;}
.in-jjfa ul li figure img{width: 100%;}
.in-jjfa ul li .in-jjfa-text{width: calc(100% - 80px);}
.in-jjfa ul li .in-jjfa-text h3{font-size: 20px;font-weight: bold;color: #104ba6;margin: 0 0 15px;text-align: left;}
.in-jjfa ul li .in-jjfa-text p{font-size: 16px;color: #666;margin: 0;}
.in-jjfa ul li:hover{transform: translateY(-5px);}

.in-ys{width: 100%;background: url(../images/index_19.jpg) no-repeat center;background-attachment: fixed;background-size: cover;padding-bottom: 80px;}
.in-ys .in-title h2,.in-ys .in-title p{color: #fff;}
.in-ys-ul{width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
.in-ys-ul li{border: 1px solid #fff;border-radius: 10px;padding: 30px;transition: all 0.3s ease;padding-bottom: 80px;}
.in-ys-ul li figure{width: 40px;}
.in-ys-ul li figure img{width: 100%;filter: brightness(0) invert(1);}
.in-ys-ul li h3{font-size: 20px;color: #fff;margin:30px 0;}
.in-ys-ul li span{display: block;background: #fff;width: 40px;height: 3px;margin-bottom: 20px;}
.in-ys-ul li p{font-size: 14px;color: #fff;opacity: 0.9;text-align: justify;line-height: 30px;}
.in-ys-ul li:hover{background: #104ba6;border: 1px solid #104ba6;}
.in-case .mySwiper1{}
.in-case .mySwiper1 .swiper-slide{text-align: center;cursor: pointer;}
.in-case .mySwiper1 .swiper-slide figure{width: 47px;margin: 0 auto;}
.in-case .mySwiper1 .swiper-slide figure img{width: 100%;}
.in-case .mySwiper1 .swiper-slide h3{font-size: 18px;margin: 20px 0 0;}
.in-case .mySwiper1 .swiper-slide:hover h3,.in-case .mySwiper1 .swiper-slide-active h3{color: #104ba6;font-weight: bold;}
.in-case .mySwiper2{border-radius: 15px;background: #f5f5f5;overflow: hidden;margin-top: 50px;}
.in-case .mySwiper2 .swiper-slide{display: flex;justify-content: space-between;align-items: center;} 
.in-case-l{width: 50%;padding: 0 5vw;}
.in-case-l h3{font-size: 40px;margin: 0 0 60px;}
.in-case-l p{font-size: 18px;color: #666;line-height: 30px;text-align: justify;}
.in-case-l a{display: block;width: 140px;height: 55px;line-height: 55px;background: #104ba6;color: #fff;text-align: center;font-size: 16px;border-radius: 8px;margin-top:60px;}
.in-case-l a:hover{background: #fff;color: #104ba6;}
.in-case-r{width: 50%;overflow: hidden;}
.in-case-r img{width: 100%;}
.in-case-r:hover img{transform: scale(1.05);}

.in-news{width: 100%;background: url(../images/index_54.jpg) no-repeat center;background-attachment: fixed;background-size: cover;margin-top: 80px;padding-bottom: 80px;}
.in-news .in-title h2{color: #fff;}
.in-news-c{width: 100%;display: flex;justify-content: space-between;}
.in-news-l{width: 48%;height:500px;overflow: hidden;position: relative;border-radius: 10px;}
.in-news-l img{width: 100%;}
.in-news-l:hover img{transform: scale(1.05);}
.in-news-r{width: 48%;}
.in-news-r ul{width: 100%;}
.in-news-r ul li{width: 100%;height:113px;border-radius:8px;background: #ffffffdc;transition: all 0.5s;margin-bottom: 15px;}
.in-news-r ul li a{display: flex;justify-content: left;align-items: center;}
.in-news-r ul li a h3{font-size: 16px;margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-top: 23px;}
.in-news-r ul li a p{font-size: 14px;line-height: 24px;margin: 10px 0;color: #333;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.in-news-r ul li a .time{display: block;text-align: center;width:120px;padding: 0 20px;}
.in-news-r ul li a .time p{font-size: 36px;font-weight: bold;border-bottom: 1px solid #000;margin: 0 0 15px;padding: 15px 0;}
.in-news-r ul li a .time span{font-size: 16px;}
.in-news-r ul li a .text{width: calc(100% - 120px);padding-right: 30px;}

.in-hzhb ul{display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;margin-bottom: 80px;}
.in-hzhb ul li{background: #fff;height: 127px;border-radius: 8px;overflow: hidden;padding: 15px;display: flex;justify-content: center;align-items: center;}
.in-hzhb ul li img{height: 100%;max-width: 100%;}
.in-hzhb ul li:hover img{transform: scale(1.05);}
.in-hzhb ul li:hover{box-shadow: 0 0 10px rgba(16, 75, 166, 0.1);}

/*footer*/
.footer{background:#292929;padding-top: 80px;}
.footer-c{width: 100%;padding: 0 3vw;display: flex;justify-content: space-between;align-items: flex-start;}
.footer-l{width: 320px;}
.footer-l h3{font-size: 18px;color: #fff;font-weight: bold;margin-bottom:30px;}
.footer-l ul li{display: flex;justify-content: left;align-items: center;margin-bottom:25px;}
.footer-l ul li figure{width: 27px;padding-right: 10px;}
.footer-l ul li figure img{width: 100%;opacity: 0.9;}
.footer-l ul li p{font-size: 16px;color: #fff;opacity: 0.8;margin: 0;}
.footer-l ul li p:hover{opacity: 1;}
.footer-r{width: calc(100% - 320px);display: flex;justify-content:right;align-items: center;}
.footer-r ul{display: flex;justify-content: right;align-items: flex-start;}
.footer-r ul li{margin-right:10vw;}
.footer-r ul li h3{font-size: 18px;color: #fff;font-weight: bold;margin-bottom:30px;}
.footer-r ul li a{font-size: 14px;color: #fff;opacity: 0.8;display: block;margin-bottom: 15px;}
.footer-r ul li a:hover{opacity: 1;}
.footer-r-div{width: 250px;}
.footer-r-div .foot-logo{margin-bottom: 30px;}
.footer-r-div .foot-logo img{filter: brightness(0) invert(1);}
.footer-r-lx{float: right;text-align: center;width: 122px;}
.footer-r-lx p{font-size: 14px;color: #fff;margin-top: 10px;}
.foot-bq{padding: 0 3vw;margin-top: 80px;}
.foot-bq-c{border-top: 1px solid #ffffff2a;padding: 30px 0;}
.foot-bq-c p{margin: 0;font-size: 16px;color: #fff;}
.foot-bq-c p a{display: inline-block;color: #fff;margin-left: 15px;}

/* 触发弹窗的右侧图标样式 */
.right-ly {
  position: fixed;
  right: 3vw;
  bottom: 20%;
  transform: translateY(-20%);
  cursor: pointer;
  z-index: 100;
  border-radius: 50%;
  background:#104ba6;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.right-ly img {width:35px;height: auto;}
/* 弹窗遮罩层 */
.ly-tcbj {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none; /* 默认隐藏 */
  justify-content: center;
  align-items: center;
  z-index: 99999;
}
/* 弹窗内容容器 */
.ly-tcbj-c {
  width: 100%;
  max-width: 500px; /* 弹窗最大宽度 */
  padding: 0 20px;
}
.ly-tcbj-box {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  position: relative;
}
 /* 关闭按钮 */
.ly-tcbj-gb {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  color: #999;
  cursor: pointer;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}
.ly-tcbj-gb:hover {
  color: #333;
}

/* 弹窗标题 */
.ly-tcbj-div h3 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
  color: #104ba6;
  font-weight: bold;
}

/* 表单样式 */
.ly-tcbj-div .footer-ly-div {margin-bottom: 15px;}
.ly-tcbj-div .footer-ly-div label {
  display: block;
  margin-bottom: 5px;
  color: #666;
  font-size: 14px;
}
.ly-tcbj-div .footer-ly-div label span {color: red;margin-right: 3px;}
.ly-tcbj-div .footer-ly-div input,.ly-tcbj-div .footer-ly-div textarea {
  width: 100%;
  padding:0 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  outline: none;
  color: #333;
}
.ly-tcbj-div input:focus,.ly-tcbj-div textarea:focus {
  border-color: #104ba6;
}
.ly-tcbj-div .footer-ly-tex textarea {
  height: 100px;
  resize: none;
}
.ly-tcbj-div button[type="submit"] {
  width: 120px;
  padding: 12px;
  background: #104ba6;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin: 0 auto;
  display: block;
}
.ly-tcbj-div button[type="submit"]:hover {
  background: #104ba6;
}

.form-overlay {
    position: fixed;
    /* top: 0; */
    /* left: 0; */
    width: 70px;
    height: 70px;
    /* background-color: rgba(0, 0, 0, 0.7); */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    animation: fadeIn 0.3s ease-out;
    right: 3vw;
    bottom: 22%;
    overflow: hidden;
    opacity: 0;
}
.form-overlay.active{
    opacity: 1;
    width: 500px;
    height: auto;
    right: auto;
    bottom: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.form-container {
    background: url(../images/index_42.jpg) no-repeat center;background-size: cover;
    width: 90%;
    max-width:500px;
    border-radius:15px;
    overflow: hidden;
    animation: slideUp 0.4s ease-out;
    padding-bottom: 30px;
}
.form-header {
    color: white;
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-style: normal;
}
.form-header h2 {margin: 0;font-size: 25px;font-weight: bold;}
.close-btn {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
}
.close-btn:hover {background: rgba(255, 255, 255, 0.3);}
.form-notice {
    font-style: normal;
    margin-bottom: 15px;
    border-radius: 0 8px 8px 0;
    font-size: 16px;
    color: #fff;
    padding: 0 30px;
}        
.form-body {
    padding: 30px;
    background:#ffffffd9;
    width: 90%;
    margin: 0 auto;
    border-radius: 15px;
}
#contactForm{}
#contactForm .form-group {margin-bottom: 25px;display: flex;justify-content: space-between;}
#contactForm .form-group label {
    display: block;
    margin-bottom: 8px;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    width: 55px;
    line-height: 50px;
    font-style: normal;
}
#contactForm .form-group input,#contactForm .form-group textarea {
    width: calc(100% - 60px);
    height: 50px;
    padding: 0 15px;
    line-height: 50px;
    border: 2px solid #f8fffb;
    border-radius: 8px;
    font-size: 14px;
    transition: border-color 0.3s, box-shadow 0.3s;
    background: #f8fffb;
    font-style: normal;
}
#contactForm .form-group textarea {
    min-height: 120px;
    resize: vertical;
}
.submit-btn {
    background:#104ba6;
    color: white;
    border: none;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    width: 150px;
    letter-spacing: 1px;
    transition: all 0.5s;
    margin: 0 auto;
    display: block;
    line-height: 50px;
    font-style: normal;
}
.submit-btn:hover {
 
    background: #81c784;
    color:#fff;
}
.hidden {
    display: none;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes slideUp {
    from { 
        opacity: 0;
        transform: translateY(30px);
    }
    to { 
        opacity: 1;
        transform: translateY(0);
    }
}

/* 悬浮栏容器 */
.float-sidebar {
  position: fixed;
  right: 20px;
  top: 50%;
  z-index: 999;
}
/* 单个菜单项 */
.float-sidebar .float-item {
  display: flex;
  align-items: center;
  width: 66px;
  height: 70px;
  color: #fff;
  cursor: pointer;
  position: relative; /* 为电话提示做定位 */
  margin: 5px 0;
  background:#104ba6;
  border-radius: 8px;
}
.float-sidebar .float-item a{
    display: block;
    width: 100%;
    text-align: center;
    background:#104ba6;
    transition: all 0.5s;
    position: relative;
    z-index: 2;
    border-radius: 8px;
    padding: 10px 0;
}
.float-sidebar .float-item a:hover{background:#81c784;}
.float-sidebar .float-item a span{display:block;color: #fff;font-size: 12px;}
.float-sidebar .float-item a span img{width:30px;}
.float-sidebar .float-item:hover a,.float-sidebar .float-item:hover{background:#104ba60;}
.float-sidebar .float-item a .text{margin-top: 6px;}
/* 电话提示框（默认隐藏） */
.phone-tip {
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 8px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    margin-right: 8px;
    height: 70px;
    line-height: 70px;
    background:#104ba6;
    color: #fff;
    text-align: center;
    width: 0;
    z-index: 1;
}
/* 领取样品项 hover 时显示电话 */
.sample-item:hover .phone-tip {
  opacity: 1;
  visibility: visible;
  width: 210px;
}


/*内页*/
.ny-cont{width: 1400px;margin: 0 auto;}
/*banner*/
.ny-banner{width: 100%;height:600px;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;}
.ny-banner .cont{height: 100%;position: relative;height: 100%;}
.ny-banner-text{text-align: center;position: absolute;left:50%;bottom:40%;transform:translate(-50%,-40%);}
.ny-banner-text h2{font-size:36px;color: #fff;font-weight: bold;margin: 0;}
.top-nav{width: 100%;background: #f5f5f5;}
.top-nav ul{display: flex;justify-content: left;align-items: center;margin-bottom: 0;}
.top-nav ul li{width: 160px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;border-radius: 5px;transition: all 0.5s;}
.top-nav ul li:hover a,.top-nav ul li.active a{color: #fff;}
.top-nav ul li:hover,.top-nav ul li.active{background:#104ba6;}

.ny-title{text-align: center;padding: 60px 0;}
.ny-title h2{font-size: 30px;font-weight: bold;margin: 0;}
.ny-nub li i{font-style: normal;font-size: 48px;font-weight: bold;}
.ny-nub li .sp-1{top: -24px;}
.ny-nub li figure{margin-right: 10px;width: 40px;}
.ny-nub li figure img{width: 100%;}
.ny-nub li p{padding-left: 50px;font-size: 16px;color: #666;}

/*about*/
.ny-about-js{width: 100%;margin-top: 80px;text-align: center;font-size: 16px;color: #333;line-height: 30px;}
.about-wh{width: 100%;background: url(../images/index_36.jpg) no-repeat;background-size: cover;background-attachment: fixed;padding: 80px 0;margin-top: 80px;}
.about-wh-r{width: 100%;display: flex;justify-content: right;}
.about-wh-r ul{width: 1000px;max-width: 100%;display: flex;justify-content: space-between;align-items: stretch;margin: 0;}
.about-wh-r ul li{position: relative;width: 49%;}
.about-wh-r ul li figure{width: 100%;height: 410px;border-radius: 8px;overflow: hidden;}
.about-wh-text{position: absolute;top: 50px;left: 50px;width:80%;z-index: 9;}
.about-wh-text h3{font-size: 22px;font-weight: bold;color: #fff;margin: 0 0 20px;}
.about-wh-text p{font-size:18px;color: #fff;line-height: 30px;}
.about-wh-div{position: relative;width: 100%;margin-bottom: 20px;}
.about-wh-r ul li .about-wh-div figure{height: 195px;width: 100%;overflow: hidden;border-radius: 8px;}
.about-wh-div .about-wh-text{top: 30px;left: 30px;width: 85%;}
.about-wh-r ul .about-wh-div1:hover figure img{transform: scale(1.05);}
.about-wh-r ul li .about-wh-div:hover figure img{transform: scale(1.05);}
.about-wh-r ul li img{width: 100%;height: 100%;object-fit: cover;}
.about-wh-div .about-wh-text p{font-size: 16px;line-height: 25px;text-align: justify;}

.ny-qyys ul{display: flex;justify-content: space-between;align-items: stretch;margin: 0;}
.ny-qyys ul .li1{width:36%;position: relative;}
.ny-qyys ul .li1:hover figure img{transform: scale(1.05);}
.ny-qyys ul .li1 .text{position: absolute;top: 60px;left: 40px;width:83%;z-index: 9;}
.ny-qyys ul .li1 .text h3{font-size:18px;font-weight: bold;color: #fff;margin: 0 0 30px;}
.ny-qyys ul .li1 .text p{font-size:16px;color: #fff;line-height: 30px;text-align: justify;}
.ny-qyys ul .li1 figure{width: 100%;border-radius: 5px;overflow: hidden;height: 100%;min-height: 100%;}
.ny-qyys ul .li1 figure img{width: 100%;height: 100%;object-fit: cover;}
.ny-qyys ul .li2{width: 62%;}
.ny-qyys-div{width: 100%;background: #f5f5f5;padding: 30px;border-radius: 5px;margin-bottom: 30px;}
.ny-qyys-div .title{display: flex;justify-content: left;align-items: center;margin-bottom: 20px;}
.ny-qyys-div .title span{width: 30px;margin-right: 10px;}
.ny-qyys-div .title span img{width: 100%;}
.ny-qyys-div .title h3{font-size: 18px;font-weight: bold;margin: 0;transition: all 0.5s;}
.ny-qyys-div:hover .title h3{color: #104ba6;}
.ny-qyys-div .text{padding-left: 40px;}
.ny-qyys-div .text p{font-size: 14px;color: #666;}
.ny-qyys-div .text b{font-size: 14px;color: #666;}
.ny-qyys-div .tags{padding-left: 40px;display: flex;justify-content: left;align-items: center;margin-top: 20px;}
.ny-qyys-div .tags a{display: block;width: 185px;height: 45px;background: #fff;border-radius: 5px;text-align: center;color: #333;line-height: 45px;margin-right: 15px;}
.ny-qyys-div .tags a:hover{background: #104ba6;color: #fff;}
.ny-qyys ul .li1,
.ny-qyys ul .li2 {
  display: flex;
  flex-direction: column;
}
.ny-qyys-div:last-child{margin-bottom: 0;}

.ny-fzlc{width: 100%;background: url(../images/index_45.jpg) no-repeat;background-attachment: fixed;margin-top: 80px;padding-bottom:100px;}
.ny-fzlc .mySwiper4{margin-top: 80px;}
.in-fzlc-nr{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.in-fzlc-nr figure{border-radius: 15px;overflow: hidden;width: 50%;overflow: hidden;}
.in-fzlc-nr figure img{width: 100%;}
.in-fzlc-nr figure:hover img{transform: scale(1.05);}
.fzlc-r{width: 45%;}
.fzlc-r h4{color: #0e49a5;font-size: 48px;font-weight:bold;margin: 0 0 30px;}
.fzlc-r .fzlc-text p{font-size: 16px;color: #333;text-align: justify;line-height: 30px;}
.ny-fzlc .mySwiper5{margin-top: 60px;padding-top: 62px;}
.ny-fzlc .mySwiper5::after{content: '';position: absolute;left: 0;width: 100%;height:1px;background:#ccc;bottom:59px;}
.ny-fzlc .mySwiper5 .swiper-button-next,.mySwiper5 .swiper-button-prev{width:50px;height: 50px;background:#104ba6;border-radius:50%;transition: all 0.5s;}
.ny-fzlc .mySwiper5 .swiper-button-next::after,.mySwiper5 .swiper-button-prev::after{font-size:18px;color: #fff;}
.ny-fzlc .mySwiper5 .swiper-button-next:hover,.mySwiper5 .swiper-button-prev:hover{background: #104ba6;}
.ny-fzlc .mySwiper5 .swiper-button-next{right: 0;}
.ny-fzlc .mySwiper5 .swiper-button-prev{left: 0;}
.ny-fzlc .mySwiper5 .swiper-slide{text-align: center;cursor: pointer;}
.ny-fzlc .mySwiper5 .swiper-slide span{display: block;width: 10px;height: 10px;background: #999;border-radius: 50%;margin: 0 auto;}
.ny-fzlc .mySwiper5 .swiper-slide h3{font-size: 18px;transition: all 0.5s;height: 25px;display: flex;justify-content: center;align-items:center;color: #000;}
.ny-fzlc .mySwiper5 .swiper-slide:hover h3,.ny-fzlc .mySwiper5 .swiper-slide-thumb-active h3{color: #104ba6;font-size: 20px;font-weight: bold;}
.ny-fzlc .mySwiper5 .swiper-slide:hover span,.ny-fzlc .mySwiper5 .swiper-slide-thumb-active span{background: #104ba6;}

/*业务介绍*/
.yw-bj{width: 100%;background: url(../images/index_49.jpg) no-repeat;background-size: cover;margin: 80px 0 0;display: flex;justify-content: space-between;align-items: center;border-radius: 15px;overflow: hidden;}
.yw-bj figure{width: 50%;overflow: hidden;}
.yw-bj figure img{width: 100%;}
.yw-bj figure:hover img{transform: scale(1.05);}
.yw-bj-js{width: 50%;padding: 0 3vw;}
.yw-bj-js h3{font-size: 30px;font-weight: bold;color: #fff;margin: 0 0 30px;}
.yw-bj-js .yw-bj-p{width: 100%;text-align: justify;}
.yw-bj-js .yw-bj-p p{font-size: 14px;color: #fff;position: relative;padding-left: 15px;margin-bottom: 15px;line-height: 25px;}
.yw-bj-js .yw-bj-p p::before{position: absolute;content: "";width: 5px;height: 5px;background: #fff;border-radius: 50%;left: 0px;top: 7px;}
.yw-bj-div{margin-top: 20px;}
.yw-bj-div h3{width: 170px;height: 45px;line-height: 45px;line-height: 45px;font-weight: bold;color: #fff;text-align: center;background: linear-gradient(to right, #113c80, rgba(17, 60, 128, 0.5), transparent);font-size: 16px;margin: 0 0 15px;}
.yw-bj-div .tags{display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;}
.yw-bj-div .tags a{font-size: 14px;color: #fff;}

.list-ul li .cont{display: flex;justify-content: space-between;align-items: center;padding:70px 0;}
.list-ul-text{width: 47%;}
.list-ul-text h3{font-weight: bold;font-size: 30px;margin: 0 0 50px;}
.list-ul-text .text{width: 100%;}
.list-ul-text .text p{font-size: 16px;text-align: justify;line-height: 30px;margin: 0;}
.list-ul-img{width: 50%;border-radius: 15px;overflow: hidden;}
.list-ul-img img{width: 100%;}
.list-ul-img:hover img{transform: scale(1.05);}
.qywh-ul{margin: 0;}
.qywh-ul .list .title{display: flex;justify-content: left;align-items: center;margin-bottom: 20px;}
.qywh-ul .list .title figure{margin-right: 10px;}
.qywh-ul .list .title h4{margin: 0;font-size: 18px;font-weight: bold;color: #104ba6;}
.qywh-ul .list .text-p{margin-bottom: 30px;padding-left: 30px;}

.ywfw{width: 100%;background: #f6f8fb;}
.four .mySwiper{padding-bottom: 80px;padding-top: 10px;}
.four .mySwiper .swiper-slide{background: #fff;border-radius: 5px;padding: 35px;align-self: stretch;height: auto;transition: all 0.5s;}
.four .mySwiper .swiper-slide figure{width: 40px;}
.four .mySwiper .swiper-slide figure img{width: 100%;}
.four .mySwiper .swiper-slide h3{font-size: 18px;margin: 20px 0;}
.four .mySwiper .swiper-slide p{font-size: 14px;color: #666;line-height: 24px;text-align: justify;margin-bottom: 0;}
.four .mySwiper .swiper-slide:hover{transform: translateY(-10px);}

.fy-ityw{width: 100%;display: flex;justify-content: space-between;align-items: center;margin: 80px 0;}
.fy-ityw-l{width: 48%;border-top-right-radius:15px;border-bottom-right-radius: 15px;overflow: hidden;}
.fy-ityw-l img{width: 100%;}
.fy-ityw-l:hover img{transform: scale(1.05);}
.fy-ityw-r{width: 50%;display: flex;justify-content: left;align-items: center;}
.fy-ityw-nr{width: 80%;}
.fy-ityw-nr h2{font-size: 30px;font-weight: bold;margin: 0 0 20px;}
.fy-ityw-nr h5{font-size: 16px;color: #666;margin: 0;}
.fy-ityw-list{}
.fy-ityw-list h3{font-size: 18px;font-weight: bold;margin:40px 0 20px;}
.fy-ityw-list ul{display: grid;grid-template-columns: repeat(4,1fr);grid-gap:20px;}
.fy-ityw-list ul li{display: flex;justify-content: left;align-items: center;}
.fy-ityw-list ul li figure{width: 25px;margin-right: 10px;}
.fy-ityw-list ul li figure img{width: 100%;}
.fy-ityw-list ul li p{margin: 0;color: #333;font-size: 16px;}
.fy-ityw-list ul li:hover p{color: #104ba6;}

.ny-title p{margin-top: 20px;font-size: 16px;color: #666;}
.five .mySwiper2{padding-bottom: 80px;padding-top: 10px;}
.five .mySwiper2 .swiper-slide{background: #fff;border-radius: 5px;padding: 35px 20px;align-self: stretch;height: auto;transition: all 0.5s;}
.five .mySwiper2 .swiper-slide figure{width: 40px;}
.five .mySwiper2 .swiper-slide figure img{width: 100%;}
.five .mySwiper2 .swiper-slide h3{font-size: 18px;margin: 20px 0;}
.five .mySwiper2 .swiper-slide p{font-size: 14px;color: #666;line-height: 24px;text-align: justify;margin-bottom: 0;}
.five .mySwiper2 .swiper-slide:hover{transform: translateY(-10px);}

/*企业文化*/
.qywh-ul{}
.qywh-ul li{padding: 60px 0;}
.qywh-ul li .cont{display: flex;justify-content: space-between;align-items: center;}
.qywh-ul li:nth-child(2n){background: #f6f8fb;}
.qywh-ul li:nth-child(2n) .list-ul-img{order: 2;}


/*联系我们*/
.fgs-fb{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 30px;margin-bottom: 80px;}
.fgs-fb li{border-radius:10px;background: #f5f5f5;padding: 25px;}
.fgs-fb li h3{font-size: 18px;font-weight: bold;margin: 0;transition: all 0.5s;}
.fgs-fb li span{display: block;width: 100%;height: 1px;background: #ccc;position: relative;margin: 15px 0;}
.fgs-fb li span::after{content: '';position: absolute;left: 0;width:30px;height:2px;background:#104ba6;bottom: 0;}
.fgs-fb li .text{}
.fgs-fb li .text p{font-size: 14px;}
.fgs-fb li:hover h3{color: #104ba6;}

.ny-lxwm{width: 100%;background: url(../images/index_69.jpg) no-repeat center bottom;background-size: cover;
background-attachment: fixed;padding-bottom:50px;}
.ny-lxwm .ny-title h2{color: #fff;}
.liuyan{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.liuyan .form-group{width: 48%;color: #fff;margin-bottom: 30px;}
.liuyan .form-group label{color: #fff;font-size: 16px;margin-bottom: 0;font-weight: 400;}
.liuyan .form-group input{width: 100%;background: none;border:none;border-bottom: 1px solid rgba(255, 255, 255, 0.4);border-radius: 0;box-shadow: none;padding: 0;color: #fff;}
.liuyan .form-group-ly{width: 100%;}
.liuyan .form-group-ly textarea{background: none;border:none;border-bottom: 1px solid rgba(255, 255, 255, 0.4);border-radius: 0;box-shadow: none;padding: 0;color: #fff;}
.liuyan button {
    width: 160px;
    height: 55px;
    background: #fff;
    font-size: 16px;
    border: none;
    transition: all 0.5s;
    color: #104ba6;
    border-radius: 5px;
    margin:30px auto;
}
.liuyan button:hover{background:#104ba6;color:#fff;}

/*招聘*/
.recruitment-container{margin-bottom: 80px;}
.job-header {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    background-color: #0e49a5;
    color: white;
    padding: 35px 15px;
    text-align: center;
    border-radius:10px;
    cursor: default;
    font-size: 16px;
}
.job-card {background-color: #f6f8fb;margin-top: 20px;border-radius:10px;overflow: hidden;}
.job-top {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    padding:25px 15px;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-size: 16px;
}
.job-top div:nth-child(1){font-weight: bold;}
.job-top:hover {background-color: #f0f5fa;}
.job-detail{justify-content: space-between;align-items: flex-start;padding: 30px 5vw; display: none;margin-top: 30px;flex-wrap: wrap;}
/* 激活状态显示详情 */
.job-detail.show1{display: flex;}
.job-detail .left{width: 48%;}
.job-detail .right{width: 48%;}
.section {margin-bottom: 18px;font-size: 16px;}
.job-detail  .contact {margin-top:0px;padding-top: 15px;font-weight: 400;font-size: 16px;width: 100%;}
.job-detail .contact a {font-weight: bold;color: #104ba6;}


/*新闻列表*/
.ny-news-ul{margin-top: 80px;}
.ny-news-ul li{width: 100%;padding:50px 0;border-bottom: 1px solid #eee;}
.ny-news-ul li a{display: flex;justify-content: space-between;align-items: center;}
.ny-news-ul li a figure{width: 550px;overflow: hidden;border-radius: 10px;}
.ny-news-ul li a figure img{width: 100%;}
.ny-news-ul li a:hover figure img{transform: scale(1.05);}
.ny-news-div{width: calc(100% - 550px);padding-right: 5vw;}
.ny-news-div h3{font-size: 18px;font-weight: bold;margin:0 0px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ny-news-div p{font-size:16px;color: #666;margin:30px 0 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 25px;}
.ny-news-div span{display: block;margin-top:50px;color: #fff;font-size: 16px;width: 150px;height: 50px;line-height: 50px;text-align: center;background: #104ba6;border-radius: 30px;border: 1px solid #104ba6;transition: all 0.5s;}
.ny-news-ul li a:hover span{background: #fff;color: #104ba6;}


/*新闻详情*/
.ny-wban{width: 100%;}
.ny-wban .logo .logo1 {filter: none;}
.ny-wban .nav h3 a{color: #000;}
.ny-wban .top-yy figure {
    background: #104ba6;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.xw-mbx{display: flex;justify-content: left;align-items: center;font-size: 16px;margin-top:0px;}
.xw-mbx span{display: inline-block;margin-right: 5px;margin-top: -5px;}
.xw-mbx a{display: inline-block;margin: 0 6px;}
.xw-xq{width: 100%;border-top: 1px solid #eee;margin-top: 100px;padding-top: 50px;}
.xw-xq-c{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
.xw-xq-l{width: 68%;}
.xwxq-tit{width: 100%;text-align: left;padding-top: 50px;border-bottom: 1px solid #eee;padding-bottom:20px;
margin-bottom: 30px;}
.xwxq-tit h3{font-size: 30px;font-weight: bold;margin: 0 0 30px;}
.xwxq-tit p span{color: #666;font-size: 16px;display: inline-block;margin-right: 15px;}
.xwxq-con{width: 100%;padding-bottom: 50px;}
.xwxq-con p{font-size: 16px;color: #333;line-height: 30px;}
.xwxq-con p img{max-width: 100%;}
.xwxq-btn{border-top: 1px solid #eee;margin-top:80px;}
.xwxq-btn .cp-xq-bot{margin-top: 30px;margin-bottom: 50px;display: flex;justify-content: space-between;}
.xwxq-btn .cp-xq-bot div{width: 48%;text-align: left;}
.xwxq-btn .cp-xq-bot div p{font-size: 16px;color: #666;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.xwxq-btn .cp-xq-bot div p a{color: #666;}
.xwxq-btn .cp-xq-bot div p a:hover{color: #104ba6;}
.xwxq-btn .cp-xq-bot div:nth-child(2) p{text-align: right;}

.xw-xq-r{width: 28%;background: #f6f8fb;padding:25px 25px 0;margin-top: 130px;}
.xw-xq-r h2{font-size: 18px;font-weight: bold;margin: 0;border-left: 3px solid #104ba6;padding-left: 9px;}
.xw-xq-r ul{margin-top: 25px;}
.xw-xq-r ul li{margin-bottom: 25px;}
.xw-xq-r ul li a{display: flex;justify-content:space-between;align-items: center;}
.xw-xq-r ul li a figure{width:40%;overflow: hidden;height:95px;display: flex;justify-content: center;align-items: center;}
.xw-xq-r ul li a figure img{width: 100%;height: 100%;object-fit: cover;}
.xw-xq-r-div{width:54%;}
.xw-xq-r ul li a h3{font-size: 16px;margin: 0 0 10px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 22px;}
.xw-xq-r ul li a p{font-size: 14px;color: #666;}
.xw-xq-r ul li a:hover figure img{transform: scale(1.05);}

/*分页*/
.last-page{text-align: center;margin:70px 0;}
.page-status,.page-index,.page-last{display: none;}
.last-page span a{display: inline-block;width: 40px;height: 40px;color: #000;line-height: 40px;font-size: 14px;overflow: hidden;margin: 0 5px;border: 1px solid #999;text-align: center;border-radius: 5px;}
.last-page .page-pre a,.last-page .page-next a{width: 65px;}
.last-page .page-num-current,.last-page span a:hover{background:#104ba6;color: #fff;}
.last-page .page-none{margin-bottom: 80px;display: block;}

/*产品列表*/
.cp-index ul{display: grid;grid-template-columns: repeat(3,1fr);grid-gap:20px;padding-bottom:80px;}
.cp-index ul li{overflow:hidden;text-align:center;}
.cp-index ul li figure{width:100%;overflow:hidden;border-radius:10px;height:284px;}
.cp-index ul li figure img{width: 100%;}
.cp-index ul li h3{margin:15px 0;font-size:18px;font-weight:bold;}

.cp-box{width: 100%;background: #81c7840d;padding-top: 150px;padding-bottom:5px;}
.cp-list{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 50px;}
.cp-nav{width: 270px;background: #fff;border-radius: 10px;overflow: hidden;}
.cp-nav h2{width: 100%;background:#104ba6;text-align: center;font-size: 24px;font-weight: bold;margin: 0;padding: 30px 0;color: #fff;}
.cp-nav ul{width: 100%;}
.cp-nav ul li{width: 100%;}
.cp-nav ul li h3{width: 100%;font-size:16px;font-weight: bold;margin: 0;padding: 15px 15px;display: flex;justify-content: space-between;align-items: center;}
.cp-nav ul li h3 a{color: #000;display: inline-block;width: 70%;}
.cp-nav ul li h3 span{display: inline-block;margin-right: 10px;margin-top: -5px;cursor: pointer;}
.cp-nav ul li h3:hover a{color: #104ba6;}
.cp-nav ul li h3 span img{width: 8px;}
.cp-nav ul li ul{display: none;width: 100%;padding: 0 25px;}
.cp-nav ul li ul li{width: 100%;line-height: 39px;}
.cp-nav ul li ul li h3{font-size: 14px;padding-left: 40px;}
.cp-nav ul li ul li a{color: #666;}
.cp-nav ul li ul li:hover a{color: #104ba6;}
.cp-list-box{width: calc(100% - 300px);}
.cp-list-box ul{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 30px;}
.cp-list-box ul li{border-radius: 5px;padding: 10px;border: 1px solid #eee;overflow: hidden;text-align: center;background: #fff;}
.cp-list-box ul li figure{width: 100%;overflow: hidden;}
.cp-list-box ul li figure img{width: 100%;}
.cp-list-box ul li:hover figure img{transform: scale(1.05);}
.cp-list-box .cp-list-tex{}
.cp-list-box .cp-list-tex h3{margin: 15px 0;font-weight: bold;font-size: 18px;}
.cp-list-box .cp-list-tex p{font-size: 14px;color: #666;margin: 0 0 10px;line-height: 25px;}
.cp-list-box .cp-list-tex span{display: block;margin:0px auto 15px;border-radius: 5px;color: #104ba6;width: 100px;height: 35px;line-height: 34px;border: 1px solid #104ba6;transition: all 0.5s;}
.cp-list-box ul li:hover .cp-list-tex span{background:#104ba6;color: #fff;} 

/*案例*/
.case-top{display: flex;justify-content: space-between;align-items: center;margin: 80px 0;}
.case-top-l{width: 50%;border-radius: 15px;overflow: hidden;}
.case-top-l img{width: 100%;}
.case-top-l:hover img{transform: scale(1.05);}
.case-top-r{width: 47%;}
.case-top-r h2{font-size: 30px;font-weight: bold;margin: 0 0 30px;}
.case-top-r p{font-size: 16px;color: #666;text-align: justify;}
.case-top-div{margin-bottom: 50px;}
.case-top-r a{display: block;width: 150px;height: 50px;line-height: 50px;text-align: center;border-radius: 30px;border: 1px solid #104ba6;transition: all 0.5s;background: #104ba6;color: #fff;font-size: 16px;margin-top: 50px;}
.case-top-r a:hover{background: #fff;color: #104ba6;}
.case-bj{background: #f6f8fb;padding: 80px 0;}
.case-div{display: flex;justify-content: space-between;align-items: stretch;}
.case-box{width: 48%;display: flex;flex-direction: column;height: auto;background: #fff;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);padding: 30px;}
.case-box .title{width: 100%;display: flex;justify-content: left;align-items: center;}
.case-box .title figure{margin-right: 10px;}
.case-box .title img{width: 40px;}
.case-box .title h4{margin: 0;font-weight: bold;color: #104ba6;font-size: 24px;}
.case-box .list{margin-top:20px;}
.case-box .list ul{}
.case-box .list ul li{width: 100%;border: 1px solid #104ca683;display: flex;justify-content: left;border-radius: 5px;margin: 15px 0;padding: 15px 20px;}
.case-box .list ul li figure{width: 20px;margin-right: 10px;}
.case-box .list ul li figure img{width: 100%;}
.case-box .list ul li p{margin: 0;font-size: 18px;color: #666;transition: all 0.5s;}
.case-box .list ul li:hover p{color: #104ba6;}

/*公司客户*/
.ny-kehu{}
.ny-kehu ul{display: grid;grid-template-columns: repeat(6,1fr);grid-gap:30px;}
.ny-kehu ul li{border-radius: 10px;overflow: hidden;border: 1px solid #eee;height: 100px;}
.ny-kehu ul li img{height: 100%;object-fit: cover;max-width: 100%;}
.ny-kehu ul li:hover img{transform: scale(1.05);}
.ny-kehu .more{text-align: center;color: #999;font-size: 16px;margin: 50px auto 80px;line-height: 50px;}
.ny-kehu .more a{display: block;width: 160px;height: 50px;line-height: 50px;text-align: center;border-radius:10px;border: 1px solid #104ba6;background: #104ba6;color: #fff;font-size: 16px;margin-top: 50px;margin: 50px auto 80px;}
.ny-kehu .more a:hover{background: #fff;color: #104ba6;}
.ny-kehu .list{text-align: center;color: #999;font-size: 16px;}

/*产品服务*/
.itsm-nav{width: 100%;overflow: hidden;padding: 80px 0 50px;}
.itsm-nav ul{display: flex;justify-content:left;align-items: flex-end;overflow-x: auto;scrollbar-width: thin;flex-wrap: nowrap;flex-shrink: 0;padding-bottom: 30px;}
.itsm-nav ul li{text-align: center;width:140px;cursor: pointer;flex-shrink: 0;}
.itsm-nav ul li figure img{width: 66px;}
.itsm-nav ul li p{font-size: 18px;margin:15px 0;}
.itsm-nav ul li.active p{color: #104ba6;}
.itsm-nav ul li:hover p{color: #104ba6;}
.itsm-nav ul::-webkit-scrollbar {height: 6px;}
.itsm-nav ul::-webkit-scrollbar-thumb {
    background-color: #104ba6;
    border-radius: 3px;
}
.itsm-nav ul::-webkit-scrollbar-track {background-color: #f5f5f5;}
.itsm-nav ul {scrollbar-color: #104ba6 #f5f5f5;scrollbar-width: thin;}

.wap-list .wap-list-li{padding-bottom: 80px;background: #f6f8fb;}
.wap-list .wap-list-li:nth-child(2n){background: #fff;}
.wap-list .wap-list-li ul{display: grid;grid-template-columns: repeat(4,1fr);grid-gap:20px;}
.wap-list .wap-list-li ul li{text-align: center;}
.wap-list .wap-list-li ul li img{width: 100%;}
.wap-list .wap-list-li ul li figure{border: 1px solid #eee;border-radius: 10px;overflow: hidden;}
.wap-list .wap-list-li ul li:hover img{transform: scale(1.05);}
.wap-list .wap-list-li ul li p{font-size: 16px;margin-top: 10px;line-height: 25px;}

.ny-gdgl li:nth-child(2n) .list-ul-text{order: 2;}
.ny-gdgl li:nth-child(2n) .list-ul-img {order: inherit;}

/*服务分类*/
.ny-fwfl{}
.ny-fwfl .mySwiper{padding: 10px 0 80px;}
.ny-fwfl .mySwiper .swiper-slide{padding: 30px 40px;border-radius: 10px;overflow: hidden;border: 1px solid #eee;transition: all 0.5s;align-self: stretch;height: auto;}
.ny-fwfl .mySwiper figure{}
.ny-fwfl .mySwiper figure img{width: 40px;}
.ny-fwfl .mySwiper h3{font-size: 18px;margin: 30px 0 20px;}
.ny-fwfl .mySwiper .text{}
.ny-fwfl .mySwiper .text p{font-size: 14px;color: #666;position: relative;padding-left:15px;}
.ny-fwfl .mySwiper .text p::after{content: '';position: absolute;bottom: 0;left: 0;width:5px;height: 5px;background-color: #104ba6;transform: translateY(-50%);border-radius: 50%;top: 50%;}
.ny-fwfl .mySwiper .swiper-slide:hover{transform: translateY(-10px);}
.ny-fwfl .mySwiper .swiper-pagination-bullet{background: #104ba6;width: 50px;height:3px;border-radius: 30px;}

.ny-ywfw{width: 100%;background: url(../images/index_77.jpg) no-repeat center;background-size: cover;background-attachment: fixed;padding-bottom:50px;margin-top: 80px;}
.ny-ywfw-ny{width: 1200px;margin: 0 auto;background: rgba(255, 255, 255, 0.7);padding: 50px 0;border-radius: 15px;display: flex;justify-content: space-between;align-items: flex-start;}
.ny-ywfw-l{width: 270px;border-right: 1px solid #d3d4d6;padding: 20px 50px 20px 0px;}
.ny-ywfw-l h3{border-radius: 0 15px 15px 0px;background: #ebf2fa;font-size: 18px;
border-left: 3px solid #ebf2fa;padding: 15px 0 15px 35px;margin: 0 0 20px;cursor: pointer;transition: all 0.5s;}
.ny-ywfw-l h3:hover,.ny-ywfw-l h3.active{border-left: 3px solid #104ba6;}
.ny-ywfw-r{width: calc(100% - 270px);padding:0 50px;}
.ny-ywfw-r .list{}
.ny-ywfw-r .list h4{font-weight: bold;font-size: 24px;margin: 0 0 20px;}
.ny-ywfw-r .list .tags{display: flex;justify-content: left;align-items: center;}
.ny-ywfw-r .list .tags a{width: 140px;height: 45px;background: #104ba6;line-height: 45px;text-align: center;color: #fff;border-radius: 5px;margin-right: 10px;font-size: 16px;cursor: pointer;transition: all 0.5s;border: 1px solid #104ba6;}
.ny-ywfw-r .list .tags a:hover{background: #fff;color: #104ba6;}
.ny-ywfw-r .list .text{font-size: 16px;color: #666;line-height:25px;text-align: justify;margin: 20px 0;}
.ny-ywfw-r .list ul{display: flex;justify-content: left;}
.ny-ywfw-r .list ul li{width: 160px;height: 70px;background: #fff;border-radius: 5px;overflow: hidden;margin-right: 10px;text-align: center;}
.ny-ywfw-r .list ul li img{height: 100%;max-width: 100%;object-fit: cover;}
.ny-ywfw-r .list ul li:hover img{transform: scale(1.05);}

.ny-ccbj{margin-top: 80px;}
.ny-ccbj .list{}
.ny-ccbj .list p{width: 100%;position: relative;font-size: 16px;margin-bottom: 30px;line-height: 22px;padding-left: 20px;}
.ny-ccbj .list p::after{position: absolute;content: "";width: 5px;height: 5px;background: #104ba6;border-radius: 50%;left: 0;top: 9px;}

/*解决方案*/
.ny-ywld{width: 100%;background: #f6f8fb;}
.ywld-ms{width: 100%;background: #fff;padding: 50px;border-radius: 15px;margin-bottom: 50px;}
.ywld-ms p{font-size: 16px;line-height: 25px;text-align: center;margin-bottom: 25px;}
.sbzc{border-radius: 10px;background: #f6f8fb;padding: 30px;display: flex;justify-content: space-between;align-items: flex-start;}
.sbzc li{text-align: center;}
.sbzc li figure img{width: 40px;}
.sbzc li p{font-size: 16px;margin:15px 0 0;transition: all 0.5s;}
.sbzc li:hover p{color: #104ba6;}
.ppzc{margin: 80px 0;display: grid;grid-template-columns: repeat(6,1fr);grid-gap:20px;}
.ppzc li{height: 100px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.ppzc li img{height: 100%;max-width: 100%;}
.ppzc li:hover img{transform: scale(1.05);}

.ny-ysp{width: 100%;background: #f6f8fb;padding-bottom: 80px;}
.ysp-p{width: 100%;background: #fff;border-radius: 15px;padding: 50px;}
.ysp-p p{font-size: 16px;line-height: 30px;text-align: center;}
.ysp-p p:nth-child(3){margin-top: 30px;}
.ny-ysp figure{margin-top: 50px;}
.ny-ysp figure img{max-width: 100%;}

.fwgl-ul{display: grid;grid-template-columns: repeat(2,1fr);grid-gap:50px;}
.fwgl-ul li{padding: 50px;background: #fff;border-radius: 15px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.fwgl-ul li .title{display: flex;justify-content: left;align-items: center;margin-bottom: 30px;}
.fwgl-ul li .title figure{width: 40px;margin-right: 15px;}
.fwgl-ul li .title figure img{width: 100%;}
.fwgl-ul li .title h3{font-size: 24px;margin: 0;font-weight: bold;color: #104ba6;}
.fwgl-ul li .tags{display: grid;grid-template-columns: repeat(2,1fr);grid-gap:20px;}
.fwgl-ul li .tags p{background: url(../images/index_70.png) no-repeat 20px 18px;border-radius: 8px;border: 1px solid #104ca693;padding:15px 25px 15px 50px;font-size: 18px;color: #666;}
.fwgl-ul li .tags p:hover{color: #104ba6;}
.ny-fwnr{width: 100%;margin-top: 80px;background: #f6f8fb;padding-bottom: 80px;}
.ny-fwnr ul{width: 1100px;margin: 0 auto;display: flex;justify-content: space-between;align-items: flex-start;max-width: 100%;}
.ny-fwnr ul li{text-align: center;transition: all 0.5s;}
.ny-fwnr ul li figure{background: #104ba6;border-radius:5px;width: 110px;height: 110px;display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.ny-fwnr ul li figure img{width: 40px;filter: brightness(0) invert(1);}
.ny-fwnr ul li h3{font-size: 18px;margin: 15px 0;}
.ny-fwnr ul li:hover{transform: translateY(-10px);}
.nu-fwys{width: 1100px;max-width: 100%;background: #fff;border-radius:10px;border-left: 3px solid #104ba6;padding: 30px 80px;margin: 0 auto;}
.nu-fwys h4{font-size: 18px;font-weight: bold;margin: 0 0 30px;}
.nu-fwys .tags{width: 100%;display: flex;justify-content: left;align-items: center;margin-bottom: 15px;}
.nu-fwys .tags figure{width: 17px;height: 17px;background: #104ba6;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-right: 7px;}
.nu-fwys .tags figure img{width:10px;filter: brightness(0) invert(1);}
.nu-fwys .tags p{font-size: 16px;margin: 0;transition: all 0.5s;}
.nu-fwys .tags p:hover{color: #104ba6;}
.ny-rdfa{width: 100%;background: #f6f8fb;padding-bottom: 80px;}
.ny-rdfa figure{margin: 0 auto;text-align: center;display: flex;justify-content: center;}
.ny-rdfa figure img{max-width: 100%;}

.itsm-nav ul li.active p{color: #104ba6;}
.itsm-nav ul li:hover p{color: #104ba6;}
.itsm-nav ul::-webkit-scrollbar {height: 6px;}
.itsm-nav ul::-webkit-scrollbar-thumb {
    background-color: #104ba6;
    border-radius: 3px;
}
.itsm-nav ul::-webkit-scrollbar-track {background-color: #f5f5f5;}
.itsm-nav ul {scrollbar-color: #104ba6 #f5f5f5;scrollbar-width: thin;}
.itsm-bj{width: 100%;background: #f6f8fb;padding: 80px 0;}
.itsm-box{display: flex;justify-content: space-between;align-items: center;}
.itsm-l{width: 45%;}
.itsm-r{width: 50%;background: #fff;border-radius: 15px;overflow: hidden;}
.itsm-r img{width: 100%;}
.itsm-r:hover img{transform: scale(1.05);}
.itsm-l h3{font-size: 24px;font-weight: bold;margin: 0 0 30px;}
.itsm-text p{font-size: 16px;color: #666;text-align: justify;line-height: 30px;}
.itsm-l a{display: block;width: 160px;height: 50px;line-height: 50px;text-align: center;border-radius: 30px;border: 1px solid #104ba6;background: #104ba6;color: #fff;font-size: 16px;margin-top: 50px;}
.itsm-l a:hover{background: #fff;color: #104ba6;}
.ywfw-cp{background:#fff;}
.ywfw-cp .mySwiper .swiper-slide{border:1px solid #eee;}

/*服务分类*/
.ny-fwfl{}
.ny-fwfl .mySwiper{padding: 10px 0 80px;}
.ny-fwfl .mySwiper .swiper-slide{padding: 30px 40px;border-radius: 10px;overflow: hidden;border: 1px solid #eee;transition: all 0.5s;align-self: stretch;height: auto;}
.ny-fwfl .mySwiper figure{}
.ny-fwfl .mySwiper figure img{width: 40px;}
.ny-fwfl .mySwiper h3{font-size: 18px;margin: 30px 0 20px;}
.ny-fwfl .mySwiper .text{}
.ny-fwfl .mySwiper .text p{font-size: 14px;color: #666;position: relative;padding-left:15px;}
.ny-fwfl .mySwiper .text p::after{content: '';position: absolute;bottom: 0;left: 0;width:5px;height: 5px;background-color: #104ba6;transform: translateY(-50%);border-radius: 50%;top: 50%;}
.ny-fwfl .mySwiper .swiper-slide:hover{transform: translateY(-10px);}
.ny-fwfl .mySwiper .swiper-pagination-bullet{background: #104ba6;width: 50px;height:3px;border-radius: 30px;}

.ny-ywfw{width: 100%;background: url(../images/index_77.jpg) no-repeat center;background-size: cover;background-attachment: fixed;padding-bottom:50px;margin-top: 80px;}
.ny-ywfw-ny{width: 1200px;margin: 0 auto;background: rgba(255, 255, 255, 0.7);padding: 50px 0;border-radius: 15px;display: flex;justify-content: space-between;align-items: flex-start;}
.ny-ywfw-l{width: 270px;border-right: 1px solid #d3d4d6;padding: 20px 50px 20px 0px;}
.ny-ywfw-l h3{border-radius: 0 15px 15px 0px;background: #ebf2fa;font-size: 18px;
border-left: 3px solid #ebf2fa;padding: 15px 0 15px 35px;margin: 0 0 20px;cursor: pointer;transition: all 0.5s;}
.ny-ywfw-l h3:hover,.ny-ywfw-l h3.active{border-left: 3px solid #104ba6;}
.ny-ywfw-r{width: calc(100% - 270px);padding:0 50px;}
.ny-ywfw-r .list{}
.ny-ywfw-r .list h4{font-weight: bold;font-size: 24px;margin: 0 0 20px;}
.ny-ywfw-r .list .tags{display: flex;justify-content: left;align-items: center;}
.ny-ywfw-r .list .tags a{width: 140px;height: 45px;background: #104ba6;line-height: 45px;text-align: center;color: #fff;border-radius: 5px;margin-right: 10px;font-size: 16px;cursor: pointer;transition: all 0.5s;border: 1px solid #104ba6;}
.ny-ywfw-r .list .tags a:hover{background: #fff;color: #104ba6;}
.ny-ywfw-r .list .text{font-size: 16px;color: #666;line-height:25px;text-align: justify;margin: 20px 0;}
.ny-ywfw-r .list ul{display: flex;justify-content: left;}
.ny-ywfw-r .list ul li{width: 160px;height: 70px;background: #fff;border-radius: 5px;overflow: hidden;margin-right: 10px;text-align: center;}
.ny-ywfw-r .list ul li img{height: 100%;max-width: 100%;object-fit: cover;}
.ny-ywfw-r .list ul li:hover img{transform: scale(1.05);}

.ny-fwgl{width: 100%;text-align: center;}
.ny-fwgl img{max-width: 100%;}
.ny-khgl{width: 100%;background: url(../images/index_78.jpg) no-repeat center;background-attachment: fixed;margin-top: 80px;padding-bottom: 80px;}
.ny-khgl .ny-title h2{color: #fff;}
.khgl-box{width: 100%;position: relative;height: 495px;}
.khgl-img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 383px;height: 385px;}
.khgl-img img{position: absolute;top: 0;left: 0;width: 100%;}
.khgl-img .img1 {
  animation: clockwise-rotate 12s linear infinite;
}

.khgl-img .img2 {
  animation: counterclockwise-rotate 12s linear infinite;
}

@keyframes clockwise-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes counterclockwise-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
.khgl-text,.khgl-text ul{width: 100%;height: 100%;}
.khgl-text li{width: 525px;height: 215px;padding: 30px 60px 30px 30px;position: absolute;left: 0;top: 0;}
.khgl-text li:nth-child(1){background: url(../images/index_81.png) no-repeat;background-size: 100% 100%;}
.khgl-text li:nth-child(2){bottom: 0;top: auto;background: url(../images/index_82.png) no-repeat;background-size: 100% 100%;}
.khgl-text li:nth-child(3),.khgl-text li:nth-child(4){padding: 30px 30px 30px 60px;left: auto;right: 0;}
.khgl-text li:nth-child(3){background: url(../images/index_83.png) no-repeat;background-size: 100% 100%;}
.khgl-text li:nth-child(4){background: url(../images/index_84.png) no-repeat;background-size: 100% 100%;bottom: 0;top: auto;}
.khgl-text li .title{display: flex;justify-content: left;align-items: center;margin-bottom: 20px;}
.khgl-text li .title figure{width: 38px;margin-right: 10px;}
.khgl-text li .title figure img{width: 100%;filter: brightness(0) invert(1);}
.khgl-text li .title h3{font-size: 24px;font-weight: bold;color: #fff;margin: 0;}
.khgl-text li p{font-size: 14px;color: #fff;text-align: justify;line-height: 25px;}
.ny-zlgl{width: 100%;background: #f6f8fb;border-radius: 10px;padding: 80px 30px;text-align: center;margin-bottom: 80px;}
.ny-zlgl img{max-width: 100%;}

.zcgl-bj .itsm-text h4{font-size: 18px;font-weight: bold;margin: 30px 0 20px;}
.ny-zcgl li{background: #f6f8fb;}
.ny-zcgl li:nth-child(2n){background: #fff;}
.ny-zcgl li .text p{color: #000;}
.ny-zcgl li .list-ul-text a{
    display: block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 30px;
    border: 1px solid #104ba6;
    transition: all 0.5s;
    background: #104ba6;
    color: #fff;
    font-size: 16px;
    margin-top: 50px;
}
.ny-zcgl li .list-ul-text a:hover{background: #fff;color: #104ba6;}

@media (min-width: 1500px){

}

@media (min-width: 1950px){
    
}

@media screen and (max-width:1920px){
	
}

@media screen and (max-width:1800px){
   .cp-list-lb ul {width: 80%;}
}

@media screen and (max-width:1700px){
   
}

@media screen and (max-width:1570px){
   .khgl-text li {width: 450px;}
   .ny-kehu ul li{height: 85px;}

}

@media screen and (max-width:1500px){
  .in-about-l {width: 63%;}
  .mt15{width: 80%;}

  .ny-banner{height: 500px;}
  .ny-news-ul li a .ny-news-btn figure img{height: auto;}
  .fwgl-ul li {padding: 30px;}
 
}

@media screen and (max-width:1450px){
  .in-about-l{padding-top: 30px;}
  .in-title{padding: 50px 0;}
  .in-title h2 {font-size: 30px;}
  .mt15 ul li b i {font-size: 36px;margin-right: 5px;}
  .mt15 ul li b sup {top: -16px;}
  .in-cp-ul li .in-cp-text h3 {font-size: 18px;margin: 0 0 10px;}
  .in-cp-ul li .in-cp-text p {font-size: 14px;}
  .in-jjfa{padding: 0 25px 40px;}
  .in-cp{padding-bottom: 60px;}
  .in-ys-ul li{padding: 20px 20px 35px;}
  .footer-r ul li {margin-right: 9vw;}
  .in-jjfa ul li .in-jjfa-text h3 {font-size: 18px;margin: 0 0 10px;}
  .in-jjfa ul li .in-jjfa-text p {font-size: 14px;}
  .in-jjfa ul{gap: 20px;}


  .ny-banner{height: 400px;} 
  .ny-banner-text h2 {font-size: 30px;}
  .ny-banner-text span{width: 40px;height: 3px;}
  .yw-bj-div .tags{grid-template-columns: repeat(3, 1fr);}
  .fy-ityw-list ul{grid-template-columns: repeat(3, 1fr);}
  .khgl-text li {width: 370px;}
    
}

@media screen and (max-width:1400px){
    .in-about-l {width: 80%;}
    .in-about-ul{height: 120px;}
    .mt15 ul li b i {font-size: 30px;}
    .mt15 ul li b sup {top: -11px;font-size: 14px;}
    .mt15 {width: 75%;}
    .foot-bq-c p{font-size: 14px;}
    .footer-l ul li p {font-size: 14px;}
    .ny-ywfw-ny{width: 100%;}
    .fwgl-ul li .tags p{padding: 15px 15px 15px 50px;}
    .case-top-div {margin-bottom: 30px;}
    .case-top-r h2 {font-size: 24px;margin: 0 0 20px;}
    .ny-kehu ul li {height: 70px;}
    .ny-news-ul li a figure {width: 460px;}
    .ny-news-div {width: calc(100% - 460px);padding-right: 3vw;}

}

@media screen and (max-width:1300px){
  
	
}

@media screen and (max-width:1200px){

}

@media screen and (max-width:1024px){
    .cont {width: 95%;}
    .in-banner {margin-top: 60px;}   
    .in-title h2{font-size: 24px;}
    .in-title p {font-size: 14px;}
    .in-banner .mySwiper3 .swiper-button-next, .in-banner .mySwiper3 .swiper-button-prev{display: none;}
    .in-about{height:110vh;}
    .in-about-l {width: 100%;}
    .in-about-a a p{width: 100px;}
    .in-about-a a{width: 145px;height: 45px;}
    .in-about-a a span {width: 35px;height: 35px;}
    .in-about-l {padding-top: 50px;}
    .mt15 {width: 95%;}
    .in-cp-ul{grid-template-columns: repeat(3, 1fr);gap: 15px;}
    .in-jjfa ul{grid-template-columns: repeat(2, 1fr);gap: 15px;}
    .in-jjfa {padding: 0 20px 25px;margin-top: 30px;}
    .in-cp {padding-bottom: 140px;}
    .in-ys-ul{grid-template-columns: repeat(2, 1fr);}
    .in-case-l h3 {font-size: 26px;margin: 0 0 25px;}
    .in-case-l p {font-size: 14px;line-height: 24px;}
    .in-case-l a {width: 120px;height: 45px;line-height: 44px;margin-top: 30px;}
    .in-case-l{padding: 0 3vw;}
    .footer-r ul{display: none;}
    .ny-banner{margin-top:60px;height: 240px;}
    .ny-banner-text h2 {font-size: 22px;}
    .in-fzlc-nr-l h4 {font-size: 35px;}
    .in-fzlc-nr-l p {font-size: 18px;}
    .in-fzlc-nr-r p {font-size: 14px;}
    .mySwiper5 .swiper-slide:hover h3, .mySwiper5 .swiper-slide-thumb-active h3 {font-size: 30px;}
    .mySwiper5 .swiper-slide h3 {font-size: 16px;}
    .swiper-container1 .swiper-slide figure {height: 56vw;}
    .swiper-father .swiper-button-next, .swiper-father .swiper-button-prev{width: 35px;height: 35px;}
    .swiper-father .swiper-button-next::after, .swiper-father .swiper-button-prev::after{font-size: 14px;}
    .mySwiper6 .swiper-slide figure{height: 35vw;}
    .cp-nav{display: none;}
    .cp-list-lb ul{margin-top: 40px;}
    .cp-list-lb ul,.cp-list-lb .last-page{width: 100%;}
    .cp-list-lb ul li figure{height: 17vw;}
    .wap-cpanv{width: 100%;display: block;padding-top: 40px;}
    .wap-cpanv .dropdown{width: 100%;}
    .wap-cpanv .dropdown .btn {width: 100%;text-align: left;position: relative;background:#104ba6;z-index: 2;
    height: 45px;color: #fff;font-size: 16px;font-weight: bold;}
    .wap-cpanv .dropdown .btn .caret{float: right;margin-top:7px;border-top:7px dashed #fff;border-right: 7px solid transparent;border-left: 7px solid transparent;}
    .wap-cpanv .dropdown-menu{width: 100%;}
    .wap-cpanv .dropdown-menu>li>a{line-height: 2.428571;}
    .cp-list-lb ul li{padding: 15px;}
    .cp-list-lb ul li h3 {font-size: 16px;margin: 0 0 10px;}
    .cp-list-lb ul li p{margin-bottom: 15px;}
    .xw-xq{margin-top: 60px;}
    .nycp-top-img {height: 45vw;}
    .nycp-top-text h2 {font-size: 20px;}
    .nycp-top-text p {font-size: 14px;line-height: 22px;}
    .nycp-top-text-ul li a {width: 100%;}
    .nycp-top-text-ul li {width: 25%;}
    .nycp-top-text{padding-right: 25px;}
    .mySwiper7 .swiper-slide figure{height: 28vw;}
    .mySwiper7 .swiper-pagination {display: block;}
    .swiper.mySwiper7{padding-bottom: 60px;}
    .cp-xgal{padding-bottom: 30px;}
    .mySwiper7 .swiper-pagination .swiper-pagination-bullet{background: #104ba6;}
    .hy-hyul{grid-gap: 20px;}
    .xw-xq-c{flex-wrap: wrap;}
    .xw-xq-l,.xw-xq-r{width: 100%;}
    .xwxq-tit h3 {font-size: 24px;margin: 0 0 20px;}
    .xwxq-tit{padding-top: 15px;padding-bottom: 10px;}
    .xwxq-tit p span{font-size: 14px;}
    .xq-hy-img{height: 330px;}
    .hy-cplist .mySwiper2 .swiper-pagination {display: block;}
    .hy-cplist .mySwiper2 {padding-bottom: 50px;}
    .hy-cplist .mySwiper2 .swiper-slide a figure{height: 28vw;}
    .hy-cplist .mySwiper2 .swiper-slide a{padding: 15px;}
    .hy-cplist .mySwiper2 .swiper-slide a h3 {font-size: 16px;margin: 0 0 10px;}
    .hy-cplist .mySwiper2 .swiper-pagination .swiper-pagination-bullet{background: #104ba6;}
    .ny-news-btn{display: none;}
    .ny-news-ul li{padding: 20px 0;}
    .ny-news-div {width: calc(100% - 250px);}
    .ny-news-div h3 {font-size: 16px;}
    .ny-news-div p {-webkit-line-clamp: 1;line-height: 22px;}
    .xwxq-btn .cp-xq-bot{flex-wrap: wrap;}
    .xwxq-btn .cp-xq-bot div{width: 100%;}
    .xwxq-btn .cp-xq-bot div:nth-child(2) p{text-align: left;}
    .ny-nub li i{font-size: 30px;}
    .ny-nub li .sp-1 {top: -14px;}
    .in-about-ul li .text img{width: 35px;}
    .ny-qyys ul{flex-wrap: wrap;}
    .ny-qyys ul .li1,.ny-qyys ul .li2{width: 100%;}
    .ny-qyys ul .li1{height: 500px;margin-bottom: 20px;}
    .ny-qyys ul .li1 .text{width: 90%;left: 5%;}
    .ny-qyys-div{padding: 20px;}
    .ny-qyys-div .title span {width: 25px;margin-right: 7px;}
    .ny-qyys-div .title h3 {font-size: 16px;}
    .ny-qyys-div .text {padding-left: 30px;}
    .ny-qyys-div .title{margin-bottom: 10px;}
    .ny-qyys-div .tags {padding-left: 30px;}
    .fzlc-r h4{font-size: 24px;}
    .fzlc-r .fzlc-text p {font-size: 14px;line-height: 24px;}
    .ny-fzlc .mySwiper5 .swiper-button-next, .mySwiper5 .swiper-button-prev {width: 35px;height: 35px;}
    .ny-fzlc .mySwiper5 .swiper-button-next::after, .mySwiper5 .swiper-button-prev::after {font-size: 14px;}
    .ny-fzlc .mySwiper5 {margin-top: 50px;padding-top: 48px;}
    .ny-title{padding: 40px 0;}
    .ny-title h2 {font-size: 24px;}
    .ny-fzlc .mySwiper4 {margin-top: 20px;}
    .yw-bj,.list-ul li .cont,.fy-ityw{flex-wrap: wrap;}
    .yw-bj figure,.yw-bj-js,.list-ul-text,.list-ul-img,.fy-ityw-l,.fy-ityw-r,.fy-ityw-nr{width: 100%;}
    .yw-bj-js{padding: 30px 20px;}
    .yw-bj-js h3 {font-size: 26px;}
    .list-ul-text{margin-bottom: 30px;margin-top: 30px;}
    .fy-ityw-r{padding: 30px;}
    .yw-bj-div h3{font-size: 16px;}
    .list-ul-text h3 {font-size: 24px;margin: 0 0 35px;}
    .qywh-ul .list .title {margin-bottom: 10px;}
    .qywh-ul li .cont,.itsm-box,.ny-ywfw-ny{flex-wrap: wrap;}
    .qywh-ul li:nth-child(2n) .list-ul-img {order: inherit;}
    .itsm-l,.itsm-r,.ny-ywfw-l,.ny-ywfw-r{width: 100%;}
    .itsm-r{margin-top: 30px;}
    .itsm-bj{padding: 40px 0;}
    .ny-ywfw-l{display: grid;grid-template-columns: repeat(3, 1fr);gap:10px;padding: 20px 20px 20px 0;}
    .ny-ywfw-ny{padding: 0 0 30px;}
    .ny-ywfw-l h3{margin: 0 0 0px;}
    .ny-ywfw-l h3{font-size: 16px;padding: 15px 0 15px 15px;}
    .ny-ywfw-r {padding: 30px 20px;}
    .ny-ywfw-r .list h4{font-size: 18px;}
    .ny-ywfw-r .list .text {font-size: 14px;line-height: 22px;}
    .ny-fwfl .mySwiper .swiper-pagination-bullet{width: 20px;}
    .ny-title p{font-size: 14px;}
    .khgl-text li{position: inherit;}
    .khgl-text{margin-top: 80px;}
    .khgl-box{height: 920px;}
    .khgl-img {position: inherit;top: 10px;transform: translate(-50%, 0%);}
    .khgl-text ul{display: grid;grid-template-columns: repeat(2, 1fr);gap:20px;height: auto;}
    .khgl-text ul li{border: 1px solid #ffffff6e;width: auto;border-radius: 10px;}
    .khgl-text li:nth-child(1),.khgl-text li:nth-child(2),.khgl-text li:nth-child(3),.khgl-text li:nth-child(4){background: none;padding:20px;}
    .ny-zlgl{padding: 30px 10px;}
    .khgl-text li .title h3 {font-size: 18px;}
    .khgl-text li .title figure {width: 29px;}
    .sbzc{flex-wrap: wrap;padding: 30px 15px 5px;}
    .sbzc li {width: 90px;margin-bottom: 30px;}
    .ppzc{grid-template-columns: repeat(4, 1fr);}
    .ppzc li {height: 70px;}
    .fwgl-ul {grid-gap: 30px;grid-template-columns: repeat(1, 1fr);}
    .nu-fwys{padding: 30px 20px;}
    .fwgl-ul li .title h3 {font-size: 20px;}
    .fwgl-ul li .title figure { width: 30px;margin-right: 10px;}
    .fwgl-ul li .tags p {background: url(../images/index_70.png) no-repeat 10px 18px;}
    .fwgl-ul li .tags p {padding: 15px 14px 15px 35px;font-size: 16px;}
    .ny-fwnr ul li h3 {font-size: 16px;}
    .ny-fwnr ul li figure{width: 90px;height: 90px;}
    .case-top,.case-div{flex-wrap: wrap;}
    .case-top-l{width: 100%;order: 2;}
    .case-top-r{width: 100%;margin-bottom: 30px;}
    .case-box{width: 100%;margin-bottom: 30px;padding: 15px;}
    .case-box .title h4{font-size: 20px;}
    .case-box .title img {width: 30px;}
    .case-box .list {margin-top: 0px;}
    .case-box .list ul li{padding: 10px;}
    .case-box .list ul li p{font-size: 16px;}
    .case-box .list ul li figure {width: 16px;margin-right: 5px;}
    .ny-kehu ul{grid-template-columns: repeat(4, 1fr);grid-gap: 15px;}
    .ny-news-ul li a figure {width: 250px;}
    .ny-news-div span{display: none;}
    .xw-xq-r{padding: 25px 15px 0;margin-top: 0px;margin-bottom: 30px;}
    .xwxq-btn {margin-top: 20px;}
    .fgs-fb {grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}
    .itsm-nav ul{justify-content: left;padding-bottom: 15px;}
    .itsm-nav ul li{width:110px;}
    .itsm-nav{padding: 30px 0;}
    .itsm-nav ul li figure img {width: 50px;}
    .itsm-nav ul li p {font-size: 16px;}

}

@media screen and (max-width:910px){
    
}

@media screen and (max-width:780px){
    .in-banner {display:none;}  
    .wap-banner{width:100%;display:block;margin-top:60px;}
    .wap-banner .swiper-slide img{width: 100%;}
    .in-title{padding: 40px 0;}
    .in-title h2{margin: 0 0 10px;}
    .in-title span{margin: 10px auto 0;width: 35px;height: 3px;}
    .in-about-logo img {height: 30px;margin-bottom: 30px;}
    .in-about-p p {font-size: 14px;line-height: 25px;}
    .in-about {height: 100vh;}
    .in-about-ul {height: 250px;flex-wrap: wrap;}
    .in-about-ul li {text-align: left;width: 50%;margin: 15px 0;}
    .mt15{border-top-left-radius: 25px;}
    .in-case .mySwiper2 .swiper-slide,.in-news-c{flex-wrap: wrap;}
    .in-case-l,.in-case-r,.in-news-l,.in-news-r{width: 100%;}
    .in-case-l {padding: 35px 3vw;}
    .in-hzhb ul{grid-template-columns: repeat(3, 1fr);}
    .in-hzhb ul li:last-child{display: none;}
    .mt15 ul li b i {font-size: 24px;margin-left: 5px;}
    .mt15 ul li b sup {top: -8px;}
    .mt15 ul li p{padding-left: 28px;font-size: 14px;}
    .in-about-ul li .text{margin-bottom: 0px;}
    .in-about-ul {height: 200px;}
    .in-cp-ul {grid-template-columns: repeat(2, 1fr);}
    .in-case .mySwiper1 .swiper-wrapper{flex-wrap: wrap;}
    .in-case .mySwiper1 .swiper-slide{width:29% !important;margin-bottom: 30px;}
    .in-case .mySwiper1 .swiper-slide figure {width: 35px;}
    .in-case .mySwiper1 .swiper-slide h3 {font-size: 16px;margin: 10px 0 0;}
    .in-case .mySwiper2{margin-top: 10px;}
    .in-news-l{height: auto;margin-bottom: 30px;}

    .ny-banner{height: 200px;}
    .ny-about{flex-wrap: wrap;margin-top: 30px;}
    .ny-about-l,.ny-about-r{width: 100%;}
    .about-video {margin-top: 30px;margin-bottom: 30px;}
    .about-video-img figure {height: 50vw;}
    .ny-about-l h2 {font-size: 24px;}
    .about-yy .mt15{padding-top: 50px;}
    .ny-qywh-text {padding: 15px;}
    .in-fzlc-nr-l {width: 110px;}
    .in-fzlc-nr-r {width: calc(100% - 110px);padding: 14px 0px 20px 20px;}
    .mySwiper5 .swiper-slide h3{height: 50px;}
    .mySwiper5 {margin-top: 30px;}
    .swiper-container1 .swiper-slide figure {height: auto;}
    .mySwiper6 .swiper-slide figure {height: 60vw;}
    .cp-list-lb ul{grid-template-columns: repeat(2, 1fr);grid-gap: 15px;}
    .cp-list-lb ul li figure {height: 30vw;}
    .last-page {margin: 35px 0;}
    .nycp-top-c{flex-wrap: wrap;}
    .nycp-top-img{width: 100%;height: auto;}
    .nycp-top-text{width: 100%;margin-top: 15px;padding: 15px;}
    .mySwiper7 .swiper-slide figure {height: 55vw;}
    .hy-nav-c h3{display: none;}
    .hy-nav-c .hy-ul1 {width: 100%;justify-content: left;}
    .hy-hyul{grid-template-columns: repeat(2, 1fr);grid-gap: 15px;}
    .hy-hyul li figure{height: 40vw;}
    .hy-hyul li h3 {margin: 15px 0;}
    .hy-hyul{margin-top: 35px;}
    .case-bj{padding: 50px 0 10px;}
    .case-ul{grid-template-columns: repeat(2, 1fr);grid-gap: 15px;}
    .case-ul li figure{height: 28vw;}
    .case-ul li h3 {margin: 10px 0;padding: 0 15px;}
    .case-ul li p {-webkit-line-clamp: 1;margin-bottom: 10px;padding: 0 15px;}
    .ny-news-div span{margin-top: 10px;}
    .ny-news-div p{margin-top: 10px;}
    .in-fzlc-nr,.about-wh-r ul,.ny-qyys-div .tags{flex-wrap: wrap;}
    .in-fzlc-nr figure,.fzlc-r,.about-wh-r ul li{width: 100%;}
    .in-fzlc-nr figure{margin-bottom: 30px;}
    .about-wh-r ul li{margin-bottom: 30px;}
    .ny-qyys-div .tags a {width: 150px;margin-right: 10px;margin-bottom: 10px;}
    .ny-ywfw-r .list .tags a{height: 40px;line-height: 40px;font-size: 14px;}
    .ywld-ms {padding: 15px;border-radius: 10px;}
    .ywld-ms p {font-size: 14px;}
    .ysp-p,.ysp-p{padding: 15px;}
    .ny-fwnr ul{flex-wrap: wrap;}
    .ny-fwnr ul li{width: 30%;margin-bottom: 15px;}
    .ny-kehu ul {grid-template-columns: repeat(3, 1fr);}
    .ny-news-ul li a figure {width: 120px;border-radius: 5px;}
    .ny-news-div{width: calc(100% - 120px);}
    .fgs-fb {grid-template-columns: repeat(1, 1fr);}
    .job-header{padding: 20px 5px;}
    .job-top{padding: 15px 5px;font-size: 14px;}
    .job-detail{flex-wrap: wrap;}
    .job-detail .left,.job-detail .right{width: 100%;}
    .job-header div:last-child,.job-top div:last-child{display: none;}
    .job-top,.job-header {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
    .wap-list .wap-list-li ul{grid-template-columns: repeat(2, 1fr);grid-gap: 10px;}
}

@media screen and (max-width:640px){
  .footer{padding-top:40px;}
  .foot-bq{margin-top: 40px;}
  .footer-r{justify-content: left;}
  .footer-r-lx {float: left;}
  .foot-bq-c p a{margin-left: 0;}
  .footer-c{flex-wrap: wrap;}
  .footer-l,.footer-r{width: 100%;}
  .footer-l {order: 2;margin-top: 20px;}
  .footer-l ul li figure img{width: 100%;}
  .footer-r ul {justify-content: left;margin-top: 30px;width: 100%;}
  .footer-r ul li{width: 100%;}
  .footer-r ul li span{width: 100%;background-size: 100% 100%;}

  .last-page span a{height: 35px;line-height: 35px;margin: 0 2px;font-size: 12px;width: 35px;}
  .last-page .page-pre a, .last-page .page-next a {width: 60px;}
  .cp-list-lb ul li p{display: none;}
  .in-about-ul li .text img,.ny-nub li figure {width: 26px;}
  .ny-nub li i {font-size: 24px;}
  .ny-nub li .sp-1 {top: -9px;}
  .ny-nub li p {padding-left: 0px;font-size: 14px;}
  .ny-about-js{margin-top: 10px;font-size: 14px;line-height: 25px;}
  .yw-bj-div .tags {grid-template-columns: repeat(2, 1fr);}
  .fy-ityw-list ul {grid-template-columns: repeat(2, 1fr);}
  .fy-ityw-list ul li figure {width: 20px;margin-right: 7px;}
  .fy-ityw-nr h2 {font-size: 20px;}
  .fy-ityw-list h3 {font-size: 16px;}
  .khgl-text ul{grid-template-columns: repeat(1, 1fr);}
  .khgl-text ul li{height: auto;}
  .khgl-box {height: 1160px;}
  .ppzc{grid-template-columns: repeat(3, 1fr);}
  .fwgl-ul li {padding: 15px;}
  .fwgl-ul li .tags p{font-size: 14px;padding: 10px 10px 10px 29px;background: url(../images/index_70.png) no-repeat 10px 13px;background-size: 15px;}
  
}

@media screen and (max-width:510px){
    .in-jjfa ul {grid-template-columns: repeat(1, 1fr);}
    .in-cp {padding-bottom: 50px;}
    .in-ys-ul {grid-template-columns: repeat(1, 1fr);}
    .in-hzhb ul li{height: 75px;padding: 5px;}
    .ppzc li {height: 50px;}
    .sbzc li {width: 80px;}
    .nu-fwys .tags p {font-size: 14px;}
  
  

  .ny-qywh ul{flex-wrap: wrap;padding: 0px 15px;}
  .ny-qywh ul li{width: 100%;}
  .ny-qywh ul li:nth-child(2) {height: 240px;}
  .in-fzlc-nr{flex-wrap: wrap;}
  .in-fzlc-nr-l{width: 100%;}
  .in-fzlc-nr-r{width: 100%;border-left: none;padding: 0;border-top: 1px solid rgba(255, 255, 255, 0.5);padding-top: 15px;}
  .in-fzlc-nr-l h4 {font-size: 24px;}
  .nycp-top-text-ul{flex-wrap: wrap;}
  .nycp-top-text-ul li{width: 50%;margin-top: -1px;margin-left: -1px;}
  .nycp-top-text h2 {font-size: 18px;}
  .nycp-xq h3 {font-size: 20px;}
  .nycp-xq {margin-top: 45px;}
 

}

@media screen and (max-width:480px){
    .footer-l ul{grid-template-columns: repeat(2, 1fr);}
    .foot-bq-r ul li a{width: 30px;height: 30px;}
    .foot-bq-r ul li{margin-left: 10px;}
    .in-cp-ul {grid-template-columns: repeat(1, 1fr);}
    .in-jjfa ul li a{padding: 10px 15px;}
    .in-jjfa ul li figure {width: 40px;}
    .in-jjfa ul li .in-jjfa-text {width: calc(100% - 50px);}
    .in-jjfa {padding: 0 10px 15px;}
    .ny-qyys ul .li1 .text p {font-size: 14px;line-height: 25px;}
    .ny-ywfw-r .list ul li{height: 40px;}
    .khgl-box {height: 1140px;}
    .khgl-img{width: 290px;height: 310px;}

   
}

@media screen and (max-width:380px){
    .in-banner {height: 280px;}
    .in-about {height: 110vh;}
    .in-hzhb ul li {height: 45px;}
    .yw-bj-div .tags {grid-template-columns: repeat(1, 1fr);}
    .fy-ityw-list ul {grid-template-columns: repeat(1, 1fr);}
    .list-ul-text h3 {font-size: 24px;margin: 0 0 30px;}
  
    	
}