/*全局样式*/

*{font-family:'Microsoft YaHei','Arial';}
*:focus{outline:none;}
html{overflow-x:hidden;}
body,a{color:#333;}


.empty{ 
    display: block;
    background: url(img/empty.png) no-repeat center;
    width: 100%;
    height: 300px;
}

.wrapper{width:1400px;}
.wrap-gray{padding:70px 0; background:#f5f5f5;}
.wrap-white{padding:70px 0; background:#fff;}
.wrap-white.p1{ padding: 60px 0;}
/*头部样式*/

#header{position:sticky; top:0; z-index:99; height:90px; background:#fff; box-shadow:0 10px 10px -10px rgba(0,0,0,.08);}
#header .wrapper{height:100%;}
#logo img{width:63px; height:75px;}
#nav > ul{display:flex;}
#nav > ul > li{position:relative; height:90px; text-align:center;}
#nav > ul > li > a{display:block; height:90px; line-height:90px; font-size:16px; overflow:hidden; padding: 0 20px;}
#nav > ul > li:hover > a{color:#0d9ecd;}
#nav > ul > li.current > a{color:#fff; background: #0d9ecd;}
#nav > ul > li ul{position:absolute; left:50%; top:90px; transform:translate(-50%,20px); display:none; width:140px; padding:12px 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.08); opacity:0; animation:NavAnimation 0.3s; animation-fill-mode:forwards;}
#nav > ul > li:hover ul{display:block;}
@keyframes NavAnimation{100%{transform:translate(-50%,0); opacity:1;}}
#nav > ul > li ul li{height:38px; line-height:38px; font-size:16px; overflow:hidden;}
#nav > ul > li ul li a{display:block; padding:0 18px; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all 0.2s linear;}
#nav > ul > li ul li:hover a{letter-spacing:1px; color:#0d9ecd; transition:all 0.2s linear;}
#pho{ font-size: 20px; color: #0d9ecd; font-family: arial;font-weight: bold; display: flex; gap:0 10px; align-items: center; position: relative;padding:0 25px 0 35px; margin: 0 40px;}
#pho em{ width: 26px;position: absolute; left: 0; top: 0; }
#pho span{ width: 20px; position: absolute; top: -10px; right: 0;}
#search-btn{width:20px; height:20px; background:url(../images/search.png) no-repeat center; cursor:pointer; transition:all 0.1s linear;}
#search-btn:hover{background-image:url(../images/search-h.png); transition:all 0.1s linear;}

#search{right:0; top:90px; z-index:98; display:none; height:64px; padding:10px; background:rgba(255,255,255,.5); box-shadow:0 0 10px rgba(0,0,0,.08); overflow:hidden;}
#search input{width:256px; height:44px; line-height:44px; padding:0 16px; border:none; border-radius:0; font-size:15px; color:#464646;}
#search input::-moz-placeholder{color:#999;}
#search input::-webkit-input-placeholder{color:#999;}
#search input::-ms-input-placeholder{color:#999;}
#search button{width:44px; height:44px; background:url(../images/search1.png) no-repeat center #0d9ecd; background-size:20px 20px; border:none; border-radius:0;}

/*首页样式*/

#banner{width:100%; height:650px; overflow:hidden;}
#banner .swiper-wrapper{height:650px;}
#banner .swiper-slide{width:100%; height:650px;}
#banner .swiper-slide img{width:100%; height:650px;}
#banner .swiper-slide video{width:100%; height:650px;}
#banner .swiper-pagination{left:50%; bottom:20px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; gap:0 12px; width:auto;}
#banner .swiper-pagination-bullet{width:55px; height:10px; margin:0; background:rgba(255,255,255,0.3); border-radius:20px; cursor:pointer; opacity:1;}
#banner .swiper-pagination-bullet-active{background:#fff;}

.title h4{font-size:24px; color:#666; text-align: center; text-transform: uppercase; font-family: arial;}
.title h2{font-size:36px; color:#333; display: flex; justify-content: center; gap:0 15px; align-items: center; height: 40px; line-height: 40px; font-weight: bold;margin-top:10px; }
.title h2 em{ display: block; height: 12px;}
.wrap-product{ background: url(../images/cp-bg.jpg) no-repeat center 0; height: 750px; padding: 80px 0;}
#product-tab{height:50px; margin: 45px 0 40px 0;}
#product-tab ul{display:flex; justify-content: center; gap:0 40px;} 
#product-tab ul li{ text-align:center; }
#product-tab ul li a{ display: block;width:200px; height: 50px; line-height: 50px;  color: #666; background: #fff; border: 1px #dcdcdc solid; font-size: 16px;border-radius: 50px;overflow:hidden;}
#product-tab ul li.current a{background:#0d9ecd; color: #fff; font-weight: bold;}
#product .item{position:relative; display:none;}
#product .item.current{display:block;}
#product .swiper-container{height:370px; overflow:hidden;}
#product .swiper-wrapper{height:370px;}
#product .swiper-slide{position:relative; width:335px; height:370px; background:#fff;padding:10px; border-radius:10px; overflow:hidden;background: #b6e2f0;}
#product .swiper-slide a{display:block; }
#product .swiper-slide .cp-img{ width: 100%; height: 300px; overflow: hidden; border-radius: 10px;}
#product .swiper-slide img{ width: 100%; height: 100%;transform: scale(1.0); transition: 0.5s all;}
#product .swiper-slide:hover img{transform: scale(1.1); transition: 0.5s all;}
#product .swiper-slide h4{width:100%; height:32px; line-height:32px; margin-top: 10px; font-size:18px; text-align:center; color:#333; overflow:hidden; transition:all 0.1s linear; text-overflow: ellipsis; white-space: nowrap;}
#product .swiper-slide:hover{background:#0d9ecd;  transition:background 0.1s linear;}
#product .swiper-slide:hover h4{color:#fff; }

@keyframes ProductAnimation{100%{transform:translateY(0); opacity:1;}}
#product .swiper-button-prev,#product .swiper-button-next{top:50%; transform:translateY(-50%); width:56px; height:56px; margin:0; background-repeat:no-repeat; background-position:center; background-color:#fff; border-radius:50%; cursor:pointer; opacity:1; transition:all 0.1s linear;}
#product .swiper-button-prev:after,#product .swiper-button-next:after{display:none;}
#product .swiper-button-prev{left:-78px; background-image:url(../images/left-jt.png);}
#product .swiper-button-next{right:-78px; background-image:url(../images/right-jt.png);}
#product .swiper-button-prev:hover{background-color:#0d9ecd; transition:all 0.1s linear;background-image:url(../images/left-jt1.png);}
#product .swiper-button-next:hover{background-color:#0d9ecd; transition:all 0.1s linear;background-image:url(../images/right-jt1.png);}

#case{ margin-top: 50px;}
#case .case-item{ display: flex; justify-content: space-between; }
#case .case-item .left{ width: 700px; height: 460px; overflow: hidden; border-radius: 10px;}
#case .case-item .left img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
#case .case-item .left:hover img{ transform: scale(1.1); transition: 0.5s all;}
#case .case-item .right{ flex: 1; margin-left: 50px;}
#case .case-item .right h3{ font-size: 24px; font-weight: bold; color:#333; margin-top: 40px;}
#case .case-item .right em{ display: block; margin: 25px 0;}
#case .case-item .right p{font-size: 15px; line-height: 30px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5; color: #666; }
#case .case-item .right .case-more{ margin-top: 50px;}
#case .case-item .right .case-more a{ display: block;width: 180px; height: 50px; line-height: 50px; text-align: center; border: 1px #0d9ecd solid; border-radius: 50px; color: #0d9ecd; font-size: 15px;}
#case .case-item .right .case-more a:hover{ background:#0d9ecd; color: #fff;}
#case .case-list{ margin-top: 30px; }
#case .case-list ul{display: flex; gap:0 20px;}
#case .case-list ul li{ width:25%;}
#case .case-list ul li .case-img{ width: 100%; height: 260px;border-radius: 10px; overflow: hidden;}
#case .case-list ul li .case-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
#case .case-list ul li:hover .case-img img{ transform: scale(1.1); transition: 0.5s all;}
#case .case-list ul li section{ margin-top: 10px;}
#case .case-list ul li section h4{ height: 24px; line-height: 24px; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#case .case-list ul li section span{ height: 17px; display: flex; justify-content: space-between; align-items: center; gap:0 15px; padding-right: 10px; margin: 10px 0;}
#case .case-list ul li section span i{ flex: 1; height: 1px; background: #959595;}
#case .case-list ul li section span em{ display: block;width: 16px; height: 17px;}
#case .case-list ul li section p{height: 24px; line-height: 24px; font-size: 16px; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#case .case-list ul li:hover section h4{ color: #0d9ecd;}
.wrap-about{background: url(../images/about-bg.jpg) no-repeat center 0; height: 646px; padding: 80px 0;}
#about{ margin-top: 40px;}
#about section p{ font-size: 16px; text-align: center; padding: 0 100px; line-height: 30px; color: #333;}
#about .about-more{ width: 180px; height: 50px; line-height: 50px; border-radius: 50px; background: #fff; margin: 40px auto; overflow: hidden;  text-align: center;border: 1px #0d9ecd solid;}
#about .about-more a{ display: block; color: #0d9ecd; font-size: 15px; }
#about .about-more:hover a{ display: block; color: #fff; background: #0d9ecd; font-size: 15px;  }

#news{ margin-top: 40px;}
#news ul{ display: flex;gap:0 20px;}
#news ul li{ width: 33.3%;background: #f5f5f5; border-radius:10px; overflow: hidden;}
#news ul li .news-img{ width: 100%; height: 280px; overflow: hidden; border-radius: 10px;}
#news ul li .news-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
#news ul li:hover .news-img img{  transform: scale(1.1); transition: 0.5s all;}

#news ul li section{  padding: 20px;}
#news ul li section h3{ font-size: 18px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#news ul li section span{ font-size: 15px; color: #666; display: block; margin: 5px 0 15px 0;}
#news ul li section p{ font-size: 15px; color: #666; line-height: 30px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
#news ul li:hover{ background: #0d9ecd; }
#news ul li:hover section h3{ color: #fff;}
#news ul li:hover section span{ color: #fff;}
#news ul li:hover section p{ color: #fff;}
#news .news-more{ width: 180px; margin: 40px auto 0 auto;}
#news .news-more a{ width: 200px; height: 50px; line-height: 50px; text-align: center; display: block; color: #0d9ecd; border-radius: 50px; font-size: 14px; border: 1px #0d9ecd solid;}
#news .news-more a:hover{ background: #0d9ecd; color: #fff;}
#footer{background: url(../images/footbg.jpg) no-repeat center 0; height: 377px; padding: 30px 0;}
#footer .footer-top{ display: flex; justify-content: space-between; border-bottom: 1px #4793b8 solid; padding-bottom: 20px;}
#footer .footer-top .f-nav{ flex: 1; height: 48px; line-height: 48px; color: #fff;}
#footer .footer-top .f-nav a{ color:#fff; font-size: 16px; padding: 0 10px;}
#footer .footer-top .f-nav a:hover{ color: #9ad7f4;}
#footer .footer-top .f-search{ width:350px; height: 48px; background: #fff; }
#footer .footer-top .f-search input{ width: 300px; height: 48px; line-height: 48px; border: 0;}
#footer .footer-top .f-search button{ width: 50px; height: 48px; background: url(../images/search.png) no-repeat center; border: 0; }
#footer .f-center{display: flex; justify-content: space-between; border-bottom: 1px #4793b8 solid; padding:30px 0;}
#footer .f-center .f-contact{ flex: 1;}
#footer .f-center .f-contact span{display: block; font-size: 20px; font-weight: bold; margin-bottom: 20px; color: #fff;}
#footer .f-center .f-contact p{font-size: 15px; padding: 6px 0 6px 25px; color: #fff;}
#footer .f-center .f-contact p.f-dx{ background: url(../images/f-icon1.png) no-repeat 0 center;}
#footer .f-center .f-contact p.f-yx{ background: url(../images/f-icon2.png) no-repeat 0 center;}
#footer .f-center .f-contact p.f-dz{ background: url(../images/f-icon3.png) no-repeat 0 center;}
#footer .f-center .f-ewm{ width: 115px; }
#footer .f-center .f-ewm img{ width: 115px; height: 115px;}
#footer .f-center .f-ewm span{ display: block; font-size: 15px; margin-top: 6px; text-align: center; color: #fff;}
#copyright{ text-align: center; color: #fff; padding-top: 20px; font-size: 15px;}
#copyright a{color: #fff;}		
		
/*内页样式开始*/
.ny-banner{ height: 460px;}
.ny_banner_txt{display: flex; height: 460px;justify-content: center;flex-direction: column;}
.ny_banner_txt h2{ font-size: 36px; font-weight: bold; color: #fff; text-shadow: 0 3px 2px rgba(0,0,0,0.2); text-align: center;}
.ny_banner_txt h3{ font-size: 18px;color: #fff;margin-top: 20px;text-shadow: 0 3px 2px rgba(0,0,0,0.2);text-align: center;}
.home-addr{ background: #f5f5f5; height: 60px; line-height: 60px;}
.home-addr .home-dqwz{ background: url(../images/home.png) no-repeat 0 center; padding-left: 25px; font-size: 15px; color: #666; }
.home-addr .home-dqwz a{color: #666;}
.home-addr .home-dqwz span{ color: #0d9ecd;}
.ny-about{ display: flex; justify-content: space-between;}
.ny-about .left-title{ width: 340px;}
.ny-about .left-title h2{ font-size: 36px; color: #333;}
.ny-about .left-title em{ display: block; margin: 16px 0; width: 30px; height: 3px; background: #0d9ecd;}
.ny-about .left-title h4{ font-size: 16px; font-family: arial; color: #666666; text-transform: uppercase;}
.ny-about .right{ flex: 1;}
.ny-about .right p{ font-size: 16px; line-height: 30px; margin-bottom: 15px; color: #666;}
.ny-about-img{ margin-top: 30px;}
.ny-about-img ul{display: flex; justify-content: space-between; gap:0 20px;}
.ny-about-img ul li:nth-child(1){ width: 900px; height: 400px; border-radius: 10px; overflow: hidden;}
.ny-about-img ul li:nth-child(2){ width: 480px; height: 400px;border-radius: 10px; overflow: hidden;}
.ny-about-img ul li img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
.ny-about-img ul li:hover img{ transform: scale(1.1); transition: 0.5s all;}
.ny-honor{ background: url(../images/honorbg.jpg) no-repeat center; height: 524px; padding: 50px 0;}
.ny-title{ text-align: center;}
.ny-title h2{ font-size: 36px; color: #333;}
.ny-title em{ display: block; margin: 16px auto; width: 30px; height: 3px; background: #0d9ecd;}
.ny-title h4{ font-size: 16px; font-family: arial; color: #666666; text-transform: uppercase;}
#ny-zzry{ margin-top: 40px; position: relative;}
#ny-zzry .swiper-container{ margin: 0 40px;}
#ny-zzry .swiper-container .swiper-slide{ padding: 10px;}
#ny-zzry .swiper-container .swiper-slide .honor-img{background: #fff;width: 100%;height: 213px;border-radius: 10px; text-align: center; padding: 20px; box-shadow: 0 0px 10px rgba(0,0,0,0.05); display: flex; align-items: center; justify-content: center;}
#ny-zzry .swiper-container .swiper-slide img{ max-width: 100%; margin: 0 auto; max-height: 193px;}
#ny-zzry .swiper-container .swiper-slide span{ display: block; font-size: 15px; color: #666; height: 40px; line-height: 40px; overflow: hidden; margin-top: 10px; text-align: center;}
#ny-zzry .swiper-button-prev,#ny-zzry .swiper-button-next{top:50%; transform:translateY(-50%); width:60px; height:60px; margin:0; background-repeat:no-repeat; background-position:center; border-radius:50%; cursor:pointer; opacity:1; transition:all 0.1s linear;}
#ny-zzry .swiper-button-prev:after,#ny-zzry .swiper-button-next:after{display:none;}
#ny-zzry .swiper-button-prev{left:-25px; background-image:url(../images/left-jt.png); background-color: #fff;}
#ny-zzry .swiper-button-next{right:-25px; background-image:url(../images/right-jt.png);background-color: #fff;}

#certify {position: relative;width: 1200px;margin: 50px auto 0 auto}
#certify .swiper-container {padding-bottom: 60px;} 
#certify  .swiper-slide {width: 330px;height: 460px;background: none; overflow: inherit!important;}
#certify  .swiper-slide img{display:block;}
#certify  .swiper-slide p {line-height: 98px;padding-top: 0;text-align: center;color: #636363;font-size: 16px;margin: 0;}
#certify .swiper-button-prev:after,#certify .swiper-button-next:after{display:none;}
#certify .swiper-button-prev {left: -50px;width: 50px;height: 50px;background: url(../images/zl-jt-l.png) no-repeat left center;opacity: 1!important; background-size: 100%;}
#certify .swiper-button-next {right: -50px;width: 50px;height: 50px;background: url(../images/zl-jt-r.png) no-repeat right center;opacity: 1!important; background-size: 100%;}
#certify .swiper-slide{ border-radius: 10px; overflow: hidden; position: relative; }
#certify .swiper-slide img{position: relative;border-radius: 10px;}
#certify .swiper-slide .top-div:before{  content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background-color:rgba(0,0,0,.3);transition: width 0.3s ease; z-index: 9; border-radius: 10px;}
#certify .swiper-slide p{ display: none;}
#certify .swiper-slide-active p{ display: block;}
#certify .swiper-slide-active .top-div:before{ display: none;}

#news-list ul li{position:relative; margin-top:30px; padding-bottom:30px; border-bottom:1px solid #e5e5e5;}
#news-list ul li:first-child{margin-top:0;}
#news-list ul li:after{content:''; position:absolute; left:0; right:100%; bottom:-1px; display:block; height:1px; background:#0d9ecd; opacity:0; transition:all 0.3s linear;}
#news-list ul li a{display:flex; align-items:center;}
#news-list ul li span{width:350px; height:240px; overflow:hidden; border-radius: 10px;}
#news-list ul li img{width:100%; max-width:none; height:100%; transition:transform 0.3s linear;}
#news-list ul li section{ margin-left:30px; flex: 1;}
#news-list ul li section h4{height:18px; line-height:18px;  font-size:14px; color:#666; overflow:hidden; margin-top: 10px; background: url(../images/rl-icon.png) no-repeat 0 center; padding-left: 20px;}
#news-list ul li section h3{height:30px; line-height:30px; font-size:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all 0.1s linear; color:#333; font-weight: bold; margin-top: 15px;}
#news-list ul li section p{line-height:30px; margin-top:15px; font-size:16px; color:#3e3a39;-webkit-line-clamp:2; color: #666;}
#news-list ul li section h5{ background:#eee url(../images/more-icon.png) no-repeat center; width: 52px; height: 52px;  margin-top:20px; border-radius: 100%;}
#news-list ul li:hover:after{right:0; opacity:1; transition:all 0.3s linear;}
#news-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#news-list ul li:hover section h3{color:#0d9ecd; transition:all 0.1s linear;}
#news-list ul li:hover section h5{ background:#0d9ecd url(../images/more-icon1.png) no-repeat center;}
#pageinfo { text-align: center;margin-bottom: 10px; margin-top: 0px;}
.digg {padding-top: 40px;}
.digg li{ min-width: 36px;height: 36px;line-height: 34px; margin:0 4px;background:#fff;border:1px solid #d6d6d6 !important;border-radius:5px;font-size:14px;color:#767676;}
.digg .page-item a{min-width: 36px;border: none;padding: 0px;height: 36px;line-height: 34px;overflow: inherit;background: none; display: block;}
.digg .page-item:hover {background: #0d9ecd; color: #fff;}
.digg .page-item:hover a{ color: #fff; cursor:pointer;}
.digg .page-item a:active {background-color: #0d9ecd;color:#fff;}
.digg li.active { width: 36px;height: 36px;background-color: #0d9ecd;color: #fff;text-decoration: none;}

#news-xq{ display: flex; justify-content: space-between; margin-bottom: 50px;}
#news-xq .left{ flex: 1; margin-right: 80px;}
#article-title{line-height:44px; font-size:30px; text-align:left; color: #333;}
#article-info{height:18px; line-height:18px; margin-top:10px; font-size:15px; text-align:left; color:#999; overflow:hidden;}
#article{line-height:32px; margin-top:30px; padding-top:30px; border-top:1px solid #dcdcdc; font-size:16px; color:#333; position: relative;  }
#article:before{ content:''; width: 160px; height: 3px; background: #0d9ecd; position: absolute; top: -2px; left: 0;}
#article p{ font-family: "微软雅黑" !important;}
#prev-next{ margin-top:44px;background: #eee; overflow:hidden; padding:20px;}
#prev-next a{width:100%; height:30px; line-height:30px; font-size:16px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display: block;}
#prev-next a:hover{color:#0d9ecd;}
#prev-next a.fhlb{ text-align: center; width: 120px; height: 40px; line-height: 40px; margin: 0 auto; background: #fff; border-radius: 50px;}
#prev-next a.fhlb:hover{ background: #0d9ecd; color: #fff;}
#news-xq .right{ width: 320px;}
#news-xq .right ul li{margin-bottom: 20px; background: #f5f5f5;}
#news-xq .right ul li .r-news-img{ width: 320px; height: 200px; overflow: hidden; border-radius: 10px; }
#news-xq .right ul li .r-news-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
#news-xq .right ul li:hover .r-news-img img{ transform: scale(1.1); transition: 0.5s all;}
#news-xq .right ul li span{ font-size: 16px; color: #333;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;line-height: 24px; display: block; margin-top: 10px; padding: 0px 20px 15px 20px;}
#news-xq .right ul li em{ font-size: 15px; color: #999;  display: block; padding: 10px 20px 0 20px;}
#news-xq .right ul li:hover span{ color: #0d9ecd;}

.ny-ywfw{ display: flex; justify-content: space-between;}
.ny-ywfw .ywfw-left{ flex: 1; padding-right: 100px;}
.ny-ywfw .ywfw-left h4{ font-size: 24px; font-weight: bold; color:#333;}
.ny-ywfw .ywfw-left section{ margin-top: 20px;}
.ny-ywfw .ywfw-left section p{ font-size: 15px; margin-bottom: 5px; line-height: 28px;}
.ny-ywfw .ywfw-right{ width: 600px; height: 628px; overflow: hidden;}
.ny-product{ display: flex; justify-content: space-between;}
.ny-product .product-nav{ width: 300px;}
.ny-product .product-nav .product-title{ display: flex; background: url(../images/cp-titlebg.jpg) no-repeat 0 0; width: 300px; height: 120px; padding: 30px;flex-direction: column;}
.ny-product .product-nav .product-title h3{ font-size: 30px;color: #fff;}
.ny-product .product-nav .product-title h4{ font-size: 16px;color: #fff; font-family: arial; text-transform: uppercase;padding-top: 10px;}
.ny-product-nav{ background: #eee; margin-top: 5px;}
.ny-product-nav ul li{ border-bottom: 1px #fff solid;}
.ny-product-nav ul li .panel-yiji{ height:60px;line-height: 59px; display: flex; justify-content: space-between;align-items: center; padding: 0 20px;}
.ny-product-nav ul li .panel-yiji a{ display: flex; align-items: center; font-size: 16px; color: #333;gap:0 10px;}
.ny-product-nav ul li .panel-yiji em{display: block; background: url(../images/cp-jt3.png) no-repeat 0 center; width: 14px; height: 14px;}
.ny-product-nav ul li:hover .panel-yiji{ background: #0d9ecd; }
.ny-product-nav ul li:hover .panel-yiji a{color: #fff;}

.ny-product-nav ul li.cur .panel-yiji{ background: #0d9ecd; }
.ny-product-nav ul li.cur .panel-yiji a{color: #fff;}
.ny-product-nav ul li.cur .panel-yiji em{background: url(../images/cp-jt1.png) no-repeat 0 center; width: 14px; height: 14px;}

.ny-product-nav ul li .product-erji{display: none; padding: 10px 25px 10px 20px; }
.ny-product-nav ul li.cur .product-erji{display: block;  }
.ny-product-nav ul li .product-erji .product-ii{ height: 36px; line-height: 36px; position: relative; padding-left: 15px;}
.ny-product-nav ul li .product-erji .product-ii a{ font-size: 14px; color: #666;display: block;}
.ny-product-nav ul li .product-erji .product-ii a:hover{ color: #0d9ecd;}
.ny-product-nav ul li .product-erji .product-ii.sel a{color: #0d9ecd; background: url(../images/cp-jt2.png) no-repeat right center; }
.ny-product .right{ flex: 1; margin-left: 30px;}
.ny-product .cp-list ul{ display: flex; flex-wrap: wrap; gap:0 20px;}
.ny-product .cp-list ul li{ width: 32%; background: #eee; padding: 10px; border-radius: 10px;overflow: hidden; margin-bottom: 20px;}
.ny-product .cp-list ul li .cp-img{ width: 100%; height: 300px; overflow: hidden; border-radius: 10px;}
.ny-product .cp-list ul li .cp-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
.ny-product .cp-list ul li:hover .cp-img img{ transform: scale(1.1); transition: 0.5s all;}
.ny-product .cp-list ul li span{display: block; font-size: 18px; padding:15px 10px 10px 10px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333;}
.ny-product .cp-list ul li:hover{ background: #0d9ecd;}
.ny-product .cp-list ul li:hover span{ color: #fff;}
					.cpxq-top{ display: flex; justify-content: space-between;}					
#cpxq-lb{ width: 460px; height: 360px; overflow:hidden;border-radius: 10px; }
#cpxq-lb .swiper-slide{width: 460px; height: 360px; }
#cpxq-lb .swiper-slide img{ width: 100%; height: 100%;}				
.cpxq-top .cpxq-text{ flex: 1; margin-left: 50px;}				
.cpxq-top .cpxq-text h3{ font-size: 28px; color: #333; margin-top: 10px;}					
.cpxq-top .cpxq-text em{ display: block; width: 40px; height: 3px; background: #0d9ecd; margin: 20px 0;}			
.cpxq-top .cpxq-text section p{ font-size: 15px; line-height: 30px; color: #333;}
.cpxq-jj{ margin-top: 40px;}
.cpxq-jj  .cpxq-title{ background: url(../images/cpxq-titlebg.jpg) no-repeat 0 0; height: 60px; line-height: 60px; font-size: 20px; color: #fff;padding-left: 30px;}
.cpxq-jj section{ padding: 20px;}
.cpxq-jj section p{ font-size: 15px;  line-height: 30px;}

.ny-case ul{ display: flex; flex-wrap: wrap; gap:20px;}
.ny-case ul li{ width: 32%; background: #f5f5f5;border-radius: 10px; overflow: hidden;}
.ny-case ul li .ny-case-img{ width: 100%; height: 300px; overflow: hidden; border-radius: 10px 10px 0 0;}
.ny-case ul li .ny-case-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
.ny-case ul li:hover .ny-case-img img{transform: scale(1.1); transition: 0.5s all;}
.ny-case ul li section{ padding:20px;}
.ny-case ul li section h4{ font-size: 18px; line-height: 30px; color: #333;}
.ny-case ul li section span{display: block; margin-top: 20px; color: #999; font-size: 15px;}
.ny-case ul li:hover h4{ color: #0d9ecd;} 
.job-tabs ul li {margin-bottom: 2px;}
.job_list_title {height: 54px;line-height: 54px;color: #666;background: #f5f5f5;display: flex;justify-content: space-between;padding: 0 50px;cursor: pointer;}
.job_list_title span {font-size: 16px;width: 25%;text-align: center;}
.job_xxnr{ display:none;}
.job_xxnr .job-flex{display: flex;justify-content: flex-start;margin-top: 20px;margin-bottom: 20px;}
.job_xxnr section {padding: 40px 40px;position: relative;border-right: 1px solid #e5e5e5; width: 699px;}
.job_xxnr section:nth-child(2) {border-right: none;}
.job_xxnr section p {font-size: 15px;line-height: 32px;color: #666;}
.job_sel {background: #0d9ecd;color: #FFFFFF;}
.job_list_title span i {font-style: normal;background: url(../images/jia.png) no-repeat right center;padding-right: 20px;display: inline-block;}
.job_sel span i {background: url(../images/jian.png) no-repeat right center;}
.job_list_title span.gw {font-weight: bold;text-align: left; }
.job_list_title span.ckxq {	text-align: right;}
.job_list_title span.dz{ display: flex; justify-content: center; align-items: center; gap:0 10px;}
.job_list_title span.dz em{ background: url(../images/join-dz1.png) no-repeat 0 0; display: block; width: 16px; height: 18px;}
.job_list_title span.rs{ display: flex; justify-content: center; align-items: center; gap:0 10px;}
.job_list_title span.rs em{ background: url(../images/join-rs1.png) no-repeat 0 0; display: block; width: 18px; height: 15px;}
.job_jian {display: flex;justify-content: space-between; margin-bottom: 50px;}
.job_jian_right {padding-left: 50px;}
.job_jian_right h2 {font-size: 24px;color: #333333;}
.job_jian_right h3 {font-size: 15px;color: #666666;line-height: 30px;margin-top: 20px;;}
.job_jian_right h3 span {color: #116d62;}
.job_sel span.dz em{ background: url(../images/join-dz.png) no-repeat 0 0; display: block; width: 16px; height: 18px;}
.job_sel span.rs em{ background: url(../images/join-rs.png) no-repeat 0 0; display: block; width: 18px; height: 15px;}
.ny-title1{text-align: center;}
.ny-title1 h3{ font-size: 30px; color: #333; height: 40px; line-height: 40px;}
.ny-title1 h5{ font-size: 16px;color: #666;height: 20px; line-height: 20px; margin-top: 10px; text-transform: uppercase;}
.ny-contact .contact-cont{ margin-top: 40px;}
.ny-contact .contact-cont ul{ display: flex; justify-content: space-between;}
.ny-contact .contact-cont ul li{ width: 25%; text-align: center; position: relative;}
.ny-contact .contact-cont ul li .contact-img{ width:120px; height: 120px; background: url(../images/contact-iconbg.png) no-repeat; margin: 0 auto; display: flex;justify-content: center;align-items: center;}
.ny-contact .contact-cont ul li:after{ content: ""; position: absolute; width:200px; height: 1px; background: #dcdcdc; left: 72%; top: 50px;}
.ny-contact .contact-cont ul li:last-child:after{ display: none;}
.ny-contact .contact-cont ul li section{ margin-top: 20px;}
.ny-contact .contact-cont ul li section h4{font-size: 18px; font-weight: bold; color: #3e3a39;font-family:'PingFang';}
.ny-contact .contact-cont ul li section p{font-size: 15px; color: #3e3a39;font-family:'PingFang'; line-height: 24px; padding: 0 50px; margin-top: 10px;}
.ny-contact .contact-cont ul li:hover img{ transform: rotateY(360deg); transition: 0.5s all;}
.ny-contact .contact-cont ul li:last-child em{display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 0px; width: 120px; height: 120px; border: 10px #fff solid; overflow: hidden;}
.ny-contact .contact-cont ul li:last-child em img{ width: 100%; height: 100%;}
.ny-contact .contact-cont ul li:last-child:hover em{display: block;}
#map{width: 100%; height: 450px; margin-top: 40px;}

#page{ display: none;}
#sj-certify{ display:none;}
.sj-ny-product-nav{ display:none;}




@media screen and (max-width:1440px){
.wrapper{width:1280px;}
#banner,#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{width:100%; height:560px;}
.wrap-product{ height: 705px;}
#product .swiper-slide{ height: 330px;}
#product .swiper-slide .cp-img{ height: 260px;}
#product .swiper-button-next{ right: -58px;}
#product .swiper-button-prev{ left: -58px;}
#case .case-item .left{ width: 640px;height: 420px; }
#case .case-item .right h3{ margin-top: 30px;}
#case .case-item .right .case-more{ margin-top: 40px;}
#case .case-list ul li .case-img{ height: 230px;}
#news ul li .news-img{ height: 260px;}
.ny-product .cp-list ul li{ width: 31%;}
.ny-product .cp-list ul li .cp-img{ height: 260px;}
.ny-product .cp-list ul li span{ font-size: 16px;}






}


@media screen and (min-width: 751px) and (max-width: 1024px){
    
 html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}
#header{ display:none;}
#page{ display:block; position:fixed; z-index:99999; top:0;}
.pf{position:fixed}
.pr{position:relative}
.pa{position:absolute}
.hidden{overflow:hidden}

#sj-header{height:3.75rem; background:#fff; z-index:999; box-shadow:0 0 10px 0 #ccc;}
#sj-logo{left:0.75rem; top:0.75rem; height:2.25rem; overflow:hidden;}
#sj-logo img{width:auto;height:2.25rem;}
#sj-tel{top: 0.65rem;left: 6rem;font-size: 14px;font-weight: bold;color: #044f9a;background: url(../images/tel.png) no-repeat left center;background-size: 1.125rem; padding-left:1.65rem;}
#sj-tel em{ display:block;}

#nav-btn{right:1rem; top:1.125rem; width:1.875rem; height:1.375rem; background:url(../images/nav-btn.png) no-repeat center; background-size:80%; cursor:pointer;}
#nav-btn.close{width:1.75rem; height:1.75rem; background-image:url(../images/close.png); background-size:80%;}
#pho{ position:absolute;top:20px; right:60px; margin:0;font-size: 18px; padding: 0 20px 0 28px;}
#pho em{ width:22px;} 
#pho span{ width:18px;}
#sj-nav{left:0; right:0; top:3.75rem; margin-left:auto; margin-right:auto; padding:0 1rem; background:#fff; border-top:0.0625rem solid #e1e1e1; box-sizing:border-box; z-index:1000; overflow-y:auto; display:none;}
#sj-nav ul li{display:flex; flex-wrap:wrap; line-height:3rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:15px;}
#sj-nav ul li:last-child{border-bottom:none;}
#sj-nav ul li a{flex:auto;}
#sj-nav ul li a:hover{color:#3075dc;}
#sj-nav ul li em{width:1rem; height:3rem; margin-left:1rem; background:url(../images/add.png) no-repeat center; background-size:1rem 1rem; cursor:pointer;}
#sj-nav ul li em.del{background-image:url(../images/del.png);}
#sj-nav ul li ul{width:100%; display:none;}
#sj-nav ul li ul li:first-child{border-top:0.0625rem dashed #e1e1e1;}
#sj-nav ul li ul li a{padding:0; display:flex; justify-content:space-between;padding-left: 1.25rem;color: #666;}
#sj-nav ul li ul li a span{ width:4rem; height:3rem; text-align:center;}
#sj-nav ul li ul li a span img{ width:auto; height:100%;}
#sj-nav ul li ul li a h3{ flex:1; font-size:0.875rem; padding-left:1rem; }
.search{ width:100%; margin-top:20px;border: 1px #e5e5e5 solid;}
.search .search-cont{ display:flex; justify-content:space-between; align-items:center; height:40px; line-height:40px;}
.search .search-cont input{ width: auto; flex: 1; border:none;}
.search .search-cont button{background: url(../images/search.png) no-repeat center; width:40px; height:40px; text-align:center; border:none;}
.search .search-cont input::placeholder{ color: #999;}
#banner{ padding-top:3.75rem; height:23.75rem;}
#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:20rem;}
#banner .swiper-pagination{ bottom:10px;}
#banner .swiper-pagination-bullet{ width:8px; height:8px;}
#banner .swiper-pagination-bullet-active{ width:30px;}
.wrapper{ width:100%; padding:0 15px;}
.wrap-product{ height:auto; padding:40px 0;}
.title h4{ font-size:16px;}
.title h2{ font-size:24px;}
.title h2 em{ width:40px;}
#product-tab{ margin:30px 0 25px 0;}
#product-tab ul{gap:0 20px;}
#product-tab ul li{ width:48%;}
#product-tab ul li a{ width:100%;}
#product .swiper-container,#product .swiper-wrapper,#product .swiper-slide{height:auto;}
#product .swiper-slide .cp-img{ height:142px;}
#product .swiper-slide h4{ font-size:15px;}
#product .swiper-button-prev, #product .swiper-button-next{ width:18px; height:18px; background-color:unset;}
#product .swiper-button-prev{ left:-15px;}
#product .swiper-button-next{ right:-15px;}
.wrap-white{ padding:40px 0;}
#case{ margin-top:30px;}
#case .case-item .left{ width:45%; height:250px;}
#case .case-item .right{margin-left: 30px; width: 50%;}
#case .case-item .right h3{ font-size:18px; margin:20px 0 10px 0;}
#case .case-item .right em{margin: 20px 0; width: 25px; display:none;}
#case .case-item .right .case-more{ margin-top:25px;}
#case .case-item .right .case-more a{ width:100%; height:45px; line-height:45px;}
#case .case-list ul{gap:15px 20px;}
#case .case-list ul li{ width:23%; }
#case .case-list ul li .case-img{ height:110px;}
#case .case-list ul li section h4{ font-size:15px;}
#case .case-list ul li section span{ height:10px;margin: 5px 0;}
#case .case-list ul li section span em{ width:10px; height:10px;}
#case .case-list ul li section p{ font-size:14px;}
.wrap-about{ height:auto; padding:40px 0 200px 0;}
#about{ margin-top:15px;}
#about section p{ padding:0; font-size:15px; line-height:28px;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6;}
#about .about-more{ margin:25px auto; height:45px; line-height:45px;}
#news{ margin-top:30px;}
#news ul{gap:0 15px; }
#news ul li{ width:33%;}
#news ul li .news-img{ height:150px;}
#news ul li section h3{ font-size:16px;}
#news ul li section span{ font-size:14px;margin: 5px 0 10px 0;}
#news ul li section p{ font-size:14px; line-height:26px;}
#news .news-more{ margin:25px auto 0 auto;}
#news .news-more a{ width:100%; height:45px; line-height:45px;}
#footer{height:auto; background-size:cover;padding: 30px 0 10px 0;}
#footer .footer-top{ display:none;}
#footer .f-center{flex-direction: column;padding: 0 0 15px 0;text-align: center;}
#footer .f-center .f-contact span{font-size: 16px;margin-bottom: 15px;}
#footer .f-center .f-contact p{ font-size:14px; padding:3px 0;}
#footer .f-center .f-contact p.f-dx{background:none;}
#footer .f-center .f-contact p.f-yx{ background:none;}
#footer .f-center .f-contact p.f-dz{ background:none;}
#footer .f-center .f-ewm{margin: 10px auto;}
#footer .f-center .f-ewm img{ width:100px; height:100px;}
#copyright{font-size: 14px; line-height: 26px;padding-top: 15px;}

.ny-banner{ height:200px; margin-top:60px;}
.ny_banner_txt{ height:180px;}
.ny_banner_txt h2{ font-size:24px;}
.ny_banner_txt h3{ font-size:16px; margin-top:15px;}
.home-addr .home-dqwz{ font-size:14px;}
.home-addr{ height:50px; line-height:50px;}
.wrap-white.p1{ padding:30px 0;}
.ny-about{flex-direction: column;}
.ny-about .left-title{ width:100%; text-align:center;}
.ny-about .left-title h2{ font-size:24px;}
.ny-about .left-title em{ margin:12px auto;}
.ny-about .left-title h4{ font-size:14px;}
.ny-about .right{ width:100%; margin:15px 0;}
.ny-about .right p{ font-size:15px; line-height:28px;}
.ny-about-img{ margin-top:0;}
.ny-about-img ul{gap:15px 0;}
.ny-about-img ul li:nth-child(1){width:63%; height:auto; }
.ny-about-img ul li:nth-child(2){width:35%; height:auto; }
.ny-honor{ height:auto; padding:40px 0;}
.ny-title h2{ font-size:24px;}
.ny-title em{ margin:12px auto;}
.ny-title h4{ font-size:14px;}
#ny-zzry{ margin-top:30px;}
#ny-zzry .swiper-container{ margin:0 10px;}
#ny-zzry .swiper-container .swiper-slide{ padding:0;}
#ny-zzry .swiper-button-prev{ background-color:unset; width:40px; height:40px; left:-25px;}
#ny-zzry .swiper-button-next{ background-color:unset; width:40px; height:40px; right:-25px;}
#ny-zzry .swiper-container .swiper-slide .honor-img{ height:210px; padding:10px;}
#ny-zzry .swiper-container .swiper-slide span{ display:none;}
#certify{ display:none;}
#sj-certify{ display:block; position:relative; margin-top:30px;}
#sj-certify .swiper-container{ margin:0 10px;}
#sj-certify .swiper-button-prev{ left:-15px;} 
#sj-certify .swiper-button-next{ right:-15px;}
#sj-certify .swiper-button-prev:after{ font-size:20px; color:#666;}
#sj-certify .swiper-button-next:after{ font-size:20px; color:#666;}

#news-list ul li{ padding-bottom:20px;margin-top:20px;}
#news-list ul li section{ margin-left:15px; width:50%;}
#news-list ul li section h5{ display:none;}
#news-list ul li section p{line-height: 24px; margin-top: 5px; font-size: 14px;}
#news-list ul li section h3{height: 24px; line-height: 24px; font-size: 16px; margin-top:10px;}
#news-list ul li span{ width:200px; height:130px;}
#news-xq .right{ display:none;}
#news-xq{ display:block; margin-bottom:0;}
#news-xq .left{ width:100%; margin-right:0;}
#article-title{ font-size:22px; line-height:38px;}
#article-info{ font-size:14px;}
#article{margin-top: 25px; padding-top: 20px;}
#prev-next a{ font-size:15px;}
.ny-ywfw{flex-direction: column;}
.ny-ywfw .ywfw-left{ width:100%;padding-right: 0;}
.ny-ywfw .ywfw-left h4{ font-size:18px;}
.ny-ywfw .ywfw-left section p{ font-size:14px;line-height:24px;}
.ny-ywfw .ywfw-right{ width:100%; height:auto;}
.ny-product{ display:block;}
.ny-product .product-nav{ width:100%;}
.ny-product .product-nav .product-title{ display:none;}
.sj-ny-product-nav{ display:block; margin-bottom:30px;}
.ny-product-nav{display:none;}
.sj-ny-product-nav .sj-product-erji .sj-item{ display:none;}
.sj-ny-product-nav .sj-panel-yiji ul{ display:flex;gap:0 15px;}
.sj-ny-product-nav .sj-panel-yiji ul li { background:#f5f5f5;height:40px; line-height:40px;  width:50%;border-radius: 10px;}
.sj-ny-product-nav .sj-panel-yiji ul li a{ font-size:15px; display:block; text-align:center;}
.sj-ny-product-nav .sj-panel-yiji ul li.cur{ background:#0d9ecd;}
.sj-ny-product-nav .sj-panel-yiji ul li.cur a{ color:#fff;}
.sj-ny-product-nav .sj-product-erji .item{ display:none; margin-top:10px;}
.sj-ny-product-nav .sj-product-erji .item.current{ display:block;}
.sj-ny-product-nav .sj-product-erji .item ul{display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
.sj-ny-product-nav .sj-product-erji .item ul::-webkit-scrollbar{ display:none;}
.sj-ny-product-nav .sj-product-erji .item ul li{ height:40px; line-height:40px; font-size:15px;text-align: center;cursor: pointer; box-sizing: border-box; overflow: visible; }
.sj-ny-product-nav .sj-product-erji .item ul li a{ display:block;padding: 0 15px;}
.sj-ny-product-nav .sj-product-erji .item ul li.sel a{ color:#0d9ecd;}
.ny-product .right{ width:100%; margin-left:0;}
.ny-product .cp-list ul li{ width:31%;}
.ny-product .cp-list ul li .cp-img{ height:208px;}

#cpxq-lb{ width:345px;}
.cpxq-top .cpxq-text{ width:50%; margin-left:20px;margin-top: 0px}
#cpxq-lb{ height:345px;}
#cpxq-lb .swiper-slide{ height:345px;}
.cpxq-top .cpxq-text h3{ font-size:22px;}
.cpxq-top .cpxq-text em{ width:30px; margin:15px 0;}
.cpxq-top .cpxq-text section p{ font-size:14px; line-height:28px;}
.cpxq-jj{ margin-top:30px;}
.cpxq-jj .cpxq-title{height: 46px; line-height: 46px;  font-size: 18px;}
.cpxq-jj section{ padding:20px 0;}
.cpxq-jj section p img{ width:100%; height:auto;}
.ny-case ul li{ width:31%;}
.ny-case ul li .ny-case-img{ height:180px;}
.ny-case ul li section{ padding:12px;}
.ny-case ul li section h4{ font-size:16px; line-height:26px;}
.ny-case ul li section span{margin-top: 10px; font-size:14px;}
.job_list_title{ padding:0 10px;height: 46px; line-height: 46px;align-items: center;}
.job_list_title span{ font-size:14px;}
.job_sel span.dz em{ display:none;}
.job_sel span.rs em{ display:none}
.job_list_title span.gw{ line-height:18px;}
.job_xxnr .job-flex{display:block;margin:10px 0 30px 0;}
.job_xxnr section{ width:100%; padding:0; border:none;}
.job_xxnr section p span{ font-size:15px !important;}
.job_xxnr section div span{font-size:15px !important;}
.job_list_title span.dz em{ display:none;}
.job_list_title span.rs em{ display:none;}
.ny-title1 h3{ font-size:20px;}
.ny-title1 h5{ font-size:12px; margin-top:0;}
.ny-contact .contact-cont{ margin-top:30px;}
.ny-contact .contact-cont ul li{ width:33%;}
.ny-contact .contact-cont ul li .contact-img{ width:80px; height:80px;background-size: cover;}
.ny-contact .contact-cont ul li .contact-img img{ width:18px;}
.ny-contact .contact-cont ul li section{ flex:1; margin-top:10px;}
.ny-contact .contact-cont ul li section h4{ font-size:16px;}
.ny-contact .contact-cont ul li section p{ padding:0;}
.ny-contact .contact-cont ul li:after{top:38px; left:70%; width:155px;}
.ny-contact .contact-cont ul li:nth-child(3):after{ display:none;}
.ny-contact .contact-cont ul li:last-child { display:none;}
#map{ margin-top:30px; height:280px;}
   
    
    
    
    
    
    
}













@media (max-width:750px){
	
html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}
#header{ display:none;}
#page{ display:block; position:fixed; z-index:99999; top:0;}
.pf{position:fixed}
.pr{position:relative}
.pa{position:absolute}
.hidden{overflow:hidden}

#sj-header{height:3.75rem; background:#fff; z-index:999; box-shadow:0 0 10px 0 #ccc;}
#sj-logo{left:0.75rem; top:0.75rem; height:2.25rem; overflow:hidden;}
#sj-logo img{width:auto;height:2.25rem;}
#sj-tel{top: 0.65rem;left: 6rem;font-size: 14px;font-weight: bold;color: #044f9a;background: url(../images/tel.png) no-repeat left center;background-size: 1.125rem; padding-left:1.65rem;}
#sj-tel em{ display:block;}

#nav-btn{right:1rem; top:1.125rem; width:1.875rem; height:1.375rem; background:url(../images/nav-btn.png) no-repeat center; background-size:80%; cursor:pointer;}
#nav-btn.close{width:1.75rem; height:1.75rem; background-image:url(../images/close.png); background-size:80%;}
#pho{ position:absolute;top:20px; right:60px; margin:0;font-size: 18px; padding: 0 20px 0 28px;}
#pho em{ width:22px;} 
#pho span{ width:18px;}
#sj-nav{left:0; right:0; top:3.75rem; margin-left:auto; margin-right:auto; padding:0 1rem; background:#fff; border-top:0.0625rem solid #e1e1e1; box-sizing:border-box; z-index:1000; overflow-y:auto; display:none;}
#sj-nav ul li{display:flex; flex-wrap:wrap; line-height:3rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:15px;}
#sj-nav ul li:last-child{border-bottom:none;}
#sj-nav ul li a{flex:auto;}
#sj-nav ul li a:hover{color:#3075dc;}
#sj-nav ul li em{width:1rem; height:3rem; margin-left:1rem; background:url(../images/add.png) no-repeat center; background-size:1rem 1rem; cursor:pointer;}
#sj-nav ul li em.del{background-image:url(../images/del.png);}
#sj-nav ul li ul{width:100%; display:none;}
#sj-nav ul li ul li:first-child{border-top:0.0625rem dashed #e1e1e1;}
#sj-nav ul li ul li a{padding:0; display:flex; justify-content:space-between;padding-left: 1.25rem;color: #666;}
#sj-nav ul li ul li a span{ width:4rem; height:3rem; text-align:center;}
#sj-nav ul li ul li a span img{ width:auto; height:100%;}
#sj-nav ul li ul li a h3{ flex:1; font-size:0.875rem; padding-left:1rem; }
.search{ width:100%; margin-top:20px;border: 1px #e5e5e5 solid;}
.search .search-cont{ display:flex; justify-content:space-between; align-items:center; height:40px; line-height:40px;}
.search .search-cont input{ width: auto; flex: 1; border:none;}
.search .search-cont button{background: url(../images/search.png) no-repeat center; width:40px; height:40px; text-align:center; border:none;}
.search .search-cont input::placeholder{ color: #999;}
#banner{ padding-top:3.75rem; height:13.75rem;}
#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:10rem;}
#banner .swiper-pagination{ bottom:10px;}
#banner .swiper-pagination-bullet{ width:8px; height:8px;}
#banner .swiper-pagination-bullet-active{ width:30px;}
.wrapper{ width:100%; padding:0 15px;}
.wrap-product{ height:auto; padding:40px 0;}
.title h4{ font-size:16px;}
.title h2{ font-size:24px;}
.title h2 em{ width:40px;}
#product-tab{ margin:30px 0 25px 0;}
#product-tab ul{gap:0 20px;}
#product-tab ul li{ width:48%;}
#product-tab ul li a{ width:100%;}
#product .swiper-container,#product .swiper-wrapper,#product .swiper-slide{height:auto;}
#product .swiper-slide .cp-img{ height:142px;}
#product .swiper-slide h4{ font-size:15px;}
#product .swiper-button-prev, #product .swiper-button-next{ width:18px; height:18px; background-color:unset;}
#product .swiper-button-prev{ left:-15px;}
#product .swiper-button-next{ right:-15px;}
.wrap-white{ padding:40px 0;}
#case{ margin-top:30px;}
#case .case-item{flex-direction: column;}
#case .case-item .left{ width:100%; height:250px;}
#case .case-item .right{margin-left: 0; width: 100%;}
#case .case-item .right h3{ font-size:18px; margin:20px 0 10px 0;}
#case .case-item .right em{margin: 20px 0; width: 25px; display:none;}
#case .case-item .right .case-more{ margin-top:25px;}
#case .case-item .right .case-more a{ width:100%; height:45px; line-height:45px;}
#case .case-list ul{ flex-wrap:wrap;gap:15px 20px;}
#case .case-list ul li{ width:47%; }
#case .case-list ul li .case-img{ height:130px;}
#case .case-list ul li section h4{ font-size:15px;}
#case .case-list ul li section span{ height:10px;margin: 5px 0;}
#case .case-list ul li section span em{ width:10px; height:10px;}
#case .case-list ul li section p{ font-size:14px;}
.wrap-about{ height:auto; padding:40px 0 200px 0;}
#about{ margin-top:15px;}
#about section p{ padding:0; font-size:15px; line-height:28px;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6;}
#about .about-more{ margin:25px auto; height:45px; line-height:45px;}
#news{ margin-top:30px;}
#news ul{gap: 15px 0;  flex-wrap: wrap;}
#news ul li{ width:100%;}
#news ul li .news-img{ height:220px;}
#news ul li section h3{ font-size:16px;}
#news ul li section span{ font-size:14px;margin: 5px 0 10px 0;}
#news ul li section p{ font-size:14px; line-height:26px;}
#news .news-more{ width:100%; margin:25px auto 0 auto;}
#news .news-more a{ width:100%; height:45px; line-height:45px;}
#footer{height:auto; background-size:cover;padding: 30px 0 10px 0;}
#footer .footer-top{ display:none;}
#footer .f-center{flex-direction: column;padding: 0 0 15px 0;text-align: center;}
#footer .f-center .f-contact span{font-size: 16px;margin-bottom: 15px;}
#footer .f-center .f-contact p{ font-size:14px; padding:3px 0;}
#footer .f-center .f-contact p.f-dx{background:none;}
#footer .f-center .f-contact p.f-yx{ background:none;}
#footer .f-center .f-contact p.f-dz{ background:none;}
#footer .f-center .f-ewm{margin: 10px auto;}
#footer .f-center .f-ewm img{ width:100px; height:100px;}
#copyright{font-size: 14px; line-height: 26px;padding-top: 15px;}

.ny-banner{ height:180px; margin-top:60px;}
.ny_banner_txt{ height:180px;}
.ny_banner_txt h2{ font-size:24px;}
.ny_banner_txt h3{ font-size:16px; margin-top:15px;}
.home-addr .home-dqwz{ font-size:14px;}
.home-addr{ height:50px; line-height:50px;}
.wrap-white.p1{ padding:30px 0;}
.ny-about{flex-direction: column;}
.ny-about .left-title{ width:100%; text-align:center;}
.ny-about .left-title h2{ font-size:24px;}
.ny-about .left-title em{ margin:12px auto;}
.ny-about .left-title h4{ font-size:14px;}
.ny-about .right{ width:100%; margin:15px 0;}
.ny-about .right p{ font-size:15px; line-height:28px;}
.ny-about-img{ margin-top:0;}
.ny-about-img ul{flex-direction: column; gap:15px 0;}
.ny-about-img ul li:nth-child(1){width:100%; height:auto; }
.ny-about-img ul li:nth-child(2){width:100%; height:auto; }
.ny-honor{ height:auto; padding:40px 0;}
.ny-title h2{ font-size:24px;}
.ny-title em{ margin:12px auto;}
.ny-title h4{ font-size:14px;}
#ny-zzry{ margin-top:30px;}
#ny-zzry .swiper-container{ margin:0 10px;}
#ny-zzry .swiper-container .swiper-slide{ padding:0;}
#ny-zzry .swiper-button-prev{ background-color:unset; width:40px; height:40px; left:-25px;}
#ny-zzry .swiper-button-next{ background-color:unset; width:40px; height:40px; right:-25px;}
#ny-zzry .swiper-container .swiper-slide .honor-img{ height:210px; padding:10px;}
#ny-zzry .swiper-container .swiper-slide span{ display:none;}
#certify{ display:none;}
#sj-certify{ display:block; position:relative; margin-top:30px;}
#sj-certify .swiper-container{ margin:0 10px;}
#sj-certify .swiper-button-prev{ left:-15px;} 
#sj-certify .swiper-button-next{ right:-15px;}
#sj-certify .swiper-button-prev:after{ font-size:20px; color:#666;}
#sj-certify .swiper-button-next:after{ font-size:20px; color:#666;}

#news-list ul li{ padding-bottom:20px;margin-top:20px;}
#news-list ul li section{ margin-left:15px; width:50%;}
#news-list ul li section h5{ display:none;}
#news-list ul li section p{line-height: 24px; margin-top: 5px; font-size: 14px;}
#news-list ul li section h3{height: 24px; line-height: 24px; font-size: 16px; margin-top:10px;}
#news-list ul li span{ width:156px; height:100px;}
#news-xq .right{ display:none;}
#news-xq{ display:block; margin-bottom:0;}
#news-xq .left{ width:100%; margin-right:0;}
#article-title{ font-size:22px; line-height:38px;}
#article-info{ font-size:14px;}
#article{margin-top: 25px; padding-top: 20px;}
#prev-next a{ font-size:15px;}
.ny-ywfw{flex-direction: column;}
.ny-ywfw .ywfw-left{ width:100%;padding-right: 0;}
.ny-ywfw .ywfw-left h4{ font-size:18px;}
.ny-ywfw .ywfw-left section p{ font-size:14px;line-height:24px;}
.ny-ywfw .ywfw-right{ width:100%; height:auto;}
.ny-product{ display:block;}
.ny-product .product-nav{ width:100%;}
.ny-product .product-nav .product-title{ display:none;}
.sj-ny-product-nav{ display:block; margin-bottom:30px;}
.ny-product-nav{display:none;}
.sj-ny-product-nav .sj-product-erji .sj-item{ display:none;}
.sj-ny-product-nav .sj-panel-yiji ul{ display:flex;gap:0 15px;}
.sj-ny-product-nav .sj-panel-yiji ul li { background:#f5f5f5;height:40px; line-height:40px;  width:50%;border-radius: 10px;}
.sj-ny-product-nav .sj-panel-yiji ul li a{ font-size:15px; display:block; text-align:center;}
.sj-ny-product-nav .sj-panel-yiji ul li.cur{ background:#0d9ecd;}
.sj-ny-product-nav .sj-panel-yiji ul li.cur a{ color:#fff;}
.sj-ny-product-nav .sj-product-erji .item{ display:none; margin-top:10px;}
.sj-ny-product-nav .sj-product-erji .item.current{ display:block;}
.sj-ny-product-nav .sj-product-erji .item ul{display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
.sj-ny-product-nav .sj-product-erji .item ul::-webkit-scrollbar{ display:none;}
.sj-ny-product-nav .sj-product-erji .item ul li{ height:40px; line-height:40px; font-size:15px;text-align: center;cursor: pointer; box-sizing: border-box; overflow: visible; }
.sj-ny-product-nav .sj-product-erji .item ul li a{ display:block;padding: 0 15px;}
.sj-ny-product-nav .sj-product-erji .item ul li.sel a{ color:#0d9ecd;}
.ny-product .right{ width:100%; margin-left:0;}
.ny-product .cp-list ul li{ width:47%;}
.ny-product .cp-list ul li .cp-img{ height:142px;}
.cpxq-top{flex-direction: column;}
#cpxq-lb{ width:100%;}
.cpxq-top .cpxq-text{ width:100%; margin-left:0;margin-top: 20px}
#cpxq-lb{ height:345px;}
#cpxq-lb .swiper-slide{ height:345px;}
.cpxq-top .cpxq-text h3{ font-size:22px;}
.cpxq-top .cpxq-text em{ width:30px; margin:15px 0;}
.cpxq-top .cpxq-text section p{ font-size:14px; line-height:28px;}
.cpxq-jj{ margin-top:30px;}
.cpxq-jj .cpxq-title{height: 46px; line-height: 46px;  font-size: 18px;}
.cpxq-jj section{ padding:20px 0;}
.cpxq-jj section p img{ width:100%; height:auto;}
.ny-case ul li{ width:47%;}
.ny-case ul li .ny-case-img{ height:130px;}
.ny-case ul li section{ padding:12px;}
.ny-case ul li section h4{ font-size:16px; line-height:26px;}
.ny-case ul li section span{margin-top: 10px; font-size:14px;}
.job_list_title{ padding:0 10px;height: 46px; line-height: 46px;align-items: center;}
.job_list_title span{ font-size:14px;}
.job_sel span.dz em{ display:none;}
.job_sel span.rs em{ display:none}
.job_list_title span.gw{ line-height:18px;}
.job_xxnr .job-flex{display:block;margin:10px 0 30px 0;}
.job_xxnr section{ width:100%; padding:0; border:none;}
.job_xxnr section p span{ font-size:15px !important;}
.job_xxnr section div span{font-size:15px !important;}
.job_list_title span.dz em{ display:none;}
.job_list_title span.rs em{ display:none;}
.ny-title1 h3{ font-size:20px;}
.ny-title1 h5{ font-size:12px; margin-top:0;}
.ny-contact .contact-cont{ margin-top:30px;}
.ny-contact .contact-cont ul{ display:block;}
.ny-contact .contact-cont ul li{ width:100%;text-align: left;display: flex; align-items: center;}
.ny-contact .contact-cont ul li .contact-img{ width:80px; height:80px;background-size: cover;}
.ny-contact .contact-cont ul li .contact-img img{ width:18px;}
.ny-contact .contact-cont ul li section{ flex:1; margin-left:15px; margin-top:0;}
.ny-contact .contact-cont ul li section h4{ font-size:16px;}
.ny-contact .contact-cont ul li section p{ padding:0;}
.ny-contact .contact-cont ul li:after{ display:none;}
.ny-contact .contact-cont ul li:last-child { display:none;}
#map{ margin-top:30px; height:260px;}




}