@charset "utf-8";
/* CSS Document */
* {margin: 0;padding: 0;}
body {background:#fff;font-size: 14px;font-family: "siyuan-heiti";font-style:normal; color:#000;font-weight: 400;overflow-x: hidden;}
@font-face{
    font-family: 'siyuan-heiti';
    src : url('../fonts/siyuan-heiti.otf')
	      url('../fonts/siyuan-htbold.otf');
}
a {text-decoration: none; color:#000;transition: all 0.3s ease;}
a:hover {color: #02a1f9;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-in{width: 1200px;margin: 0 auto;max-width: 90%;}
.cont{width: 1200px;margin: 0 auto;max-width: 90%;}

/*banner*/
.in-banner{width: 100%;margin-top: 100px;height:550px;}
.in-banner .in-banner-c{width: 100%;}
.in-banner .mySwiper{position: relative;overflow: hidden;width: 100%;height: 100%;}
.in-banner .mySwiper .in-banner-img{width: 100%;}
.in-banner .mySwiper .swiper-pagination{}
.in-banner .mySwiper .swiper-pagination .swiper-pagination-bullet{width:45px;height:2px;background:rgba(255,255,255,0.7);opacity:1;margin: 0 8px;border-radius: 0;}
.in-banner .mySwiper .swiper-pagination .swiper-pagination-bullet-active{background:#02a1f9;}
.in-banner .swiper-slide{overflow: hidden;background-size: cover;background-position: center;}
.in-banner .mySwiper .swiper-button-next,.in-banner .mySwiper .swiper-button-prev{border-radius:50%;background:rgba(0,0,0,0.3);width:45px;height:45px;text-align:center;}
.in-banner .mySwiper .swiper-button-next:after,.in-banner .mySwiper .swiper-button-prev:after{font-size:20px;color:#fff;}

.banner-nr{width:100%;height:100%;padding:0 10vw;display:flex;justify-content:left;align-items:center;color:#fff;}
.banner-nr .text h3{font-weight:bold;font-size:45px;margin:0 0 20px;line-height:55px;}
.banner-nr .text p{font-size:16px;}
.banner-nr .text a{display: block;margin-top: 60px;}
.banner-nr .text a:hover{color:#fff;}

.in-banner-en .banner-nr{width:70%;}
.in-banner-en .banner-nr .text h3{font-size:40px;}
/*banner-end*/

/*index*/
.in-title{text-align: center;padding:50px 0;}
.in-title h2{font-size:36px;color: #000;margin:0;font-weight: bold;text-transform:capitalize;}
.in-title span{display: block;margin: 20px auto 0;width: 50px;height: 4px;background:linear-gradient(114deg, #29f19c, #02a1f9);border-radius: 30px;}

.btn-an{
  text-decoration: none;
  position: relative;    
  font-size: 16px;
  background: linear-gradient(90deg, #29f19c, #02a1f9, #ffeb3b, #02a1f9);
  background-size: 400%;
  width: 150px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  z-index: 1;
  display: block;
  overflow: hidden;
}
.btn-an:hover::before,
.btn-an:hover {animation: sun 8s infinite;}
.btn-an::before {
  content: '';
  position: absolute;
  left: -5px;
  right: -5px;
  top: -5px;
  bottom: -5px;
  background: linear-gradient(90deg, #29f19c, #02a1f9, #ffeb3b, #02a1f9);
  background-size: 400%;
  border-radius: 8px;
  z-index: -1;
}

@keyframes sun {
  100%{
    background-position: -400% 0;
  }
}

.in-cp{width: 100%;position: relative;overflow: hidden;padding-bottom:60px;background-attachment: fixed;background: #f8f9fb;}
.in-cp .in-title{padding-bottom:0px;}
.in-cp .notice{}
.in-cp .tab-pal h2{font-size:24px;font-weight:bold;text-align:center;margin:30px 0;color:#333;}
.in-cp .notice .tab-nav{display: flex;justify-content:center;align-items: center;margin-bottom:30px;}
.in-cp-en .notice .tab-nav{justify-content: center;}
.in-cp-en .notice .tab-nav li{margin:0 3px;}
.in-cp .notice .tab-nav li{margin: 0 10px;}
.in-cp .notice .tab-nav li a{display: block;padding: 0 15px;border-radius: 8px;background: #f1f1f1;height: 45px;line-height: 45px;font-size: 16px;transition: all 0.5s;}
.in-cp .notice .tab-nav li a:hover,.in-cp .notice .tab-nav .on a{background:linear-gradient(114deg, #29f19c, #02a1f9);color: #fff;}
.in-cp .notice .tab-pal ul{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:20px;}
.in-cp .notice .tab-pal ul a{display: block;width: 100%;background: #fff;border:1px solid #0db8dd26;border-radius:10px;overflow:hidden;}
.in-cp .notice .tab-pal ul li figure{overflow: hidden;display: flex;justify-content: center;align-items: center;}
.in-cp .notice .tab-pal ul li figure img{width: 100%;object-fit: cover;}
.in-cp .notice .tab-pal ul li:hover figure img{transform: scale(1.05);}
.in-cp .notice .tab-pal ul li .in-cp-text{width: 100%;background:linear-gradient(114deg, #29f19c, #02a1f9);display: flex;justify-content: center;align-items: center;padding: 10px;}
.in-cp .notice .tab-pal ul li .in-cp-text h3{font-size:16px;margin: 0;color:#fff;font-weight: 600;text-align: center;}
.in-cp .notice .tab-pal ul li .in-cp-text span{width: 113px;height: 38px;border-top-left-radius: 30px;border-bottom-left-radius: 30px;color: #02a1f9;font-size: 14px;line-height: 38px;text-align: center;border-bottom-right-radius:0px;border-top-right-radius:0px;}
.in-cp .notice .tab-pal ul li .in-cp-text span::before{background:#fff;}

.in-yyzx{margin:0 auto;}
.in-yyzx ul{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:30px;}
.in-yyzx ul li{text-align: center;overflow: hidden;}
.in-yyzx ul li figure{width:100%;overflow:hidden;border-radius:10px;}
.in-yyzx ul li figure img{width: 100%;}
.in-yyzx ul li a:hover figure img{transform: scale(1.05);}
.in-yyzx ul li a{}
.in-yyzx ul li a h3{font-size:18px;font-weight: 600;}

.in-fwzc{width: 100%;/*background: url(../images/index_44.jpg) no-repeat center;*/margin-top: 50px;padding-bottom:60px;background-attachment: fixed;}
.in-fwzc .mySwiper2{padding-bottom: 50px;}
.in-fwzc .swiper-slide{border-radius: 5px;padding: 35px 20px 0;text-align: center;}
.in-fwzc .swiper-slide a{border-radius: 8px;background:linear-gradient(114deg, #29f19c, #02a1f9);width:170px;height: 170px;padding: 30px 0;}
.in-fwzc .swiper-slide figure{width: 84px;height: 84px;margin: 0 auto;}
.in-fwzc .swiper-slide figure img{width: 100%; transition: transform 2s ease;}
.in-fwzc .swiper-slide:hover figure img{transform: rotate(360deg);}
.in-fwzc .swiper-slide h3{font-size: 18px;font-weight: bold;margin: 20px 0;color:#fff;}
.in-fwzc .swiper-slide span{display: block;margin:0px auto;width: 30px;height: 3px;background:linear-gradient(114deg, #29f19c, #02a1f9);display:none;}
.in-fwzc .swiper-slide p{font-size: 14px;color: #666;line-height:22px;margin: 20px 0 0;height: 66px;display:none;}

.in-fwzc ul{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 60px;margin: 0 auto;width: 80%;}
.in-fwzc ul li{display:flex;justify-content:center;align-items:center;border-radius: 8px;background:linear-gradient(114deg, #29f19c, #02a1f9);width:170px;height: 170px;}
.in-fwzc ul li a{text-align:center;}
.in-fwzc ul li figure{width:60px;height: 60px;margin: 0 auto;}
.in-fwzc ul li figure img{width: 100%; transition: transform 2s ease;}
.in-fwzc ul li:hover figure img{transform: rotate(360deg);}
.in-fwzc ul li h3{font-size: 18px;font-weight: bold;margin: 20px 0 0;color:#fff;}
.in-fwzc ul li span{display: block;margin:0px auto;width: 30px;height: 3px;background:linear-gradient(114deg, #29f19c, #02a1f9);display:none;}
.in-fwzc ul li p{font-size: 14px;color: #666;line-height:22px;margin: 20px 0 0;height: 66px;display:none;}
.in-fwzc-en ul{width:100%;grid-gap: 40px;}
.in-fwzc-en ul li{width:auto;}
.in-fwzc-en ul li h3{height:40px;}

.in-about{width: 100%;display: flex;justify-content: center;align-items:stretch;}
.in-about-l{width: 50%;background: url(../images/index_22.jpg) no-repeat;background-size: cover;display: flex;justify-content:right;padding-top: 5vw;padding-right:30px;}
.in-about-r{width: 50%;background: url(../images/index_21.jpg) no-repeat;background-size: cover;height: 650px;}
.in-about-box{width:67%;}
.in-about-tit{}
.in-about-tit p{font-size: 16px;color: #fff;}
.in-about-tit h2{font-size: 35px;font-weight: bold;color: #fff;margin:30px 0;}
.in-about-tex{margin-top: 20px;}
.in-about-tex p{font-size: 16px;color: #fff;line-height: 30px;margin-bottom:0px;}
.in-about-a a{display: block;width: 140px;height:50px;line-height:48px;text-align: center;border-radius: 4px;border: 1px solid #fff;color: #fff;margin-top:40px;transition: all 0.5s;background: #fff;color: #25e9a5;font-size: 16px;}
.in-about-a a:hover{background: none;color: #fff;}

.in-ys{width: 100%;position: relative;z-index:9;}
.in-ys .in-about-ul{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap:30px;}
.in-ys .in-about-ul li{border-radius: 10px;background: #fff;text-align: center;transition: all 0.5s;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);padding: 30px 0;margin-top: -60px;}
.in-ys .in-about-ul li:hover{transform: translateY(-10px);}
.in-ys .in-about-ul li .counter{font-style: normal;font-size: 36px;font-weight: bold;background: linear-gradient(114deg, #29f19c, #02a1f9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;}
.in-ys .in-about-ul li .sp-1{font-size: 16px;}
.in-ys .in-about-ul li p{font-size: 16px;font-weight: 600;}
.in-ys .in-about-ul li i{font-style: normal;font-size:30px;font-weight: bold;color:#02a1f9;}

.in-news-c{width: 100%;display: flex;justify-content: space-between;align-items:stretch;margin-bottom: 80px;}
.in-news-l{width: 48%;border-bottom-left-radius: 30px;overflow: hidden;}
.in-news-l a{display: block;width: 100%;position: relative;}
.in-news-l a figure{width: 100%;height:500px;}
.in-news-l a figure img{width: 100%;height: 100%;object-fit: cover;transition: all 1s;}
.in-news-l a:hover figure img{transform: scale(1.1);}
.in-news-text{width: 100%;position: absolute;padding: 0 50px;left: 0;bottom: 30px;}
.in-news-text h3{width: 70%;font-size: 20px;font-weight: bold;color: #fff;line-height: 30px;overflow: hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0 0 30px;}
.in-news-btn{display: flex;justify-content: space-between;align-items: center;color: #fff;font-size: 14px;}
.in-news-em{display: flex;justify-content:left;align-items: center;}
.in-news-em em{display: inline-block;margin-right: 10px;margin-top: -3px;}
.in-news-more span{display: inline-block;margin-left: 10px;}
.in-news-r{width: 48%;height: 500px;display: flex;align-items:stretch;flex-wrap: wrap;}
.in-news-div{width: 100%;height: 230px;}
.in-news-div1{border-top-right-radius: 30px;background: #f8f9fb;}
.in-news-div1 a{display: flex;justify-content: space-between;align-items: center;}
.in-news-div1 a figure{width: 320px;height: 230px;overflow: hidden;}
.in-news-div1 a figure img{width: 100%;height: 100%;object-fit: cover;transition: all 1s;}
.in-news-div1 a:hover figure img{transform: scale(1.1);}
.news-text{width: calc(100% - 320px);padding:0 30px;}
.news-text h3{font-size: 16px;font-weight: bold;color: #000;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0 0 20px;}
.news-text p,.in-news-div2 p{font-size: 14px;color: #666;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0 0 20px;}
.news-text span,.in-news-div2 span{display: flex;justify-content:left;align-items: center;color: #666;}
.news-text span em,.in-news-div2 span em{display: inline-block;margin-right: 10px;margin-top: -3px;}
.in-news-div2{width: 100%;padding: 30px 50px;background: linear-gradient(90deg, #0ababf 0%, #2152b3 100%);margin-top: 37px;position: relative;overflow: hidden;}
.in-news-div2 h3{font-size: 16px;font-weight: bold;color: #fff;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin: 0 0 20px;}
.in-news-div2 p{color: #fff;}
.in-news-div2 span{color: #fff;}
.in-news-div2 span em img,.in-news-em img{filter: brightness(0) invert(1);}
.in-news-div2 a{position: relative;z-index: 1;}
.in-news-div2:hover::before{animation: sun 8s infinite;}
.in-news-div2::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, #0bb3be, #2151b3, #ffeb3b, #03a9f4);
  background-size: 400%;
}

.in-logo{width:100%;background: #f8f9fb;padding-bottom:80px;}
.in-logo .picMarquee-left2{width: 100%;overflow: hidden;}
.in-logo .picMarquee-left2 .tempWrap{width:100% !important;}
.in-logo .picList{}
.in-logo .picList li{width:220px;height:230px;border-radius:5px;overflow:hidden;border:1px solid #eee;margin-right:20px;display:flex;justify-content:center;align-items:center;padding:15px;background:#fff;float:left;}
.in-logo .picList li img{width:100%;}

/*footer*/
.footer{background: url(../images/index_23.jpg) no-repeat center;background-size: cover;padding-top: 80px;}
.footer-c{width: 100%;padding: 0 5vw;display: flex;justify-content: space-between;align-items: flex-start;}
.foot-top{width: 400px;}
.foot-top-l img {
    filter: brightness(0) invert(1);
    height: 60px;
}
.foot-top-l p{margin: 20px 0;font-size: 14px;color: #fff;}
.foot-top-lx{width: 100%;margin-top:20px;}
.foot-top-lx p{display: flex;justify-content: left;align-items:flex-start;color:#fff;}
.foot-top-lx p span{margin-right: 10px;display: inline-block;margin-top: 3px;}
.foot-top-lx p span img{width:20px;filter: brightness(0) invert(1);}
.foot-top-lx p a{font-size: 14px;line-height: 25px;color:#fff;}

.footer-l ul{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}
.footer-l ul li{text-align: center;}
.footer-l ul li figure{background: #fff;border: 1px solid #ccc;border-radius: 5px;overflow: hidden;}
.footer-l ul li h3{font-size: 14px;margin: 10px 0;color: #333;}
.footer-r{width: calc(100% - 400px);}
.footer-r ul{display: flex;justify-content: right;}
.footer-r ul li{margin-left: 5vw;}
.footer-r ul li span{display: block;background: url(../images/index_08.png) no-repeat left bottom;height: 4px;
background-size: auto 100%;width: 20vw;margin-bottom: 20px;}
.footer-r ul li h3 {
    font-size: 18px;
    margin: 0 0 30px;
    color: #fff;
    font-weight: bold;
}
.footer-r ul li p{margin:0px;}
.footer-r ul li p a {
    font-size: 14px;
    line-height: 30px;
    opacity: 0.7;
    color: #fff;
}
.footer-r ul li p a:hover{opacity: 1;}
.foot-cp{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;width: 30vw;}
.foot-cp p{width: 50%;}
.footer-r ul li figure{width:140px;height:140px;border-radius: 5px;overflow: hidden;background: #fff;}
.footer-r ul li figure img{width: 100%;}
.foot-bq{width: 100%;border-top: 1px solid #ffffff40;margin-top: 70px;display: flex;justify-content: space-between;align-items: flex-end;padding: 20px 5vw;}
.foot-bq .foot-bq-l{width: 50%;line-height: 39px;color: #fff;}
.foot-bq .foot-bq-l a{display: inline-block;margin-left: 15px;color: #fff;}
.foot-bq-r{}
.foot-bq-r a{color: #fff;}


/*右侧悬浮*/
.ycxf{width: 50px;position: fixed;right:10px;top: 50%;border-radius: 5px;padding:11px 0px 6px;z-index: 99;transform: translateY(-50%);}
.ycxf li{width: 100%;padding: 10px 5px;margin: 5px 0;color: #fff;position: relative;cursor: pointer;text-align: center;background: #02a1f9;}
.ycxf li .ycxf-btn img{width: 27px;}
.ycxf li a{color: #666;}

.ycxf li .ycxf-btn{}
.ycxf li .ycxf-btn span{display: block;}
.ycxf li .ycxf-btn p{margin: 0;}
.ycxf li .ycxf-xs{
  overflow: hidden;
  position: absolute;
  width: 0px;
  height: 48px;
  font-size: 14px;
  background: #02a1f9;
  color: #ffffff;
  line-height: 48px;
  top: 0px;
  right: 56px;
  opacity: 0;
  transition: all 0.5s;
}
.ycxf li:hover .ycxf-xs{width: 220px;opacity: 1;}


/*内页*/
.ny-cont{width: 1400px;margin: 0 auto;}
/*banner*/
.ny-banner{width: 100%;height:400px;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;margin-top: 100px;}
.ny-banner .cont{height: 100%;position: relative;height: 100%;}
.ny-banner-text{text-align: center;position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);}
.ny-banner-text h2{font-size:48px;color: #fff;font-weight: bold;margin: 0;text-transform: uppercase;}
.ny-banner-text span{background: #fff;display: none;width: 50px;height: 4px;margin: 0 auto;}
.nav-x {background:#f5f5f5;width:100%;}
.nav-x .menu-toggle h3 {display:none}
.nav-x ul {font-size:0;-webkit-text-size-adjust:none;text-align:left;margin: 0;}
.nav-x li {display:inline-block;}
.nav-x li a {text-align:center;color:#000;display:block;position: relative;transition: all 0.5s;width:130px;line-height:45px;font-size: 16px;}
/*.nav-x li a::after {content: "";background: #09b0e8;color#fff;}*/
/*.nav-x li:last-child a::after {display: none;}*/
.nav-x li a:hover{color:#fff;background:linear-gradient(114deg, #29f19c, #02a1f9);color:#fff;}
.nav-x li.active a{background:linear-gradient(114deg, #29f19c, #02a1f9);color:#fff;}

/*about*/
.about-js{display: flex;justify-content: space-between;align-items: center;}
.about-js-l{width:59%;padding-left: 10vw;padding-right: 6vw;}
.about-js-r{width:41%;}
.about-js-r img{width: 100%;}
.about-js-bt{}
.about-js-bt p{font-size: 35px;font-weight: bold;margin: 0;text-transform: uppercase;}
.about-js-bt h2{font-size: 24px;color: #09b0e8;margin: 30px 0;}
.about-js-nr{width: 100%;margin-top: 50px;}
.about-js-nr p{font-size: 16px;color: #666;text-align: justify;line-height: 30px;margin: 0;}
.about-js-l .in-ys{margin-top: 80px;}
.about-js-l .in-ys .in-about-ul li{border-radius: 0;text-align: left;box-shadow: none;padding:0;margin-top: 0;}

.ny-ry{width: 100%;background: url(../images/index_31.jpg) no-repeat center;background-size:cover;background-attachment: fixed;padding-bottom: 20px;}
.ny-ry .mySwiper{padding-bottom: 80px;}
.ny-ry .mySwiper .swiper-slide{text-align: center;}
.ny-ry .mySwiper .swiper-slide figure{width: 100%;overflow: hidden;border-radius: 5px;display: flex;justify-content: center;align-items: center;height: 280px;}
.ny-ry .mySwiper .swiper-slide figure img{width: 100%;}
.ny-ry .mySwiper .swiper-slide h3{margin: 15px 0;font-size: 16px;}
.ny-ry .mySwiper .swiper-slide:hover figure img{transform: scale(1.05);}
.ny-ry .mySwiper .swiper-pagination{bottom: 0;}
.ny-ry .mySwiper .swiper-pagination-bullet{width:15px;height: 15px;background: #000;}
.ny-ry .mySwiper .swiper-pagination-bullet-active{background: #02a1f9;}
.ny-ry .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
/* 图片预览弹窗样式 */
.image-preview {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  padding: 7% 0;
}
.preview-content {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}
.preview-img {
  width: auto;
  height: 600px;
}
/* 切换按钮样式 */
.preview-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.3);
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 30px;
    cursor: pointer;    
    transition: background 0.3s;
    line-height: 44px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.preview-btn:hover {background: rgba(255, 255, 255, 0.5);}
.prev-btn {left: 20px;}
.next-btn {right: 20px;}
/* 关闭按钮 */
.close-btn {
    position: absolute;
    top: -15%;
    right: 50px;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.3);
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
}
.preview-title {
    color: white;
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
}

.jop-title{width: 100%;background:linear-gradient(114deg, #29f19c, #02a1f9); height: 50px;font-size: 16px;text-align: center;line-height: 50px;}
.jop-title span{display: inline-block;width: 19%;color: #fff;text-transform: capitalize;}
.ny-job{margin-bottom:80px;}
.ny-job .sideMenu {width: 100%;color: #061a39;}
.ny-job .sideMenu h3{
    background:#59bdf80f;
    line-height: 48px;
    cursor: pointer;
	margin-top: 10px;	margin-bottom: 0;
	font-size: 16px;
	text-align: center;
}
.ny-job .sideMenu h3 span{display: inline-block;width: 19%;}
.ny-job .sideMenu h3 span:nth-child(1){color: #000;}
.ny-job .sideMenu h3 span:last-child{color: #03a3f6;}
.ny-job .sideMenu h3 span:last-child:hover{color: #03a3f6;}
.ny-job .sideMenu h3:hover{background:#59bdf82b;}
.ny-job .sideMenu h3:hover span{color:#03a3f6;}
.ny-job .sideMenu ul{box-shadow: 0 0 5px rgba(0, 0, 0, .1);padding: 20px 25px;display: none;}
.ny-job .sideMenu ul li p{font-size: 14px;color: #666;text-align: justify;line-height: 30px;}
.ny-job .sideMenu ul li a.job-yx{display: inline-block;border-radius: 30px;background:linear-gradient(114deg, #29f19c, #02a1f9);color: #fff;padding: 10px 20px;margin-top: 20px;
text-align: center;}

/*联系*/
.ny-lx{width: 100%;padding: 130px 0 20px;}
.ny-lx-c{width: 100%;border-radius: 20px;background: #fff;box-shadow:0 0 30px rgb(8 175 232 / 9%);padding:0px 55px 70px;}
.ny-lx-l{width:70%;}
.ny-lx .in-title{text-align: left;}
.ny-lx span{margin: 20px 0;}
.ny-lx-box{display: flex;justify-content: space-between;align-items: center;}
.ny-lx-lxfs{}
.ny-lx-lxfs ul{width: 100%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.ny-lx-lxfs ul li{
  margin-bottom: 35px;
  display: flex;
  justify-content:left;
  align-items: center;
}
.ny-lx-lxfs ul li figure{width: 42px;height: 42px;display: flex;justify-content: center;align-items: center;
border-radius: 50%;background: linear-gradient(114deg, #29f19c, #02a1f9);margin-right: 15px;}
.ny-lx-lxfs ul li figure img{filter: brightness(0) invert(1);width: 20px;}
.ny-lx-lxfs ul li:nth-child(3){width: 100%;}
.ny-lx-lxfs ul li p{font-size: 16px;margin: 0;color: #000;width: calc(100% - 48px);}
.ny-lx-lxfs ul li p a{margin-right: 1vw;display: inline-block;}
.ny-lx-lxfs ul li p:hover a{color: #090b93;}
.ny-lx-r{width:330px;justify-content: right;display: flex;align-items: center;}
.ny-lx-r .ny-lx-ewm{width: 125px;text-align: center;margin-left: 2vw;}
.ny-lx-r .ny-lx-ewm figure{width: 125px;height: 125px;border: 1px solid #eee;}
.ny-lx-r .ny-lx-ewm figure img{width: 100%;}
.ny-lx-r .ny-lx-ewm p{font-size: 14px;margin-top: 10px;}

.ny-zxly{width: 100%;background: url(../images/index_31.jpg) no-repeat center;background-size: cover;background-attachment: fixed;margin-top: 80px;padding-bottom: 80px;}
#membraneForm{}
.ly-grxx{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.ly-grxx .form-group{width: 48%;}
#membraneForm .ly-grxx .form-group label{margin-bottom: 15px;}
#membraneForm .form-group {margin-bottom: 25px;}
#membraneForm .form-group.form-ms label{margin-bottom: 15px;}
#membraneForm .form-group label{display: block;color:#000;font-weight:600;font-size: 16px;margin: 0;}
#membraneForm .option-group{display: flex;flex-wrap: wrap;gap: 15px;margin-bottom: 10px;margin-top: 15px;}
#membraneForm .option-item {display: flex;align-items: center;gap: 5px;color: #333;}
#membraneForm .option-item input{margin: 0;}
#membraneForm .option-item label{font-weight: 400;} 
input[type="radio"], input[type="checkbox"] {accent-color: #4299e1;cursor: pointer;}
input[type="text"], input[type="tel"], input[type="email"], textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 16px;
  transition: border-color 0.3s;
}
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, textarea:focus {
  outline: none;
  border-color: #4299e1;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1);
}
textarea {min-height: 120px; resize: vertical;}
.other-input {display: none;margin-top: 10px;}
.submit-btn {
  width: 150px;
  padding: 14px;
  background: linear-gradient(114deg, #29f19c, #02a1f9);
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  transition:all 0.3s;
  margin: 0 auto;
  display: block;

}
.submit-btn:hover{transform: translateY(-5px);}

/*新闻列表*/
.ny-news-ul{margin-top: 80px;}
.ny-news-ul li a{display: flex;justify-content: space-between;align-items: center;width: 100%;background:rgb(8 173 236 / 4%);margin-bottom:40px;border-radius: 10px;overflow: hidden;}
.ny-news-ul li a figure{
    width: 30%;
    overflow: hidden;
    height: 305px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}
.ny-news-ul li a figure img{width: 100%;height: 100%;object-fit: cover;}
.ny-news-ul li a:hover figure img{transform: scale(1.05);}
.ny-news-div{width: 66%;padding-right: 60px;}
.ny-news-div time{font-size: 14px;color: #666;}
.ny-news-div h3{font-size: 18px;font-weight: bold;margin:20px 0px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ny-news-div p{font-size: 14px;color: #333;margin: 20px 0 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 25px;}
.ny-news-div span{
    display: block;
    margin-top: 40px;
    color: #fff;
    font-size: 14px;
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    transition: all 0.5s;
    border-radius: 8px;
}
.ny-news-ul li a:hover .ny-news-div span{color: #fff;}

/*新闻详情*/
.xw-mbx{display: flex;justify-content: left;align-items: center;font-size: 16px;margin-top:30px;}
.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%;}
.xw-xq-c{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
.xw-xq-l{margin-top: 50px;width: 68%;margin-bottom:80px;}
.xw-xq-l-bj{background:rgb(8 173 236 / 4%);width: 100%;padding: 50px;}
.xwxq-tit{
    width: 100%;
    text-align: left;
    /* padding-top: 50px; */
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 30px;
    margin-top: 0;
}
.xwxq-tit h3{font-size:24px;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{margin-top: 50px;display: flex;justify-content: space-between;align-items: center;}
.xwxq-btn .cp-xq-bot{width: 80%;}
.xwxq-btn .cp-xq-bot div{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;margin-bottom: 0;}
.xwxq-btn .cp-xq-bot div p a{color: #666;}
.xwxq-btn .cp-xq-bot div p a:hover{color: #02a1f9;}
.cp-xq-fhlb a{display: block;width: 130px;height:50px;line-height: 50px;text-align: center;border-radius:8px;color: #fff;font-size: 16px;}
.cp-xq-fhlb a:hover{background: #fff;}
.xw-xq-r{width: 28%;background:rgb(8 173 236 / 4%);padding:25px 25px 0;margin-top: 50px;}
.xw-xq-r h2{font-size: 18px;font-weight: bold;margin: 0;border-left: 3px solid #02a1f9;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: #02a1f9;color: #fff;border: 1px solid #02a1f9;}
.last-page .page-none{margin-bottom: 80px;display: block;}

/*产品列表*/
.ny-cp{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
.ny-cp-l{width: 295px;background:#2453a40d;margin-top:30px;border-radius: 10px;overflow: hidden;margin-bottom: 80px;}
.ny-cp-l h3{width: 100%;background: linear-gradient(114deg, #29f19c, #02a1f9);color: #fff;padding:20px 0 20px 27px;text-align:left;margin: 0;font-size: 22px;font-weight: bold;text-transform: uppercase;}
.ny-cp-l ul{padding: 0 10px;margin-top: 10px;}
.ny-cp-l ul li{width: 100%;}
.ny-cp-l ul .ny-cp-div{width: 100%;display: flex;justify-content:space-between;align-items: center;padding:10px 15px;font-size: 16px;border-radius: 5px;} 
.ny-cp-l ul .ny-cp-div span{cursor: pointer;}
.ny-cp-l ul .ny-cp-div a{width:93%;}
.ny-cp-l ul ul{padding: 0 30px;display: block;margin: 0;}
.ny-cp-l ul ul li{font-size: 16px;line-height:35px;}
.ny-cp-l ul ul li a{color: #666;font-size: 14px;}
.ny-cp-l ul .ny-cp-div:hover,.ny-cp-l ul .ny-cp-div.active{background: #fff;color: #02a1f9;}
.ny-cp-l ul .ny-cp-div:hover a,.ny-cp-l ul .ny-cp-div.active a{color: #02a1f9;}
.ny-cp-l ul ul li a:hover{color: #02a1f9;}

.ny-cp-r{width: calc(100% - 295px);margin:50px 0;padding-left: 3vw;}
.ny-cp-r .dqlm-bt{margin-bottom: 30px;}
.ny-cp-r ul{width: 100%;display: grid;grid-template-columns: repeat(3,1fr);grid-gap:2vw;}
.ny-cp-r ul li{background: #fff;box-shadow: 0 0 15px rgb(36 84 164 / 32%);border-radius: 5px;overflow: hidden;text-align: center;}
.ny-cp-r ul li figure{width: 100%;padding: 15px;border-bottom: 1px solid #eee;overflow: hidden;}
.ny-cp-r ul li figure img{width: 100%;}
.ny-cp-r ul li:hover figure img{transform: scale(1.05);}
.ny-cp-r ul li h3{font-size:16px;margin: 20px 0;padding: 0 15px;}
.ny-cp-r ul li:hover h3{color: #02a1f9;}

/*产品详情*/
.xw-xq {width: 100%;border-top: 1px solid #eee;margin-top: 100px;}
.xw-mbx span{display: inline-block;margin-right: 5px;margin-top: -5px;}
.xw-mbx a{display: inline-block;margin: 0 6px;}

.wjxz li a{display:flex;justify-content:space-between;align-items:center;padding: 25px;border-radius: 8px;box-shadow: 0 0 15px rgb(91 190 247 / 15%);}
.wjxz li a img{width: 28px;}
.wjxz li a p{font-size:16px;margin:0px;border-left: 3px solid #1ab2ee;line-height: 20px;padding-left: 13px;}

.nycp-top{width: 100%;background:rgb(14 186 221 / 2%);padding:30px 0 100px;margin-top: 40px;margin-bottom:40px;}
.nycp-top-c{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.nycp-top-img{width:40%;height:20vw;}
.nycp-top-img figure{width:100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.nycp-top-img figure img{width: 100%;}
.nycp-top-text{width:55%;padding-right: 60px;}
.nycp-top-text h2{font-size: 24px;font-weight: bold;margin: 0 0 20px;}
.nycp-top-text p{font-size: 14px;color: #666;line-height: 26px;margin-bottom: 20px;background: #fff;border-radius: 8px;padding: 20px;}
.nycp-top-text-a{}
.nycp-top-text-a .nycp-top-div{display: flex;justify-content: left;align-items: center;margin-bottom: 15px;}
.nycp-top-text-a .nycp-top-div a{font-size: 16px;}
.nycp-top-text-a .nycp-top-div span{display: inline-block;margin-right: 10px;}
.nycp-top-text-ul{display: flex;justify-content: left;margin-top:30px;}
.nycp-top-text-ul li{}
.nycp-top-text-ul li a{width: 157px;height: 45px;text-align: center;display: flex;justify-content: center;align-items: center;border-radius: 8px;margin-right: 20px;}
.nycp-top-text-ul li a span{display: inline-block;margin-right: 10px;margin-top: -2px;transition: all 0.5s;}
.nycp-top-text-ul li a:hover span img{
  ofilter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: brightness(0%) invert(100%);
  -webkit-filter: brightness(0%) invert(100%);
}
.nycp-top-text-ul li a:hover{background: #02a1f9;color: #fff;}

#magnifier {position: relative;width:100%;}
.small-box {
  position: relative;
  width: 100%;
  height: 350px;
  border: 1px solid #eee;
}
.small-box table{width: 100%;}
.small-box table td{
  width: 100%;
  height: 350px;
  overflow: hidden;
}
.small-box img {
  width: 100%;
  height: 100%;
}
.small-box .hover {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 200px;
  border: 1px solid #aaa;
  background: #000;
  opacity: .5;
  filter: alpha(opacity:50);
  cursor:move;
}
.thumbnail-box {
  position: relative;
  width: 100%;
  margin-top: 20px;
}
.thumbnail-box .btn {
  position: absolute;
  top: 50%;
  width: 22px;
  height: 32px;
  margin-top: -16px;
}
.thumbnail-box .btn-prev {
  left: 0;
  background: url(images/btn_prev.png) no-repeat;
}
.thumbnail-box .btn-prev.btn_prev_disabled{background: url(../images/btn_prev_disabled.png) no-repeat;cursor: not-allowed;}
.thumbnail-box .btn-next {
  right: 0;
  background: url(images/btn_next.png) no-repeat;
}
.thumbnail-box .btn-next.btn_next_disabled{background: url(../images/btn_next_disabled.png) no-repeat;cursor: not-allowed;}
.thumbnail-box .list {
  overflow: hidden;
  width:93%;
  margin: 0 auto;
}
.thumbnail-box .wrapper {
  width: 100000px;
}
.thumbnail-box .list .item {
  float: left;
  margin: 0 10px;
}
.thumbnail-box .list .item-cur {}
.thumbnail-box .list .item img {
  border: 1px solid #a9a9a9;
  width: 80px;
  height: 54px;
}
.thumbnail-box .list .item-cur img {
  border: 1px solid #2258a7;
}
.big-box {
  display: none;
  overflow: hidden;
  position: absolute;
  left: 100%;
  top: 0;
  width: 460px;
  height: 354px;
  border: 1px solid #e4e4e4;
}
.big-box img {display: block;}

.cpxq-nav{width: 100%;border-bottom: 1px solid #eee;margin-top: 20px;}
.cpxq-nav ul{width: 100%;display: flex;justify-content: left;margin: 0;}
.cpxq-nav ul li{background: #f5f5f5;padding:15px 30px;border-right: 1px solid #fff;cursor: pointer;}
.cpxq-nav ul li h3{font-size:16px;margin: 0;}
.cpxq-nav ul li:hover,.cpxq-nav ul li.on{background: linear-gradient(114deg, #29f19c, #02a1f9);color: #fff;}
.cpxq-nr{margin: 30px 0 80px;}
.cpxq-nr p{font-family: "siyuan-heiti" !important;}

.ny-cp-ss{width: 100%;}
.ny-cp-ss ul{grid-template-columns: repeat(4, 1fr);}

/*服务*/
.ny-fw .ny-cp-l{margin-top: 30px;}
.ny-fw .in-title{padding-top: 0;border-bottom: 1px solid #eee;padding-bottom: 30px;margin-bottom: 50px;}
.ny-fw .ny-cp-r{margin-top:50px;}
.fw-nr{margin-top: 30px;}

.ny-cp-r .fwzc-ul{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 55px;margin:30px auto;}
.ny-cp-r .fwzc-ul li{display:flex;justify-content:center;align-items:center;border-radius: 8px;background:linear-gradient(114deg, #29f19c, #02a1f9);width:170px;height:170px;}
.ny-cp-r .fwzc-ul li a{}
.ny-cp-r .fwzc-ul li figure{width:60px;height: 60px;margin: 0 auto;border:none;padding:5px;}
.ny-cp-r .fwzc-ul li figure img{width: 100%; transition: transform 2s ease;}
.ny-cp-r .fwzc-ul li h3{font-size: 18px;font-weight: bold;margin: 20px 0 0;color:#fff;}
.ny-cp-r .fwzc-ul li:hover figure img{transform: rotate(360deg);}
.ny-cp-r .fwzc-ul li:hover h3{color:#fff;}


/*应用*/
.dqlm-bt{width: 100%;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.dqlm-bt h3{margin: 0;font-size: 18px;font-weight: bold;}
.ny-cp-r .dqlm-list{display: block;}
.ny-cp-r .dqlm-list li{width: 100%;border-bottom: 1px solid #eee;padding: 20px 0;box-shadow: none;}
.ny-cp-r .dqlm-list li a{display: flex;justify-content: space-between;align-items: center;}
.ny-cp-r .dqlm-list li .dqlm-time{background: #f5f5f5;border-radius: 8px;padding: 15px;text-align: left;
width:90px;}
.ny-cp-r .dqlm-list li .dqlm-time p{font-weight: bold;font-size: 24px;color: #666;margin-bottom: 0;text-align:center;}
.ny-cp-r .dqlm-list li .dqlm-time span{font-size: 14px;color: #666;}
.ny-cp-r .dqlm-list li .dqlm-text{width: calc(100% - 110px);text-align: left;}
.ny-cp-r .dqlm-list li .dqlm-text h4{font-size: 18px;font-weight: bold;margin: 0 0 10px;}
.ny-cp-r .dqlm-list li .dqlm-text span{font-size: 14px;color: #666;}

/*en*/
.in-cp-en .notice .tab-nav{flex-wrap: wrap;}
.in-cp-en .notice .tab-nav li{margin-bottom: 20px;}
.in-fwzc-en .swiper-slide p{height: 140px;}
.in-fwzc-en .swiper-slide h3{height: 40px;}
.footer-en .footer-r ul li {margin-left: 4vw;}
.nav-x-en li a{width: 170px;}
.in-cp-en .notice .tab-pal ul li .in-cp-text{height:55px;display:flex;justify-content:center;align-items:center;}
.nav-x-en li a{width: 195px;}

.in-banner-wap{display:none;}

@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){
   .nycp-top-img{height: 27vw;}
   .about-js{margin:50px 0;}
}

@media screen and (max-width:1500px){
  .in-banner{height:450px;}
  .in-banner .swiper-slide{background-size: cover;}
  .in-cp .notice .tab-nav li a{padding: 0 10px;margin: 0 3px;}

  .ny-banner{height: 500px;}
  .swiper-container1 .swiper-slide figure{height: 25vw;}
  .about-video {margin-top: 12vw;}
  .ny-news-ul li a .ny-news-btn em {font-size: 20px;}
  .ny-news-ul li a figure img{width: 100%;height: 100%;object-fit: cover;}
  .ny-news-ul li a .ny-news-btn figure img{height: auto;}
  .foot-top {width: 340px;}
  .footer-r {width: calc(100% - 340px);}
  .fw-nr img{max-width: 100%;height:auto !important;}
  .about-js-bt p {font-size: 30px;}
  .about-js-bt h2 {font-size: 20px;margin: 15px 0;}
  .about-js-l{padding-right: 3vw;}
  .about-js-l .in-ys {margin-top: 10px;}
  .in-ys .in-about-ul li .counter{font-size: 30px;}
  .in-ys .in-about-ul li i{font-size: 26px;}
}

@media screen and (max-width:1400px){
  .ny-banner{height: 350px;} 
  .ny-banner-text h2 {font-size: 30px;}
  .ny-banner-text span{width: 40px;height: 3px;}
  .about-video {margin-top: 15vw;}
    .in-cp .notice .tab-pal ul li .in-cp-text h3{font-size:14px;}
    .banner-nr .text h3{font-size: 35px;line-height: 45px;}
    .in-banner-en .banner-nr .text h3{font-size: 35px;line-height: 45px;}
}

@media screen and (max-width:1360px){
    .in-cp ul li a .ic-cp-js span {width: 110px;height: 35px;line-height: 35px;}
    .in-cp ul li a .ic-cp-js p {font-size: 14px;line-height: 20px;height: 85px;}

    .nycp-top-img {height: 30vw;}
}

@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-about-l, .in-about-r {width: 100%;}
    .mt15 ul li b i{font-size: 40px;line-height: 30px;}
    .mt15 ul li b span.sp-1 {font-size: 14px;}
    .mt15 ul li p {font-size: 16px;}
    .mt15{padding: 37px 0 25px;}
    .in-ys {margin-top:0;}
    .in-fw .cont{flex-wrap: wrap;}
    .in-fw-l, .in-fw-r {width: 100%;}
    .in-fw{padding-top: 30px;}
    .in-fw-l h5 {font-size: 16px;}
    .in-fw-l h2 {font-size: 24px;margin: 20px 0 30px;}
    .in-fw-l .in-fw-p p {font-size: 14px;line-height: 30px;}
    .in-fw-a a{margin-top: 30px;margin-bottom: 30px;}
    .in-yy .mySwiper3 .swiper-slide figure {height: 40vw;}
    .in-yy .mySwiper3{padding: 0 15px;}
    .in-yy .mySwiper3 .swiper-slide .in-yy-h3 h3 {font-size: 16px;}
    .in-news-c{flex-wrap:wrap;}
    .in-news-r{width: 100%;}
    .in-news-l{width: 100%;}
    .foot-ben-c h3 {font-size: 24px;}
    .foot-ben-c ul li:nth-child(2) a {width: 180px;}
    .foot-ben-c ul li a {width: 130px;height: 45px;line-height: 45px;font-size: 14px;}
    .footer-r ul li{display: none;}
    .footer-r ul li:last-child{display:block;}
    .foot-bq{flex-wrap: wrap;}
    .foot-bq .foot-bq-l,.foot-bq .foot-bq-r{width: 100%;text-align: center;}
    .foot-bq .foot-bq-r{margin-top: 20px;}
    .foot-bq-r ul {justify-content: center;}
    .footer-r ul li {margin-left: 0;}    

    .ny-banner{margin-top:60px;height: 240px;}
    .ny-banner-text h2 {font-size: 22px;}
    .ny-banner-text p {font-size: 14px;line-height: 22px;}
    .ny-about-l h2{font-size: 30px;}
    .about-video-img figure{height: 150px;}
    .about-video {margin-top: 31vw;}
    .ny-about-r {width: 74%;}
    .about-yy{height: 380px;margin-top: 50px;}
    .ny-qywh-text{padding: 30px;}
    .ny-qywh-text h3 {font-size: 20px;}
    .ny-qywh-text span {font-size: 14px;}
    .ny-qywh-text-p p {font-size: 14px;}
    .ny-qywh ul li:nth-child(1) .ny-qywh-div {height: 240px;}
    .ny-qywh ul li:nth-child(2) {height: 505px;}
    .ny-fzlc{margin-top: 50px;}
    .mySwiper4 .swiper-button-next, .mySwiper4 .swiper-button-prev {width: 35px;height: 35px;}
    .mySwiper4 .swiper-button-next::after, .mySwiper4 .swiper-button-prev::after {font-size: 14px;}
    .in-fzlc-nr{width: 730px;max-width: 80%;padding: 25px 30px;}
    .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;}
    .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:#02a1f9;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;padding: 15px;}
    .nycp-top-text-ul li a {width: 100%;}
    .nycp-top-text-ul li {width: 25%;margin-right: 5px;}
    .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: #02a1f9;}
    .hy-hyul{grid-gap: 20px;}
    .xw-xq-c{flex-wrap: wrap;}
    .xw-xq-l,.xw-xq-r{width: 100%;}
    .xwxq-tit h3 {font-size: 20px;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: #02a1f9;}
    .ny-news-btn{display: none;}
    .ny-news-ul li{padding: 20px 0;}
    .ny-news-div {width: 68%;}
    .ny-news-div h3 {font-size: 16px;}
    .ny-news-div p {-webkit-line-clamp: 2;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-lx-c ul{flex-wrap: wrap;}
    .ny-lx-c ul li {width: 100%;margin-bottom: 30px;}
    .ny-lx-c ul li h3{font-size: 18px;}
    
    .in-fwzc ul{width:100%;grid-gap: 20px;}
    .in-about{flex-wrap:wrap;}
    .in-about-l{padding:30px 20px;}
    .in-about-box {width: 100%;padding: 0;}
    .in-about-tit h2 {font-size: 24px;margin: 20px 0;}
    .in-about-a a{width: 110px;height: 40px;line-height: 39px;font-size: 14px;}
    .in-news-div1{margin:20px 0;}
    .in-news-div2{margin-top:0px;}
    .ny-cp-l{display:none;}
    .ny-cp-r{width: 100%;padding:0px;}
    .ny-cp-r .fwzc-ul{grid-gap: 20px;}
    .ny-cp-r .fwzc-ul li{width:auto;}
    .about-js{flex-wrap:wrap;}
    .about-js-l{width: 95%;padding:0;margin: 0 auto;}
    .about-js-r{width:100%;}
    .nav-x li a {width: 100px;line-height:40px;font-size: 14px;}
    .ny-news-ul li a figure{height: 260px;}
    .xw-xq-l-bj{padding: 20px;}
    .xwxq-con p img {max-width: 100%;height: auto !important;}
    .ny-lx {padding: 60px 0 20px;}
    .ny-lx-c{padding: 0px 20px 31px;}
    .in-title h2 {font-size: 30px;}
    .ny-lx-box{flex-wrap:wrap;}
    .ny-lx-l,.ny-lx-r{width:100%;}
    .ny-lx-r{justify-content:left;}
    .in-about-r{background-size: 100% auto;height: 75vw;}
    .tab-01 img{width:100%;height:auto !important;}
    .cpxq-nr p {text-indent: 0 !important;}
    .cpxq-nr p span{text-wrap: inherit !important;}
    table{width:100%;}
    .nav-x{display:none;}
    .in-banner-en .banner-nr{width:100%;}
    
}

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

@media screen and (max-width:780px){
    .in-title{padding: 40px 0;}
    .in-title h2{margin: 0 0 10px;}
    .in-about-logo img {height: 30px;margin-bottom: 30px;}
    .in-about-p p {font-size: 14px;line-height: 25px;}
    .mt15 ul{grid-template-columns: repeat(2, 1fr);}
    .in-yy .mySwiper3 .swiper-slide figure {height: 55vw;}
    .in-fw-a a,.in-about-a a,.in-cp ul li a .ic-cp-js span{width: 120px;height: 40px;line-height: 40px;font-size: 14px;}
    .in-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {width: 10px;height: 10px;margin: 0 5px;}
    .in-cp ul li a .ic-cp-js h3 {font-size: 16px;margin: 0 0 10px;}
    .in-fw-r ul li h3 {font-size: 16px;}
    .in-fw-r ul li figure {width: 36px;}
    .in-fw-r ul li{padding: 30px 20px 0;}   
    .ycxf li .ycxf-btn img {width: 20px;} 
    .ycxf {width: 35px;}
    .ycxf li .ycxf-xs{height: 40px;line-height: 40px;right: 38px;}

    .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: 40px;padding: 0px;}
    .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{display:none;}
    .ny-news-div p{-webkit-line-clamp: 1;}
    .rzsq-form form{flex-wrap: wrap;}
    .rzsq-form form .ly-lxwm-div{width: 100%;}
    .rzsq-form form button {width: 120px;height: 40px;line-height: 40px;font-size: 14px;}
    
    .in-cp .notice .tab-pal ul{grid-template-columns: repeat(2, 1fr);}
    .in-yyzx ul{grid-template-columns: repeat(2, 1fr);}
    
    .in-fwzc ul li{width: auto;height: 140px;}
    .foot-bq .foot-bq-r {margin-top: 10px;}
    .ny-cp-r ul{grid-template-columns: repeat(2, 1fr);}
    .xw-mbx{flex-wrap: wrap;}
    .ny-job .sideMenu h3 {line-height: 21px;font-size: 14px;padding: 15px 0;}
    .ny-job .sideMenu h3 span:last-child,.jop-title span:last-child{display:none;}
    .jop-title span,.ny-job .sideMenu h3 span{width:23%;}
    .ny-news-ul li a figure{width: 130px;height: 130px;}
    .ny-news-div{width: calc(100% - 130px);padding: 0 15px;}
    .ny-news-div h3{margin: 10px 0px;}
    .ny-news-ul {margin-top: 20px;}
    .ny-news-ul li a{margin-bottom: 0px;}
    .xwxq-btn{flex-wrap:wrap;}
    .xwxq-btn .cp-xq-bot{width:100%;}
    .cp-xq-fhlb{width:100%;text-align:center;margin-top:30px;}
    .cp-xq-fhlb a {margin:0 auto;width: 110px;height: 40px;line-height: 40px;border-radius: 5px;font-size: 14px;}
    .in-title h2 {font-size: 24px;}
    .in-title span{width: 40px;height: 3px;}
    .in-banner-wap{display:block;margin-top:60px;}
    .in-banner-wap img{width: 100%;}
    .small-box,.small-box table td{height:auto;}
    .cpxq-nav ul li{padding:10px;}
    .banner-nr .text h3{font-size: 26px;line-height: 35px;}
    .in-banner-en .banner-nr .text h3{font-size: 26px;line-height: 35px;}
    .in-banner .mySwiper .swiper-button-next, .in-banner .mySwiper .swiper-button-prev{display:none;}
    .banner-nr .text a{width:120px;height:40px;font-size:14px;line-height:40px;}
    .banner-nr{padding:0 3vw;}
    .ny-ry .mySwiper .swiper-slide figure{height:auto;}
    .ny-ry .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 3px;}
}

@media screen and (max-width:640px){
  .footer-c{flex-wrap: wrap;}
  .footer-l,.footer-r{width: 100%;}
  .footer-l {order: 2;margin-top: 20px;}
  .footer-l ul {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 5px;}
  .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;}
  .foot-top {width: 100%;}
  .foot-bq{margin-top: 20px;}
  .footer-r ul li h3{margin: 0 0 20px;}
  .in-ys .in-about-ul {grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}
  .in-ys .in-about-ul li{margin-top: 0;padding: 20px 0;}
  .in-ys .in-about-ul li p{margin:0;}
  .in-ys .in-about-ul li .counter{font-size: 24px;}
  .in-ys .in-about-ul li i{font-size: 20px;}
  .in-ys .in-about-ul li p,.in-ys .in-about-ul li .sp-1{font-size:14px;font-weight:400;}
  .in-news-l a figure{height:auto;}
  .in-news-text{padding: 0 15px;}
  .in-news-text h3 {width: 100%;font-size: 16px;margin: 0 0 0px;}
  .in-news-btn{display:none;}
  .in-news-div1 a figure {width: 140px;height: 100px;}
  .news-text {width: calc(100% - 140px);padding: 0 10px;}
  .news-text p{display:none;}
  .news-text h3 {-webkit-line-clamp: 1;margin: 0 0 10px;}
  .in-news-r,.in-news-div{height:auto;}
  .in-news-div2{padding: 15px;}
  .in-news-div2 h3{margin: 0 0 10px;}
  .news-text p,.in-news-div2 p{-webkit-line-clamp: 1;margin: 0 0 10px;}
  .in-cp .notice .tab-pal ul {grid-template-columns: repeat(1, 1fr);}
  .in-yyzx ul {grid-template-columns: repeat(1, 1fr);grid-gap: 20px;}
  .in-fwzc ul{grid-template-columns: repeat(2, 1fr);}
  .in-fwzc ul li figure {width: 40px;height: 40px;}
  .in-fwzc ul li h3 {font-size: 16px;margin: 20px 0 0;}
  .ny-cp-r ul{grid-template-columns: repeat(1, 1fr);}
  .nycp-top{margin-bottom: 0px;padding: 30px 0 30px;}
  .cpxq-nr p{font-size:14px;}
  .ny-cp-r .dqlm-list li .dqlm-text h4 {font-size: 16px;}
  .ny-cp-r .fwzc-ul{grid-template-columns: repeat(2, 1fr);}
  .ly-grxx .form-group {width: 100%;}
  #membraneForm .form-group label{font-weight:400;}
  input[type="text"], input[type="tel"], input[type="email"], textarea{font-size:14px;}
  .submit-btn {width: 110px;height: 40px;line-height:40px;font-size: 14px;padding:0px;}
  .ny-lx-lxfs ul li figure {width: 30px;height: 30px;margin-right: 5px;}
  .ny-lx-lxfs ul li figure img{width: 13px;}
  .ny-lx-lxfs ul li p {font-size: 14px;}

}

@media screen and (max-width:510px){
  .in-cp ul li a{flex-wrap: wrap;}
  .in-cp ul li a figure,.in-cp ul li a .ic-cp-js{width: 100%;}
  .in-cp ul li a .ic-cp-js{margin-top: 20px;padding: 0 5px;}
  .in-cp ul li a .ic-cp-js p{margin-bottom: 20px;height: auto;}
  .in-cp ul li a .ic-cp-js span{display: none;}
  .in-news-l ul li a .in-news-l-div h3 {font-size: 16px;}
  .in-news-l ul li a .in-news-l-div em{margin-bottom: 10px;}
  .in-news-l ul li a .in-news-l-div{padding: 0 15px;}
  .in-news-l ul li a .in-news-l-div p{-webkit-line-clamp: 1;}
  .in-news-l ul li a .in-news-l-div span{display: none;}
  .in-news-l ul li a figure{height: 130px;}
  .foot-ben-c h3 {font-size: 20px;line-height: 35px;}
  .foot-ben{padding: 30px 0;}
  .foot-ben-c ul{margin: 15px 0 0;}
  .footer{padding-top: 40px;}
  .mt15 ul li b i {font-size: 30px;}
  .mt15 ul li p {font-size: 14px;}
  .mt15 ul{grid-gap: 2vw;padding: 0 2vw;}
  .in-fw {margin-top: 50px;}
  .in-fw-r ul li {padding: 20px 10px 0;}
  .in-fw-r ul li figure {width: 30px;}
  .in-fw-r ul li h3 {font-size: 16px;margin: 10px 0;}
  .in-fw-r ul li span{width: 25px;margin-bottom: 10px;}
  .in-fw-r ul li p{font-size: 14px;line-height: 20px;}
  .in-yy .mySwiper3 .swiper-slide figure {height: 75vw;}
  .in-yy{padding-bottom: 40px;}
  .in-yy .mySwiper3 .swiper-slide .in-yy-h3{padding: 40px 0 10px;}
  .foot-ben-c ul{flex-wrap: wrap;}
  .foot-ben-c ul li{margin-bottom: 20px;width: 100%;margin-right: 0;}
  .foot-ben-c ul li a,.foot-ben-c ul li:nth-child(2) a{width: 100%;}

  .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 {justify-content: space-between;}
  .nycp-top-text-ul li{width: 48%;margin-left:0px;}
  .nycp-top-text h2 {font-size: 18px;}
  .nycp-xq h3 {font-size: 20px;}
  .nycp-xq {margin-top: 45px;}
  .ny-cp-r .fwzc-ul li figure{height:40px;width:40px;}
  .ny-cp-r .fwzc-ul li h3 {font-size: 16px;margin: 10px 0 0;}
  .ny-cp-r .fwzc-ul li{height: 125px;}
  .in-banner .mySwiper .swiper-pagination .swiper-pagination-bullet {width: 25px;margin: 0 5px;}
  

}

@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;}

    .swiper-container1 {width: 67%;}
    .xw-mbx{font-size: 12px;}
    .xw-mbx span {margin-right: 0px;margin-top: -3px;}
    .xw-mbx span img{width: 13px;}
    .xw-mbx a{margin: 0 2px;}
}

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

}