*{box-sizing:border-box;margin:0; padding:0; list-style:none;  }

a{ color:#333; text-decoration:none;   }
a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,h6{ margin: 0;font-weight:normal;}
hr{ border:none;}
.clear{ clear:both;}
p,ul{margin: 0;}
img{ border:0;  }
input,textarea{outline:none;}
.row{ margin: 0px;}
.container{ margin: 0px auto;width:1440px; }
.w1440{ margin: 0px auto; width:1440px; }
.l{float: left}
.r{float: right}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
*:focus {
    outline: none; 
}


.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: ""}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: ""}
.in_header{width:100%; background: #fff; height:9vh; position:fixed; top:0; left:0;  padding: 0 3%;  z-index:9;  display: flex; align-items: center; -webkit-justify-content:space-between; justify-content:space-between;  border-bottom: 1px solid rgba(255,255,255,0.2);box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.h_logo{width:auto; display: flex; align-items:center}
.h_logo img{width:11vw}
.h_logo span{color:#29a7e1; font-size:18px; line-height:40px; margin-left:2vw;}
.in_header_right{width:59%; height: 9vh;  display: flex; justify-content: space-between;}
.h_yuyan{display: flex; }
.h_yuyan a{line-height: 9vh; display: flex; align-items: center; margin-left: 3vh;}
.h_yuyan img{margin-right:10px;}
.h_yuyan span{color:#000000; font-size: 16px; opacity: 0.5;}
.h_yuyan a:hover span{color:#29a7e1}


/*导航*/
#menu{width:80%; height:auto; float: left; }
#menu .nav{ position:relative; z-index:1;   width:100%; height:auto; display: flex; justify-content: space-between }
#menu .nav .nLi{ float:left;  position:relative; display:inline; height:100%; line-height:9vh; width:11.1%  }
#menu .nav .nLi p{font-weight: normal; width:100%; text-align:center;  z-index: 2; position: relative; height:100%; color:#000000;font-size:18px;}
#menu .nav .nLi p a{color:#000000;font-size:18px;   height:100%; display: block;  overflow: hidden; position: relative;  }
#menu .nav .sub{ display:none; width:140px; left:50%; margin-left: -70px; top:9vh;  position:absolute;  line-height:36px; z-index: 99999; background: #eee}
#menu .nav .sub li{ zoom:1; }
#menu .nav .sub a{ display:block; text-align: center; height: 36px;font-size: 15px;  color:#333;}
#menu .nav .sub a:hover{ color:#29a7e1;  }
.nLi > p > span{display: block; width: 120px; text-align: center; position: absolute; top: 21px;font-size: 12px;font-weight: normal; color: #fff; }
#menu .nav .active p a,#menu .nav .nLi:hover p a{border-bottom: 1px solid #00258b}
#fp-nav ul li, .fp-slidesNav ul li{width:6px; height:6px;  border-radius: 50%; margin-bottom: 18px; }
#fp-nav ul li a span, .fp-slidesNav ul li a span{ background:#e7d7c7; width:6px; height:6px;  top: 50%; left: 50%; 
	border-radius: 50%; transform: translate(-50%,-50%); margin: 0}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{background:red; width: 6px; height:6px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{background:#8a5132; width:6px; height:6px; transform: translate(-50%,-50%); margin: 0}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{background:#fff; width:10px; height:10px; margin: 0}
.two_header{ border-bottom: 1px solid #cfd2d2}
.two_header .h_logo h3{color:#0b0b0b; }
.two_header .h_logo h4{color:#0b0b0b; }
.two_header #menu .nav .nLi p{color:#0b0b0b; }
.two_header .h_yuyan p{color:#0b0b0b; background: url(../images/yyh_icon.png) no-repeat left center}
.two_header .h_search{color:#0b0b0b; background: url(../images/search_h.png) no-repeat left center;}
.two_header .h_logo{background: url(../images/menu_h.png) no-repeat left center}
.two_header .h_yuyan p:after{background: url(../images/down_h.png) no-repeat}
#menu .nav .active p{color:#29a7e1}



/*第1块*/
.section1{display: block; width: 100%; height: 100vh; overflow: hidden; position: relative;}
#swiper-container1{width:100%; position: relative; height: 100vh}
#swiper-container1 .swiper-slide a{width:100%; height: 100%; position: relative}
#swiper-container1 .swiper-slide a img{width:100%; height: 100%; display: block}
#swiper-container2{position: absolute; bottom:52px; right:4%; width: 50%;}
.ban_xx{color: #fff; font-size: 18px; line-height: 50px; cursor: pointer; position: relative; border-bottom:2px solid rgba(255,255,255,0.2);}
.ban_xx::after {content: ''; position: absolute;  bottom: -2px;  left: 0;   width: var(--progress-width, 0%);  height: 2px;  background-color: #fff; }
.ban_zi{position: absolute; bottom:116px; left:3%; font-size: 16px; color: #555555; z-index:9}
.ban_zi:after{content: ""; width:2px; height:100px; background:#dbd8d4; position: absolute; top:40px; left: 0;}
.ban_zi:before{content: ""; width:2px; height:0px; z-index:2; background:#555555; position: absolute; top:40px; left: 0; animation:mymove 3s linear infinite;}
@keyframes mymove
{
	from{ height:0;}  
	to{ height:100px;}
}




/*2*/
.section2{width:100%; height: 100%;}
.section2_ban{ background: url(../images/about_bjs.jpg) no-repeat left center; background-size: cover; width: 100%;  height: 100vh; 
	position: absolute; top:0; left:0; z-index: 0}
.section2 .w1440{position: relative; z-index: 1;  margin-top:4vh;}
.index_about_youshi{width:91%; position: relative; margin-top:5vh; display: flex; justify-content: space-between;}
.about_youshi_left{width:15%; float: left; position:relative; z-index:1}
.about_youshi_left p,.about_youshi_right p{color:#333333; font-size: 24px; background:url(../images/ab_icon.png) no-repeat left center; margin-bottom:10vh; line-height: 45px; padding-left:10px;}
.about_youshi_left p:hover,.about_youshi_right p:hover{background: url(../images/ab_active.png) no-repeat left center;}
.about_youshi_left p span,.about_youshi_right p span{font-weight:bold; font-size: 20px; margin-right: 5px;}
.about_youshi_img{width:81%; position: absolute; top: 0; left:50%; transform: translate(-50%,0); text-align: center;}
.youshi_img_two{width:62.2%; position: absolute; top: -80px!important;; left: 18% !important;; }
.about_youshi_right{width:auto; float:right; position: relative; z-index:1}
.index_about_icon{width:100%; overflow: hidden; margin-top:4vh;}
.index_about_icon img{max-width: 100%;}



/*3*/
.section3{width:100%; height: 100%;}
.section3_ban{ background: url(../images/product_bjs.jpg) no-repeat; background-size: cover; width: 100%;  height: 100vh;  transition:transform 5s ease 0s, opacity 2s ease 0s; 
	position: absolute; top:0; left:0; z-index: 0}
.active .section3_ban{transform: matrix(1.1, 0, 0, 1.1, 0, 0);}
.section3 .w1440{position: relative; z-index: 1; margin-top:6vh;}
.index_contact_bt{width:100%; display: flex; justify-content: space-between;}
.index_products_li{width:100%; height: auto; overflow: hidden; padding-left:12%; display: flex; justify-content: space-between; position: relative; z-index:1;}
.products_li_left{width:16%; float: left;}
.products_li_links{width:100%; margin:8vh 0;}
.products_li_links a{width:100%; height: 40px; line-height: 40px; color: #333; font-size: 20px; opacity: 0.5; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; margin-bottom:10px;}
.products_li_links a:hover{opacity: 1;}
.in_pro_more{width:160px; height: 52px; line-height: 52px; background: #f6ebdc url(../images/p_hts.png) no-repeat 80%; transition: all 0.4s ease-in-out;
 border-radius: 25px; font-size: 16px; color: #333333; display: block; padding-left: 30px;}
.in_pro_more:hover{padding-left:20px;}
.index_products_li .mySwiper{width:76%; overflow: hidden;}
.index_products_li .swiper-slide a{width:100%; display: block; overflow: hidden;}
.in_pro_pic{width:100%; overflow:hidden; position:relative;}
.in_pro_pic img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.pro_pic_hover{width:100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; opacity: 0;}
.pro_pic_hover span{color:#fff; font-size: 16px; border: 1px solid rgba(255,255,255,0.3); position: absolute; bottom:10%; left:50%; transform: translate(-50%,0); padding: 2px 10px;}
.products_li_bottom{width:100%; margin-top: 1vh;}
.products_li_bottom h4{color:#000000; font-size: 24px; font-weight: bold; width: 100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.products_li_bottom h5{color:#000000; font-size: 18px; position: relative; padding-left:20px; margin-top: 4px;}
.products_li_bottom h5:after{content: ""; width:12px; height:2px; background: #000000; position: absolute; top: 50%; left: 0; transform: translate(0,-50%);}
.index_products_li .swiper-slide a:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.index_products_li .swiper-slide a:hover .pro_pic_hover{opacity: 1;}
.pro_pic_hover span:hover{background:#29a7e1; color:#fff}
.index_products_li .swiper-slide a:hover h4{color:#29a7e1}



/*4*/
.section4{width:100%; height: 100vh;}
.index_case_left{width:67%; height: 100vh; float: left; padding-top: 9vh;}
.index_case_left ul{width:100%;}
.index_case_left ul li{position: relative;}
.index_case_left ul li img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_case_left ul li a{width:100%; height: 100%; background:rgba(0,0,0,0.7); display: flex; align-items: center; position: absolute; top: 0; left:0; opacity: 0 ;}
.index_case_hh{width:100%; padding: 0 8%; text-align: center;}
.index_case_hh h4{color:#fff; font-size: 24px; font-weight: bold;}
.index_case_hh p{color:#fff; font-size: 16px; opacity: 0.6; line-height:24px;  margin: 2vh 0 5vh;}
.index_case_hh span{color:#fff; font-size: 16px; border: 1px solid rgba(255,255,255,0.5); padding: 2px 10px; margin: 0px auto; display: table;}
.index_case_hh span:hover{background:#29a7e1; color:#fff}
#waterfall-screen {
  overflow: auto !important;
  padding:9vh 15px 0 15px;
  height: 100vh; 
  box-sizing: border-box; 
  /* 隐藏滚动条 - 通用 */
  -ms-overflow-style: none;  
  scrollbar-width: none;     
}
/* 针对webkit内核浏览器（Chrome/Safari） */
#waterfall-screen::-webkit-scrollbar {
  display: none;
}

/* 替换原有Grid布局为瀑布流容器 */
.waterfall-container {
  width: 100%;
  padding-bottom: 50px;
  position: relative;
  display: block; /* 清空Grid样式 */
}

/* 瀑布流列容器（JS动态生成） */
.waterfall-column {
  width: calc(100% / 3 - 16px); /* 3列布局，间距16px */
  margin: 0 8px;
  float: left;
  display: flex;
  flex-direction: column;
  gap: 16px; /* 列内卡片间距 */
}

/* 瀑布流列容器（JS动态生成） */
.waterfall-columns {
  width: calc(100% / 4 - 25px); /* 4列布局，间距16px */
  margin: 0 8px;
  float: left;
  display: flex;
  flex-direction: column;
  gap: 25px; /* 列内卡片间距 */
}

/* 瀑布流卡片 */
.waterfall-card {
  background: #fff;
  overflow: hidden;
  break-inside: avoid;
  width: 100%;
  position: relative; /* 保证绝对定位的遮罩层生效 */
}

.waterfall-card a{width:100%; display:block}
.waterfall-card a img{width:100%;}

.index_case_left ul li:hover a{opacity: 1;}
.index_case_left ul li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.index_case_right{width:33%; height:100vh; background: #f3f3f3; float: left; padding:0 9% 0 3%; display: flex; justify-content: right; flex-wrap:wrap ;
-webkit-flex-wrap: wrap ;}
.case_right_xx{width:100%; height: auto; padding-top:16vh;}
.case_right_xx .contact_bt_right{width:100%; text-align: right;}
.case_right_xx .contact_bt_right:after{left:70px}
.in_case_tt{width:100%; text-align: right; margin:2vh 0 4vh;}
.in_case_tt h4{color:#000000; font-size: 36px; font-weight: bold;}
.in_case_tt p{color:#777777; font-size:14px; margin-top: 10px;}
.in_case_pp{width:100%; color: #555555; font-size: 18px; line-height: 30px; text-align: right; margin-bottom: 7vh;}
.index_case_ul{width:100%; overflow: hidden; display: flex; justify-content: right;}
.index_case_right ul{width:80%; overflow: hidden;}
.index_case_right ul li{width:50%; height: auto; float: left; margin-bottom:2.5vh;}
.index_case_pic{width:6vw; height:6vw; border: 1px solid #ddd; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0px auto;}
.index_case_pic img{max-height: 100%; max-width: 100%;    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;}
.index_case_right ul li h4{color:#000000; font-size: 18px; text-align: center; margin-top: 8px;}
.index_case_right ul li:hover .index_case_pic img{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}



/*5*/
.section5{width:100%; height:100vh; background: url(../images/case_bjs.jpg) no-repeat; background-size: cover;}
.section5 .w1440{margin-bottom:5vh;}
.inedx_honor_top{width:100%; height: auto; overflow: hidden; display: flex; justify-content: space-between;}
.honor_top_left h4{color:#000000; font-size: 200px; line-height: 200px;}
.honor_top_left h4 span{font-size: 200px;}
.honor_top_left h4 i{color:#000000; font-size: 200px; font-weight:500; font-style: normal; margin-left: 20px;}
.honor_top_left h5{color:#555555; font-size: 18px; line-height: 30px; margin-top: 20px;}
.honor_top_pic{width:37%; display: flex; justify-content: space-between; align-items: center;}
.honor_top_pic img{width:32%}
.index_case_one,.index_case_two{width:100%; margin-bottom: 2vh;}
.index_case_one .swiper-slide a,.index_case_two .swiper-slide a{width:100%; }
.index_case_one .swiper-slide a img,.index_case_two .swiper-slide a img{border-radius:60px; width:240px;}
.rtl{direction: rtl;}
.section5 .fp-tableCell{padding-bottom: 5vh;}
.index_case_li .swiper-slide{width:auto; padding:0 10px}



/*第6块*/
.section6{width: 100%; height:100vh; overflow: hidden; position: relative; }
.section6 .fp-tableCell,.section5 .fp-tableCell{vertical-align: bottom;}
.index_contact_top{width:100%; height:46vh;}
.index_contact_bt{width:100%; display: flex; justify-content: space-between;}
.contact_bt_left h4{color:#000000; font-size: 36px; font-weight: bold;}
.contact_bt_left p{color:#777777; font-size:14px; margin-top: 5px;}
.contact_bt_right{color:#000000; font-size: 30px; font-weight: bold; position: relative; }
.contact_bt_right span{color:#000000; font-size: 14px; opacity: 0.5; margin-left: 10px;}
.contact_bt_right:after{content: ""; width:264px; height: 1px; background: url(../images/bxs.png) no-repeat; position: absolute; top:34px; left:-270px}
.index_contact_center{width:100%; height:36vh; display:flex; justify-content: space-between;     align-items: center;}
.contact_center_info h4{color:#000000; font-size: 36px; font-weight: bold;}
.contact_center_info h5{color:#000000; font-size:20px; opacity: 0.5; margin: 2vh 0 3.1vh;}
.contact_center_dhs{display: flex; font-size: 18px; color: #29a7e1; align-items: end; }
.contact_center_dhs img{margin-right:10px;}
.contact_center_dhs span{font-size:30px; font-weight: bold; line-height: 40px;}
.contact_center_pic{position:relative; width:40%; height: 100%; display: flex; justify-content:flex-end; align-items:center}
.contact_center_pic img{width:88%; max-height: 100%;}
.contact_center_pic a{width:160px; height: 52px; line-height:48px; border: 2px solid #fff; border-radius: 25px; background: #b49a80 url(../images/ban_jts.png) no-repeat 80% center; font-size: 16px; color: #fff;
position: absolute; top: 50%; left:0; padding-left:25px;}
.contact_center_pic a:hover{background: #29a7e1 url(../images/ban_jts.png) no-repeat 80% center;}
.index_contact_bottom{width:100%; height:auto; background: #f2f0ed; padding:4.8vh 0;}
.index_contact_bottom form{display: flex; justify-content: space-between; align-items: center;}
.index_contact_bottom p{width:23%; height:50px; position: relative; border-bottom: 1px solid #cccac8;}
.index_contact_bottom p input[type="text"]{width:100%; height: 100%; background: none; font-size: 16px; color: #333333; border: 0;}
.in_submit{width:3.5vw; height: 30px; background: #000000; color:#fff; font-size: 16px; border: 0;}
.ysxy{font-size:14px; color:#333333}
.ysxy a{color:#ff0101}
.contact_center_info{max-height: 100%;}



/*版权*/
.section6_bottom{width:100%; height:24vh; background: url(../images/footer_bottom.jpg) no-repeat; background-size: cover; padding: 0 3%; display: flex; justify-content: space-between; align-items: end; padding-bottom: 2%;}
.copy_l{width:auto; height: auto; overflow: hidden; font-size:14px; color: #fff; line-height:40px;  text-transform: uppercase; float: left}
.copy_l a{color:#fff; font-size:14px;}
.copy_l a:hover{color:#29a7e1!important}
.footer_zhichi{width:auto; height:auto; overflow: hidden; float: right}
.footer_zhichi p{ width: auto; float: left; margin-right: 20px; }
.footer_zhichi p:last-child{margin-right: 0}
.footer_zhichi .js{width:82px;height:40px; background: url(../images/wl.png) no-repeat center; }
.footer_zhichi .pt{width:121px;height:40px; background: url(../images/vl.png) no-repeat center; }
.footer_zhichi span{float: left; font-size:14px; color: #fff; line-height:40px;}
.footer_zhichi i{ float: left;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat center}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat center}
.footer_lianjie a{color:#fff; font-size: 14px; position: relative; margin-right: 10px;}
.footer_lianjie{float: left; line-height: 40px; margin-left: 2%}



/*底部联系*/
.footer_contact{width:100%; height:465px; background: url(../images/lx_bjs.jpg) no-repeat center; background-size: cover; padding: 130px 0; margin-top: 150px}
.contact_left,.contact_right{width:50%; float: left;  padding: 35px 0}
.contact_left h4,.contact_right h4{color:#230a09; font-size: 24px; margin-bottom: 10px;}
.contact_left p,.contact_right p{color:#230a09; font-size: 16px; line-height: 30px;}
.contact_right a{width:240px; height:47px; background: #240a09; color: #fff; font-size: 18px; color: #fff; display: block; margin: 8px auto; line-height: 47px;}
.contact_left{border-right:1px solid #e3cfbc; }





/*产品中心*/
.ny_banner{width:100%; height:709px; position: relative; margin-top: 5vh;}
.pro_ban{background: url(../images/pro_ban.jpg) no-repeat center; background-size: cover;}
.about_ban{background: url(../images/about_ban.jpg) no-repeat center; background-size: cover;}
.contact_ban{background: url(../images/contact_ban.jpg) no-repeat center; background-size: cover;}
.service_ban{background: url(../images/service_ban.jpg) no-repeat center; background-size: cover;}
.news_ban{background: url(../images/news_ban.jpg) no-repeat center; background-size: cover;}
.case_ban{background: url(../images/case_ban.jpg) no-repeat center; background-size: cover;}
.rlzy_ban{background: url(../images/rlzy_ban.jpg) no-repeat center; background-size: cover;}

.ny_nav{width:100%; height: auto; overflow: hidden; margin-top: 50px; margin-bottom: 55px;}
.ny_nav .container{ border-bottom: 1px solid rgba(42,153,222,0.15); overflow: hidden;}
.ny_nav a{color:#999999; font-size: 18px; float: left;position: relative; padding-right:40px; margin-right:40px; display:block;}
.ny_nav a:after{content: "/"; position: absolute; top:0; right:0; color:#999999; font-size: 18px;}
.ny_nav a span{color:#999999; font-size: 20px; display: block; position: relative; padding-bottom: 16px;}
.ny_nav a span:before{content: ""; width: 0; height: 3px; background: #0060cc; position: absolute; bottom:0; left:50%; margin-left:-22px; }
.ny_nav a.active span:before{width:44px;}
.ny_nav a.active span{color:#333333; font-size: 20px;}
.ny_nav a.active:after{color:#333}


.ny_ban_zi{position: absolute; top:30%; left: 50%; transform: translate(-50%,0);}
.ny_ban_zi h4{color:#fff; font-size: 60px;}
.ny_ban_zi hr{width:56px; height: 8px; background: #fff; margin-top: 30px;}
.ny_ban_post{position: absolute; bottom:10%; left: 50%; transform: translate(-50%,0); display: flex; justify-content: space-between; align-items: center;}
.ban_post_img{width:40%}
.ban_post_img img{max-width:100%;}
.ban_post_info,.ban_post_info a,.ban_post_info span{color:#fff; font-size: 16px;}
.ny_products_all{width:100%; height: auto; overflow: hidden; margin-bottom:152px; margin-top:60px;}
.products_all_title{width:100%; display:flex; justify-content: space-between; align-items: center;}
.ny_probt h4{color:#000; font-size: 36px; font-weight: bold;}
.ny_probt p{color:#777777; font-size:14px; margin-top: 10px;}
.ny_pro_search{width:32.5%; height:65px; border: 1px solid #dddddd; padding: 0 1% 0 2%; display: flex; justify-content: space-between;}
.ny_pro_search input[type="text"]{width:80%; height: 100%; float: left; border: 0; font-size: 16px; color: #000000;}
.pro_searc_icon{width:50px; height: 100%; background: url(../images/s_icon.png) no-repeat center; border: 0;}
.products_all_li{width:100%; height: auto; overflow: hidden; margin-top: 50px;}
.products_all_left{width:23.2%; height: auto; float: left; margin-top: 40px;}
.products_all_left a{width:100%; color: #000000; font-size: 20px; border-bottom: 1px solid #dddddd; padding-bottom:15px; margin-bottom: 50px; display: block;}
.products_all_left a span{font-size: 20px; font-weight: bold;}
.products_all_left a:hover,.products_all_left a.active{border-bottom: 1px solid #29a7e1;}
.products_all_li ul{width:72%; height: auto; float: right;}
.products_all_li ul li{width:32%; height: auto; float: left; margin-bottom:30px; margin-right: 2%;}
.products_all_li ul li:nth-child(3n){margin-right: 0;}
.ny_products_img{width:100%; overflow: hidden;}
.ny_products_img img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.products_all_li ul li h4{width:100%; height: 40px; line-height: 40px; color: #000000; font-size: 18px; position: relative; padding-left:20px; margin-top: 10px;}
.products_all_li ul li h4:after{content:""; width:12px; height:2px; background: #000000; position: absolute; top:50%; left:0; transform: translate(0,-50%); }
.products_all_li ul li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.ny_lianxi{width:100%; margin-bottom: 30px; margin-top: 100px;}
.ny_lianxi_center{width:100%; overflow: hidden; display: flex; justify-content: space-between; align-items: center;}
.ny_guang_img{width:100%}
.ny_guang_img img{width:100%; display: block;}
.ny_footer{width:100%; height:240px; background: url(../images/footer_bottom.jpg) no-repeat; background-size: cover; padding: 0 3%; display: flex; justify-content: space-between; align-items: end; padding-bottom: 2%;}
.products_all_show{width:100%; height: auto; overflow: hidden; margin-top: 50px;}
.products_show_left{width:73%; height: auto; float: left; font-size: 16px; color: #333; line-height: 40px;}
.products_show_left img{max-width: 100%;}
.products_show_left p{font-size: 16px; color: #333; line-height: 40px;}
.products_show_right{width:23%; height: auto; float: right;}
.products_show_pic{width:100%; overflow: hidden;}
.products_show_pic img{width:100%; display: block;}
.products_show_info{width:100%; overflow: hidden;}
.products_show_info h3{color:#000000; font-size: 30px; font-weight: bold; margin:10px 0; opacity}
.products_show_info hr{width:100%; height:1px; background: #cccccc; margin:15px 0;}
.ny_pro_xinxi{width:100%; height: auto; overflow: hidden;}
.ny_pro_xinxi p{color:#555555; font-size: 18px; line-height:35px;}
.ny_pro_xinxi p img{max-width: 100%;}
.ny_pro_xinxi h4{color:#000000; font-size: 18px; margin-bottom:8px;}
.products_all_links{width:100%; display: flex; justify-content: space-between; align-items: center; margin-top: 100px;}
.pro_prev,.pro_next{width:280px; height: 67px; border: 1px solid #dcdcdc; text-align: center; line-height: 67px; font-size: 18px; color:#000; opacity: 0.6;}
.pro_more{width:280px; height: 67px; background: #efefef; color: #000000; font-size: 18px; text-align: center; line-height: 67px;}
.pro_prev:hover,.pro_next:hover{background: #29a7e1; color: #fff;}
.pro_more:hover{background: #29a7e1; color: #fff;}
.pro_prev a,.pro_next a{font-size: 18px; color:#000; }
.pro_prev:hover a,.pro_next:hover a{color:#fff}



/*关于我们*/
.ny_about_one{width:100%; height: auto; overflow: hidden; margin-top: 60px;}
.ny_about_one h4{color:#000000; font-size: 60px; text-align: center;}
.about_one_bts{width:100%; text-align: center; }
.about_one_bts img{max-width: 100%; margin: 60px auto; display:block}
.about_one_xx{width:1200px; margin: 0px auto;}
.about_one_xx p{color:#555555; font-size: 18px; line-height: 36px; text-indent: 2rem;}
.about_one_num{width:1200px; margin:40px auto; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding:5px 4% 20px; display: flex; justify-content: space-between; }
.about_one_num dl{text-align: center;}
.about_one_num dl dd{color:#000000; font-size: 18px; margin-top: 5px;}
.about_one_num dl dt{color:#000000; font-size: 18px;}
.about_one_num dl dt span{font-size: 60px; font-weight: bold;}
.about_one_pic{width:100%; overflow: hidden; margin-top:78px;}
.about_one_pic img{width:100%; display: block;}
.ny_about_jyzx,.ny_about_hxtt{width:100%; margin-top: 112px; }
.ny_about_hxtt{margin-bottom:112px}
.ny_about_jyzx .w1440,.ny_about_hxtt .w1440{display: flex; justify-content: space-between; align-items: center;}
.about_jyzx_pic{width:48.7%; overflow: hidden;}
.about_jyzx_pic img{width:100%}
.about_jyzx_xx{width:47.8%; height: auto;}
.about_jyzx_info{width:100%}
.about_jyzx_info h4{color:#000000; font-size: 36px; font-weight:bold; margin-bottom:30px}
.about_jyzx_info p{width:100%; color:#777777; font-size: 18px; line-height: 36px; }
.ny_about_licheng{width:100%; height:auto; padding: 116px 0 130px; background: url(../images/lc_bjs.jpg) no-repeat; background-size: cover;}
.about_honor_t{ text-align: center;}
.about_honor_t h4{color: #000000; font-size: 36px; font-weight: bold;}
.about_honor_t p{color: #777777; font-size:14px; margin-top: 10px;}
.about_honor_li{width:100%; height:auto; margin-top: 70px; overflow: hidden;}
.about_licheng_li{width:100%; height: auto; overflow: hidden; margin-top: 70px;}
.about_licheng_li .mySwiper{width:100%; height: auto; overflow: hidden; padding-bottom:10px;}
.about_licheng_li .mySwiper:after{content: ""; width:100%; height: 1px; background:rgba(0,0,0,0.1); position: absolute; top:94px; left:50%; transform: translate(-50%,0);}
.about_honor_swiper{width:100%; overflow: hidden;}
.about_honor_swiper h4{color:#000000; font-size: 26px; opacity: 0.5; text-align: center; height: 60px; line-height: 60px; }
.about_honor_swiper i{width:10px;height: 10px; background: #06a3e0; border-radius: 50%; margin:30px auto 0; display: block;}
.about_licheng_li .swiper-slide-active h4{font-size: 50px; opacity: 1;}
.about_licheng_li .swiper-button-next,.about_licheng_li .swiper-button-prev{width:12px; height: 18px;  margin-top: 0; top:85px;}
.about_licheng_li .swiper-button-next{background: url(../images/lc_right.png) no-repeat; right:0;}
.about_licheng_li .swiper-button-prev{background: url(../images/lc_left.png) no-repeat; left:0}
.about_licheng_li .mySwiper2{width:100%; height: auto; overflow: hidden; text-align: center; margin-top: 30px;}
.bout_honor_title{width:100%; height:auto; margin-bottom: 30px;}
.about_swiper_xx{width:100%; height: auto; overflow: hidden; opacity:0}
.about_swiper_xx p{color:#000000; font-size: 20px; line-height: 30px;}
.about_swiper_xx img{max-width: 100%;}
.about_licheng_li .swiper-slide-active .about_swiper_xx{opacity:1}
.ny_about_honor{width:100%; height: auto; overflow: hidden; background: url(../images/honor_bjs.jpg) no-repeat; background-size: cover; padding:75px 0 0;}
.about_honor_list{width:100%; height: auto; overflow: hidden;}
.certificatesListBox {position: relative; padding-top:0vw; width:1200px; margin: 0px auto;}
.certificatesList{height: 39.063vw; position: relative; overflow: hidden; width:1028px; margin: 0px auto;}
.certificatesList .swiper-slide {
    width: 100%;
    padding: 0px 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    opacity: 1;
    -webkit-transition: all .6s;
    transition: all .6s;
    left: 0px;
	  width: auto;
    padding: 0vw;
}

.certificatesList .swiper-slide.swiper-slide-active {-webkit-transform: translateX(0vw);
	-ms-transform: translateX(0vw);	transform: translateX(0vw);	opacity: 1;	z-index: 10;	position: relative;}
.certificatesList .swiper-slide.swiper-slide-prev{opacity: 1;}
.certificatesList .swiper-slide{-webkit-transform: translateX(12.24vw); -ms-transform: translateX(12.24vw);transform: translateX(12.24vw);}
.certificatesList .swiper-slide.swiper-slide-active ~ div {-webkit-transform: translateX(-12.24vw); -ms-transform: translateX(-12.24vw);
	transform: translateX(-12.24vw);}
.certificatesList .swiper-slide.swiper-slide-next{opacity: 1;}
.certificatesList .swiper-slide .certificatesImg {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    -webkit-transition: all .6s;
    transition: all .6s;
	top: -55%;
	width: 12.5vw;

}

.certificatesImg h3{width:100%; height: 40px; line-height: 40px; color: #333333; font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; 
	text-align: center}
.certificatesList .swiper-slide .imgBox {-webkit-transition: all .6s;  transition: all .6s;	width: 26vw;  height:12vw;}
.certificatesList .swiper-slide .imgBox img { width: 100%;  display: block;}
.certificatesList .swiper-slide.swiper-slide-active .imgBox {height:8.4vw;}
.certificatesList .swiper-slide.swiper-slide-next .imgBox {	height:14vw;}
.certificatesList .swiper-slide.swiper-slide-prev .imgBox {height:12vw;}
.certificatesList .swiper-slide.swiper-slide-active .certificatesImg{
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    -webkit-transition: all .6s;
    transition: all .6s;
	top:-264%;
    width: 15.052vw;
}

.certificatesList .swiper-slide.swiper-slide-next .certificatesImg {top: -129%; left: 3.646vw;}
.certificatesList .swiper-slide.swiper-slide-prev .certificatesImg {top: -148%; right: 3.646vw;}
.certificatesList .swiper-slide .certificatesImg img { width: 100%; height: 100%; object-fit: cover;}
.certificatesTextList .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    cursor: pointer;
}
.certificatesTextList .swiper-slide.active .content { color: #ff0000;}
.certificatesTextList .swiper-slide .content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 18px;
    line-height: 26px;
    color: #828282;
}
.certificatesTextList .swiper-slide .content { font-size: 0.938vw; line-height: 1.354vw;}
.certificatesList .swiper-slide .content{position: relative; width: 100%;}
.certificatesListBox .swiper-button-next,.certificatesListBox .swiper-button-prev{width:40px; height: 40px; top:55%}
.certificatesListBox .swiper-button-next{background: url(../images/hh_right.png) no-repeat; right:0}
.certificatesListBox .swiper-button-prev{background: url(../images/hh_left.png) no-repeat; left:0}


/* 锁定滚动时用 */
.lock-scroll {
  overflow: hidden !important;
  position: fixed !important;
  width: 100% !important;
  top: 0 !important;
}

.ban_img {
  opacity: 1;
  transform: scale(1.4); /* 默认放大1.5倍 */
  display: block;
  transition: opacity 0.5s ease, transform 0.5s ease;
}



/* 基础样式 */
.about_one_xx,.about_one_num{
  opacity: 0;
  transform: translateY(100px);
  visibility: hidden;
  transition: all 1.5s ease;
}
.about_one_xx.show {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

.about_one_num.show {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

/* 锁定滚动样式（保留） */
.lock-scroll {
  overflow: hidden !important;
  position: fixed !important;
  width: 100% !important;
  top: 0 !important;
}

/*荣誉资质*/
.honor{ overflow: hidden; padding-bottom: 120px;}
.honor_list{ overflow: hidden;  width:100%; margin-bottom:30px;}
.honor_list li{ width:24.2%; float: left; border: 1px solid #e5e5e5; margin-right: 1%; margin-bottom: 20px;}
.honor_list li:nth-child(4n){ margin-right: 0;}
.honor_list li .img,.ny_case_all li .img{overflow: hidden; width:100%;}
.honor_list li .img img{width: 100%; transition:all 0.3s; display:block; object-fit:cover;  height: auto;}
.honor_list li:hover .img img{transition: all 0.3s; transform: scale(1.05);}
.gallery-title{ line-height:50px; background: #e5e5e5;text-align: center; font-size:16px; transition: all 0.3s; width:100%; height:50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.honor_list li:hover{ border: 1px solid #0060cc;}
.honor_list li:hover .gallery-title{ background: #0060cc; color: #fff;}
.ny_case_all li img{width: 100%; transition:all 0.3s; display:block; object-fit:cover;  height: auto;}
.ny_case_all li:hover img{transition: all 0.3s; transform: scale(1.05);}


/*新闻 */
.ny_news_all{width:100%; height: auto; overflow: hidden; margin:30px 0 45px; }
.ny_news_all ul{width:100%; height: auto; overflow: hidden; margin-bottom:20px;}
.ny_news_all ul li{width:100%; height: auto; overflow: hidden; padding: 15px}
.ny_news_all ul li a{width:100%; display:flex;}
.ny_news_all ul li .ny_time{width:115px;height: auto; float: left; margin-top:35px;}
.ny_news_all ul li .ny_time span{display: block; font-size:16px; color: #999; text-align: right}
.ny_news_all ul li .ny_time p{font-size:40px; color: #c8c8c8; text-align: right;}
.news_xx{width:66%; height: auto; float: left; margin:0 2%; margin-top:12px;}
.news_xx h3{width:100%; height: 35px; line-height: 35px; font-size:20px; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.news_xx p{width:100%; height:80px; line-height: 30px; font-size:16px; color: #666;  margin: 20px 0; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; }
.news_xx span{font-size:16px; color: #aaaaaa}
.news_pic{width:24%; height: auto; float: right}
.news_pic img{width:100%; object-fit: cover; }
.ny_news_all ul li:hover{background: #f4f4f4}
.ny_news_all ul li:hover .ny_time p,.ny_news_all ul li:hover .ny_time span,.ny_news_all ul li:hover span{color:#0060cc}
.ny_news_all ul li:hover h3{font-weight: bold; }
.ny_service_all{width:100%; height: auto; overflow: hidden; margin:20px 0 40px; }
.ny_news_bts{width: 100%; font-size:20px; color: #333; padding: 10px 0px; clear: both}
.keyword_light{line-height:28px;}
.ny_news_show{width:100%; height: auto; overflow: hidden; font-size:16px; color:#666; margin:30px 0 80px; padding-bottom: 0px; }
.ny_news_show h1{width: 100%; font-size:24px; color: #555; padding: 10px 0px; text-align: center;  clear: both; font-weight: bold}
.ny_news_show img{max-width:100%;display:block; margin:0px auto}
.ny_news_show p{font-size:16px;  color: #333;  line-height: 34px;}
.ny_news_time{width: 100%; line-height: 30px; color: #999; height: 30px; margin-bottom: 20px; font-size:16px;  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; clear: both}
#newsfoot td,#newsfoot td a{font-size:16px; }



/*搜索*/
.products_all_search{width:100%; height: auto; overflow: hidden; margin-top: 50px;}
.products_all_search ul{width:100%; height: auto; overflow: hidden;}
.products_all_search ul li{width:23.5%; height: auto; float: left; margin-bottom:30px; margin-right: 2%;}
.products_all_search ul li:nth-child(4n){margin-right: 0;}
.products_all_search ul li h4{width:100%; height: 40px; line-height: 40px; color: #000000; font-size: 18px; position: relative; padding-left:20px; margin-top: 10px;}
.products_all_search ul li h4:after{content:""; width:12px; height:2px; background: #000000; position: absolute; top:50%; left:0; transform: translate(0,-50%); }
.products_all_search ul li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}




/*联系我们*/
.ny_contact,.ny_all{width:100%; height: auto; overflow: hidden; margin:20px 0}
.ny_contact_map{width:100%;  height: 400px; overflow: hidden; margin-top: 20px;}
.ny_conta_xx{width:100%; height: auto; display: flex; justify-content: space-between; overflow: hidden; margin-bottom: 42px; margin-top: 20px;}
.contact_right{width:50%; font-size:16px; color: #333;  line-height: 34px;}
.contact_right p{font-size:16px;  color: #333;  line-height: 34px;}
.ny_cont_wx dl{width:140px; height:auto; float: left;    margin-left: 20px; }
.ny_cont_wx dl dt{width:100%; height: auto; border: 1px solid #e5e5e5;  background: #fff}
.ny_cont_wx dl dd{ font-size:16px; color: #555; height: 40px; line-height: 20px; text-align: center; margin-top: 6px;}
.ny_cont_wx dl dt img{width:100%; height: 100%;}
.ny_title_1{ overflow: hidden; margin-bottom: 20px;}
.ny_title_1 h2{font-weight: 300; font-size:34px; line-height: 1.2; color: #333;font-weight: bold   }
.ny_title_1 p{text-transform: uppercase; font-size:22px; color: #0060cc; position: relative; line-height: 2.8; }
.ny_title_1 p::after{ content: ""; position: absolute; display: block; height: 1px; width: 140px; background: #d4d4d4; left: 0; bottom: 0;}
.ny_title_1 em{font-style: normal; font-size:18px; line-height:28px; color: #000; padding: 15px 0; display: block;}
.section-content{width:100%; height:auto; overflow:hidden; margin:30px 0 40px;}






/*弹出视频*/
.video_bj{width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.5); z-index:888; display:none}
.video_xx{width:600px; height:400px; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:999}
.close{width:100%; height:40px; text-align:right; background:rgba(0,0,0,0.5);}
.close img{width:32px; height:32px; margin-top:4px; margin-right:10px;}
.video-box{width:100%; height:360px;}
.sj_video{width:100%; height:auto; overflow:hidden; display:none;}




/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:250px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
	 font-size: 14px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -125px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#29a7e1;
    height: 62px;
    margin-bottom: 1px;
    margin-left: 0;
    position: relative;
    width: 77px; float:left;
}




@media screen and (max-width:1560px){
	.w1440,.container{width:1200px;}
	.banner .bannerText{width:1200px; }
	.ny_banner{height:500px}
	.ban_img{ transform: scale(1.3);}
	.certificatesList{width:770px}
	.youshi_img_one{width:900px}
	.in_case_pp{font-size:15px}
	.in_case_tt h4,.contact_bt_left h4,.contact_center_info h4{font-size:26px}
	.contact_bt_right:after{width:162px}
	.honor_top_left h4 span,.honor_top_left h4,.honor_top_left h4 i{font-size:100px; line-height:100px}
	.honor_top_left h5,.contact_center_info h5{font-size:15px}
	.index_case_one .swiper-slide a img, .index_case_two .swiper-slide a img{width:200px}
	.contact_center_pic img{width:70%}
}


@media screen and (max-width:1400px){
	.ny_ban_zi h4{font-size:40px}
	.ny_ban_zi hr{width:40px; height:6px}
	.youshi_img_two{width:46%; left:27%!important}
	.youshi_img_one{width:700px}
	.index_about_youshi{width:83%}
	.about_youshi_left p, .about_youshi_right p{margin-bottom:5vh; font-size:18px}
	.index_case_pic{width:5vw; height:5vw}
	.index_case_pic img{width:40%}
	.index_case_right ul li h4{font-size:16px}
	.index_case_one .swiper-slide a img, .index_case_two .swiper-slide a img{width:180px}
}