/*全局样式*/ *{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:1280px;} .wrap-gray{padding:50px 0; background:#f0f2f5;} .wrap-white{padding:50px 0; background:#fff;} .wrap-white.p1{ padding: 60px 0;} /*头部样式*/ #header{position:sticky; top:0; z-index:99; height:70px; background:#fff; box-shadow:0 10px 10px -10px rgba(0,0,0,.08);} #header .wrapper{height:100%;} #logo img{width:152px; height:45px;} #nav{position:relative; height: 70px;} #nav > ul{} #nav > ul > li{text-align:center; display: inline-block; overflow: hidden;} #nav > ul > li:first-child{margin-left:0;} #nav > ul > li > a{display:block; height:70px; line-height:70px; font-size:15px; overflow:hidden; padding: 0 15px;} #nav > ul > li:hover > a{color:#007fff;} #nav > ul > li.current > a{color:#007fff; } #nav > ul > li.item .item-cont{ display: none; position: fixed;top: 70px; left: 0; width: 100%; height:100%; background:#fff; } #nav > ul > li.item .item-cont .item-bg{display: block; content: '';width: 100%; position: absolute;top: 0px; left: 0; background: #fff;border-top: 1px solid #ccc; transition: 0.3s; transform-origin: top; z-index:8; } #nav > ul > li.item .item-cont .dh-product{position:absolute;z-index: 999;display: flex; width: 1280px; left: 50%; transform: translateX(-50%); } #nav > ul > li.item .item-cont .dh-product .dh-product-left{ background: #f8f9fd; margin-top: 1px; width: 200px; display: flex;justify-content: end;padding-left: 41%; margin-left: -25%;} #nav > ul > li.item .item-cont .dh-product .dh-product-left .dh-product-left-box{ width: 180px;padding-top: 24px;padding-bottom: 24px; padding-right: 28px; display: flex; flex-direction: column; z-index:9; } #nav > ul > li.item .item-cont .dh-product .dh-product-left .dh-product-left-box a{ cursor: pointer; display: block; height: 36px; line-height: 36px; padding: 0 10px; width: 116px; margin-bottom: 20px; text-align: left; border-radius: 5px;} #nav > ul > li.item .item-cont .dh-product .dh-product-left .dh-product-left-box a.cur{ background: #e9f1fc; color: #007fff;} #nav > ul > li.item .item-cont .dh-product .dh-product-right{ width: 60%;} #nav > ul > li.item .item-cont .dh-product .dh-product-right .dh-product-right-content{ padding: 30px 50px 0 17%;display: none;} #nav > ul > li.item .item-cont .dh-product .dh-product-right .dh-product-right-content .dh-product-right-content-type{ margin-bottom: 30px; } #nav > ul > li.item .item-cont .dh-product .dh-product-right .dh-product-right-content .dh-product-right-content-type .dh-type-title{cursor: default; font-size: 18px; color: #333; text-align: left; margin-bottom: 10px;} #nav > ul > li.item .item-cont .dh-product .dh-product-right .dh-product-right-content .dh-product-right-content-type .dh-type-nr{ display: flex; flex-wrap: wrap; gap:0 20px;} #nav > ul > li.item .item-cont .dh-product .dh-product-right .dh-product-right-content .dh-product-right-content-type .dh-type-nr a{ width: 30%; display: flex; padding: 10px;} #nav > ul > li.item .item-cont .dh-product .dh-product-right .dh-product-right-content .dh-product-right-content-type .dh-type-nr a:hover{ background: #e9f1fc; border-radius: 5px;} #nav > ul > li.item .item-cont .dh-product .dh-product-right .dh-product-right-content .dh-product-right-content-type .dh-type-nr a .dh-type-nr-l img{ width:36px; height: 36px;} #nav > ul > li.item .item-cont .dh-product .dh-product-right .dh-product-right-content .dh-product-right-content-type .dh-type-nr a .dh-type-nr-r{ margin-left: 15px; text-align: left;} #nav > ul > li.item .item-cont .dh-product .dh-product-right .dh-product-right-content .dh-product-right-content-type .dh-type-nr a .dh-type-nr-r h5{ font-size: 15px; color:#333;} #nav > ul > li.item .item-cont .dh-product .dh-product-right .dh-product-right-content .dh-product-right-content-type .dh-type-nr a .dh-type-nr-r span{ font-size: 12px; color:#999;} #search{ height:36px; padding:0; width:180px; border:1px #e5e5e5 solid; border-radius:50px;overflow:hidden; } #search .weo-flex{align-items: center;} #search input{flex: 1; height:34px; line-height:34px; border:none; border-radius:0; font-size:14px; color:#464646;width: 145px; padding: 0 10px;} #search input::-moz-placeholder{color:#999;} #search input::-webkit-input-placeholder{color:#999;} #search input::-ms-input-placeholder{color:#999;} #search button{width:17px; height:17px; background:url(../images/search-icon.png) no-repeat; border:none; border-radius:0;} /*首页样式*/ #banner{width:100%; height:536px; overflow:hidden;} #banner .swiper-wrapper{height:536px;} #banner .swiper-slide{width:100%; height:536px;} #banner .swiper-slide img{width:100%; height:536px;} #banner .swiper-slide video{width:100%; height:536px;} #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{ text-align: center;} .title h3{ font-size: 20px; color: #666;} .title h2{ font-size: 30px; color: #333; margin-top: 10px;} #product{ margin-top: 70px;} #product-slide{ position: relative;} #product .swiper-container{ margin: 0 60px;} #product .swiper-container .swiper-slide{ padding: 20px; text-align: center; cursor: pointer;} #product .swiper-container .swiper-slide img{ width: 48px; height: 48px; margin: 0 auto;} #product .swiper-container .swiper-slide span{ display: block; font-size: 14px; color: #333; margin-top: 10px;} #product .swiper-container .swiper-slide.cur{ background: #f5f5f6; border-radius: 10px;} #product .swiper-container .swiper-slide.cur span{ font-weight: bold;} @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:0px; background-image:url(../images/left-jt.png);background-color:#f5f5f6;} #product .swiper-button-next{right:0px; background-image:url(../images/right-jt.png);background-color:#f5f5f6;} #product .swiper-button-prev:hover{background-color:#eee; transition:all 0.1s linear;background-image:url(../images/left-jt.png);} #product .swiper-button-next:hover{background-color:#eee; transition:all 0.1s linear;background-image:url(../images/right-jt.png);} #product .product-tabs{ margin-top: 50px; background-image: linear-gradient(to right, #f5f5f6 , #e9effe); border-radius: 20px;} #product .product-tabs .product-item{ display: none; padding: 20px;} #product .product-tabs .product-item .product-item-content{ display: flex; justify-content: space-between;} #product .product-tabs .product-item .product-item-content .left{ flex: 1; padding: 50px; display: flex; flex-direction: column; justify-content: center;} #product .product-tabs .product-item .product-item-content .left .product-item-title{ font-size: 22px; color: #333; line-height: 30px;} #product .product-tabs .product-item .product-item-content .left ul{ margin-top: 30px;} #product .product-tabs .product-item .product-item-content .left ul li{ font-size: 15px; color: #666; padding-left: 15px; margin-bottom: 15px; position: relative;} #product .product-tabs .product-item .product-item-content .left ul li:before{ content: ''; width: 6px; height: 6px; border-radius: 50px; background:#007fff; position: absolute; top: 8px; left: 0;} #product .product-tabs .product-item .product-item-content .left .cp-more{ margin-top: 40px;} #product .product-tabs .product-item .product-item-content .left .cp-more a{ display: block; width: 120px; height: 40px; text-align: center; line-height: 40px; color: #fff; background: #007fff; font-size: 14px;} #product .product-tabs .product-item .product-item-content .left .cp-more a:hover{ background: #59c8f8;} #product .product-tabs .product-item .product-item-content .right{ width: 665px;} #product .product-tabs .product-item .product-item-content .right img{ width: 100%;} .solution-wrap{ background: url(../images/jjfabg.jpg) no-repeat center 0; height: 620px; padding: 60px 0;} .solution-wrap .title h3{ color: #666;} .solution-wrap .title h2{ color: #333;} #solution{ margin-top: 50px;} #solution ul{ display: flex;gap:25px; flex-wrap: wrap;} #solution ul li{ width: 32%; background: #fff; border-radius: 20px; padding:50px 20px; } #solution ul li a{display: flex; align-items: center;} #solution ul li .left{ width: 68px; margin-right: 25px;} #solution ul li .left img{ width: 68px; height: 68px;} #solution ul li:hover .left img{ transform: rotateY(360deg); transition: 0.5s all;} #solution ul li .right{ flex: 1;} #solution ul li .right h4{ font-size: 24px; color:#333;} #solution ul li .right span{ font-size: 16px; color:#666; display: block; margin-top: 10px;} #about{ margin-top: 30px;} #about section p{ text-align: center; line-height: 30px; font-size: 16px; color: #666;} #about .about-number{ margin-top: 60px;} #about .about-number ul{ display: flex;justify-content: space-between;} #about .about-number ul li{ width: 33%; text-align: center;} #about .about-number ul li .about-icon{ width: 130px; height: 130px; border: 1px #d2d2d2 solid; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto;} #about .about-number ul li:hover .about-icon img{ transform: rotateY(360deg); transition: 0.5s all;} #about .about-number ul li section{ margin-top: 25px;} #about .about-number ul li section div{ font-size: 16px; color: #007fff;} #about .about-number ul li section .count{ font-size: 42px; font-weight: bold;font-family: arial;} #about .about-number ul li section i{font-size: 42px; font-weight: bold;} #about .about-number ul li section p{ font-size: 16px; color: #666;} .honor-wrap{background: url(../images/honor-bg.jpg) no-repeat center 0; height: 694px; padding: 60px 0;} #certify {position: relative;width: 1200px;margin: 40px auto 0 auto} #certify .swiper-container {padding-bottom: 60px;} #certify .swiper-slide {width: 330px;height: 460px;background: #fff; overflow: inherit!important; display: flex; flex-direction: column; align-items: center;} #certify .swiper-slide .top-div{ height: 400px; display: flex; align-items: center; padding-top: 20px;} #certify .swiper-slide img{display:block; max-height: 100%;} #certify .swiper-slide p {line-height: 55px;padding-top: 0;text-align: center;color: #636363;font-size: 18px;} #certify .swiper-button-prev:after,#certify .swiper-button-next:after{display:none;} #certify .swiper-button-prev {left: -50px;width: 50px;height: 50px;background:#fff url(../images/left-jt.png) no-repeat center;opacity: 1!important; border-radius: 50%;} #certify .swiper-button-next {right: -50px;width: 50px;height: 50px;background:#fff url(../images/right-jt.png) no-repeat center;opacity: 1!important; border-radius: 50%;} #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,.1);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{ margin-top: 40px;} #news ul{ display: flex;gap:0 40px;} #news ul li{ width: 33.3%;overflow: hidden; background: #f5f5f5;} #news ul li .news-img{ width: 100%; height: 260px; overflow: hidden; } #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 span{ font-size: 15px; color: #666; display: block; margin:0;} #news ul li section h3{ font-size: 18px; color: #333; line-height: 30px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 10px 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 section .more1{ font-size: 14px; text-align: left; color: #007fff; margin-top: 20px;} #news ul li:hover section h3{ color: #007fff;} #news ul li:hover section p{ color: #333;} #news ul li:hover section .more1{ text-decoration: underline;} #news .news-more{ width: 180px; margin: 40px auto 0 auto;} #news .news-more a{ width: 180px; height: 50px; line-height: 50px; text-align: center; display: block; color: #fff; font-size: 14px; background: #007fff;} #news .news-more a:hover{ background: #59c8f8; color: #fff;} #hzhb{ margin-top: 40px;} #hzhb ul{ display: flex; gap:16px; flex-wrap: wrap;} #hzhb ul li{width: 200px; height: 98px; border: 1px #e5e5e5 solid; border-radius: 10px; overflow: hidden;} #hzhb ul li img{ width: 100%; height: 100%;} #footer{ background: #20232a; padding: 50px 0 0 0;} #footer .footer-top{ display: flex; justify-content: space-between;} #footer .footer-top .left{ width: 800px;} #footer .footer-top .left ul{ display: flex; justify-content: space-between;} #footer .footer-top .left ul li{ width: 25%;} #footer .footer-top .left ul li span{ display: block; font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 10px;} #footer .footer-top .left ul li a{ display: block; font-size: 14px; color: #999; line-height: 30px;} #footer .footer-top .left ul li a:hover{ display: block; font-size: 14px; color: #fff;} #footer .footer-top .right{ flex: 1; display: flex; justify-content: flex-end;} #footer .footer-top .right .f-contact{ width: 170px; margin-right: 106px;} #footer .footer-top .right .f-contact .f-contact-pho{ background: url(../images/f-icon1.png) no-repeat 0 center; padding-left: 45px; line-height: 22px; margin-top: 10px;} #footer .footer-top .right .f-contact .f-contact-pho h5{ font-size:14px; color: #999;} #footer .footer-top .right .f-contact .f-contact-pho p{ font-size:18px; color: #fff; font-family: arial; font-weight: bold;} #footer .footer-top .right .f-contact .f-contact-yx{ background: url(../images/f-icon2.png) no-repeat 0 center; padding-left: 45px; line-height: 22px;} #footer .footer-top .right .f-contact .f-contact-yx h5{ font-size:14px; color: #999;} #footer .footer-top .right .f-contact .f-contact-yx p{ font-size:16px; color: #fff; font-family: arial; font-weight: bold;} #footer .footer-top .right .f-contact em{ display: block; margin: 30px 0; background: #2d3139; width: 20px; height: 3px; margin-left: 45px;} #footer .footer-top .right .f-ewm{ background: #2d3139; width: 138px; padding: 13px; text-align: center; height: 165px;} #footer .footer-top .right .f-ewm img{ width: 112px; height: 112px;} #footer .footer-top .right .f-ewm span{ display: block; color: #fff; margin-top: 10px;} #copyright{ border-top:1px #373940 solid ; padding: 20px 0; margin-top: 30px;} #copyright .wrapper{ display: flex; justify-content: space-between;} #copyright .wrapper .left{ flex: 1; color: #999; font-size: 14px;} #copyright .wrapper .left a{color: #999;} #copyright .wrapper .left a:hover{color: #fff;} #copyright .wrapper .right a{ width:200px; color: #999; font-size: 14px; text-align: right;} #copyright .wrapper .right a:hover{color: #fff;} /*内页样式开始*/ .ny-banner{ height: 480px;} .ny_banner_txt{display: flex; height: 480px;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); } .ny_banner_txt h3{ font-size: 18px;color: #fff;text-shadow: 0 3px 2px rgba(0,0,0,0.2);} .ny_banner_txt em{ display: block; width: 30px; height: 3px; margin: 30px 0; background: #fff;} .hei-banner-text h2{ color:#333;text-shadow: none; } .hei-banner-text h3{ color:#333;text-shadow: none;} .hei-banner-text em{ background:#0280ff;} .home{ background: #f5f5f5; height: 60px; line-height: 60px;} .home ul{ display: flex; justify-content: space-between;} .home ul li{ width: 80px; margin:0 auto; text-align: center;} .home ul li a{display: block; font-size: 16px; color: #333;} .home ul li.cur a{ color: #007fff; border-bottom:3px #007fff solid;} .ny-about{ padding: 60px 0;} .ny-about .wrapper{ display: flex; justify-content: space-between;} .ny-about .left{ width: 440px; height: 537px; overflow: hidden; border-radius: 10px; } .ny-about .left img{ width: 100%; height: 100%; transform:scale(1.0); transition: 0.5s all;} .ny-about .left:hover img{transform:scale(1.1); transition: 0.5s all;} .ny-about .right{ margin-top: 20px; flex: 1;margin-left: 50px;} .ny-about .right h3{ font-size: 30px; color: #333; font-weight: bold;} .ny-about .right em{ display: block; width: 30px; height: 3px; background: #007fff; margin: 20px 0;} .ny-about .right section p{ font-size: 16px; color: #666; line-height: 32px; text-indent: 32px;} .ny-about-number{ background: #f5f5f5; padding: 50px 0;} .ny-about-number ul{ display: flex; justify-content: space-between;} .ny-about-number ul li{ display: flex; justify-content: center;gap:0 20px; align-items: center; margin: 0 auto;} .ny-about-number ul li .img{ width: 100px; height: 100px; border-radius: 100%; border: 1px #d2d2d2 solid; display: flex;justify-content: center; align-items: center; background: #fff;} .ny-about-number ul li:hover .img img{ transform: rotateY(360deg); transition: 0.5s all;} .ny-about-number ul li .number-text{ flex: 1;} .ny-about-number ul li .number-text div{ font-size: 16px; color: #007fff;} .ny-about-number ul li .number-text .count{ font-weight: bold; font-size: 42px; } .ny-about-number ul li .number-text .count i{ font-size: 42px;} .ny-about-number ul li .number-text p{ font-size: 16px; margin-top: 5px; color: #666;} .ny-about-qywh{ background: url(../images/about-qywhbg.jpg) no-repeat center; height: 450px; padding: 60px 0;} .ny-about-qywh .qywh-title{ font-size: 36px; text-align: center; color:#fff; font-weight: bold;} .ny-about-qywh .qywh-list{ margin-top: 50px;} .ny-about-qywh .qywh-list ul{ display: flex; justify-content: space-between; gap:0 20px;} .ny-about-qywh .qywh-list ul li{ background: #fff; border-radius: 10px; height: 220px; width: 32%;padding: 30px;} .ny-about-qywh .qywh-list ul li .img{ height: 70px; display: flex; align-items: center;} .ny-about-qywh .qywh-list ul li span{ font-size: 24px; color: #333; display: block; margin-top: 10px;} .ny-about-qywh .qywh-list ul li p{ font-size: 16px; color: #666; margin-top: 10px;} .ny-about-qywh .qywh-list ul li:hover .img img{ transform: rotateY(360deg); transition: 0.5s all;} .ny-fzlc{ background: url(../images/fzlc-bg.jpg) no-repeat center bottom; height:670px; padding-top: 60px;} .ny-fzlc .fzlc-title{ text-align: center; font-size: 36px; color: #333;} .ny-fzlc .fzlc-cont{ margin-top: 30px;} .ny-fzlc .fzlc-cont ul{ display: flex; justify-content: space-between;} .ny-fzlc .fzlc-cont ul li{ width: 213px; text-align: center; padding: 0 25px;} .ny-fzlc .fzlc-cont ul li h3{ font-size: 24px; color: #333;} .ny-fzlc .fzlc-cont ul li em{ display: block; width: 20px; height: 20px; border: 3px #fff solid; background: #007fff; border-radius: 50px; margin: 15px auto;} .ny-fzlc .fzlc-cont ul li p{ font-size: 15px; line-height: 30px; color: #666;} .ny-fzlc .fzlc-cont ul li:nth-child(1){ margin-top: 136px;} .ny-fzlc .fzlc-cont ul li:nth-child(2){ margin-top: 183px;} .ny-fzlc .fzlc-cont ul li:nth-child(3){ margin-top: 171px;} .ny-fzlc .fzlc-cont ul li:nth-child(4){ margin-top: 93px;} .ny-fzlc .fzlc-cont ul li:nth-child(5){ margin-top: 99px;} .ny-fzlc .fzlc-cont ul li:nth-child(6){ margin-top: 0px;} .ny-honor{ background: url(../images/ny-ryzzbg.jpg) no-repeat center bottom; min-height: 892px; padding: 60px 0;} .ny-honor .ny-honor-title{ text-align: center; font-size: 36px; color: #333;} .ny-honor .ny-honor-cont{margin-top: 50px;} .ny-honor .ny-honor-cont ul{ display: flex; gap:30px 25px; flex-wrap: wrap;} .ny-honor .ny-honor-cont ul li{ width: 23%; } .ny-honor .ny-honor-cont ul li .pic{ width:100%; height: 230px; overflow: hidden;border: 5px #eee solid; padding: 10px; display: flex;justify-content: center; align-items: center; background: #fff;} .ny-honor .ny-honor-cont ul li .pic img{ max-height: 100%; max-height: 100%;transform: scale(1.0); transition: 0.5s all;} .ny-honor .ny-honor-cont ul li:hover .pic img{ transform: scale(1.1); transition: 0.5s all;} .ny-honor .ny-honor-cont ul li span{ display: block; font-size: 16px; margin: 10px 0; text-align: center; color: #666;} .ny-hzhb{ padding: 50px 0;} .ny-hzhb .ny-hzhb-title{ text-align: center; font-size: 36px; color: #333;} .ny-hzhb .ny-hzhb-cont{margin-top: 50px;} .ny-hzhb .ny-hzhb-cont ul{display: flex; gap:16px; flex-wrap: wrap;} .ny-hzhb .ny-hzhb-cont ul li{width: 200px; height: 98px; border: 1px #e5e5e5 solid; border-radius: 10px; overflow: hidden;} .ny-hzhb .ny-hzhb-cont ul li img{ width: 100%; height: 100%;} #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:#007fff; opacity:0; transition:all 0.3s linear;} #news-list ul li a{display:flex; align-items:center;} #news-list ul li span{width:360px; height:243px; overflow:hidden;} #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; } #news-list ul li section h3{height:30px; line-height:30px; font-size:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all 0.1s linear; color:#333; font-weight: bold; } #news-list ul li section p{line-height:30px; margin-top:15px; font-size:15px; color:#3e3a39;-webkit-line-clamp:2; color: #666; height: 60px;} #news-list ul li section h5{ margin-top:50px; color: #007fff; font-size:15px;} #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:#007fff; transition:all 0.1s linear;} #news-list ul li:hover section h5{text-decoration: underline;} #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: #007fff; color: #fff;} .digg .page-item:hover a{ color: #fff; cursor:pointer;} .digg .page-item a:active {background-color: #007fff;color:#fff;} .digg li.active { width: 36px;height: 36px;background-color: #007fff;color: #fff;text-decoration: none;} #news-xq{margin-bottom: 50px;} #article-title{line-height:44px; font-size:30px; text-align:center; color: #333;} #article-info{height:18px; line-height:18px; margin-top:10px; font-size:15px; text-align:center; 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 p{ font-family: "微软雅黑" !important;} #prev-next{ margin-top:44px;background: #eee; overflow:hidden; padding:20px; display: flex; justify-content: space-between;} #prev-next a{width:50%; 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:#007fff;} #prev-next a:nth-child(2){ text-align: right;} #news-xq .bot{ display: flex; justify-content: center; margin-top: 30px; } #news-xq .bot .shiyong{ cursor: default; width: 160px; height: 50px; line-height: 50px; background: #3399ff; color: #fff; text-align: center; font-size: 16px; border-radius: 10px; } .ny-case ul{ display: flex; gap:30px; flex-wrap: wrap;} .ny-case ul li{ width: 406px; } .ny-case ul li .ny-case-img{ width: 406px; height: 238px; overflow: hidden;} .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; background: #f5f5f5;} .ny-case ul li section h3{ font-size: 20px;line-height: 30px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 65px; color: #333;} .ny-case ul li section span{ font-size: 15px; color: #999; display: block; margin-top: 20px;} .ny-case ul li:hover h3{color: #007fff;} .ny-jrwm{ display: flex; justify-content: space-between;} .ny-jrwm .left{width:336px; height: 132px;} .ny-jrwm .right{ padding-left: 80px;} .ny-jrwm .right .gsmc-title{font-size: 24px; color:#333333;} .ny-jrwm .right p{ font-size: 15px; margin-top: 10px; line-height: 28px; } .ny-jrwm .right p span,.ny-jrwm .right p span a{ color: #007fff;} .job-tabs{ margin-top: 30px;} .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: 20px 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: #007fff;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-solution {margin-bottom:50px;} .ny-solution .catename{ width: 200px; height: 26px; font-weight: bolder; margin-bottom: 20px; font-size: 24px; color: #333; display: flex; align-items: center; } .ny-solution .catename span{ width:4px;height: 20px;background-color:#007fff;margin-right:10px;margin-top:2px;} .ny-solution ul{ display: flex;gap:25px; flex-wrap: wrap;} .ny-solution ul li{ width: 32%; background: #f5f5f5; border-radius: 20px; padding:50px 20px; } .ny-solution ul li a{display: flex; align-items: center;} .ny-solution ul li .left{ width: 68px; margin-right: 25px;} .ny-solution ul li .left img{ width: 68px; height: 68px;} .ny-solution ul li:hover .left img{ transform: rotateY(360deg); transition: 0.5s all;} .ny-solution ul li .right{ flex: 1;} .ny-solution ul li .right h4{ font-size: 24px; color:#333;} .ny-solution ul li .right span{ font-size: 16px; color:#666; display: block; margin-top: 10px;} .ny-contact-title{ font-size: 30px; color: #333; text-align: center;} .ny-contact-list{ margin-top: 40px;} .ny-contact-list ul{ display: flex; justify-content: space-between; gap:0 30px;} .ny-contact-list ul li{ background: #f5f5f5; padding: 30px; text-align: center; width: 32%;} .ny-contact-list ul li .img{ width: 70px; height: 70px; border: 1px #007fff solid; border-radius: 100%; display: flex;justify-content: center; align-items: center; margin: 0 auto;} .ny-contact-list ul li section span{ font-size: 18px; color: #333; display: block; margin: 20px 0 10px 0;} .ny-contact-list ul li section p{ font-size: 16px; color: #666; display: block; padding: 0 50px; line-height: 26px;} .ny-contact-list ul li:hover .img img{ transform: rotateY(365deg); transition: 0.5s all;} #map{width: 100%; margin-top: 40px; height: 400px;} #page{ display: none;} #sj-product{ display:none;} #sj-certify{ display:none;} @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.3125rem; 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%;} #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:12px 7px; 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; } #sj-nav ul li ul li ul li a{padding:0; display:flex; justify-content:space-between;padding-left: 2.5rem;color: #666;} #sj-nav ul li ul li ul li ul li a{padding:0; display:flex; justify-content: flex-start;padding-left: 3.75rem;color: #666;gap:0 10px;} #sj-nav ul li ul li ul li ul li a .dh-type-nr-l{ width:22px; display:flex;align-items:center;} #sj-nav ul li ul li ul li ul li a .dh-type-nr-r h5{ font-size:14px;} .search{ width:100%; margin-top:20px;border: 1px #e5e5e5 solid;padding:0 10px 0 0;} .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;height:40px; line-height:40px;} .search .search-cont button{background: url(../images/search-icon.png) no-repeat 0 0; width:17px; height:17px;border:none;} .search .search-cont input::placeholder{ color: #999;} #banner{ padding-top:3.75rem; height:21.75rem;} #banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:18rem;} #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-white{ padding:30px 0;} .title h3{ font-size:16px;} .title h2{ font-size:20px;} #product{display:none;} #sj-product{ display:block; margin:30px auto 0 auto; position:relative; padding-bottom:40px;} #sj-product .swiper-slide ul{ display:flex; flex-wrap:wrap; gap:40px 0;} #sj-product .swiper-slide ul li{width:25%; text-align:center} #sj-product .swiper-slide ul li img{ width:60px;} #sj-product .swiper-slide ul li span{ display:block; font-size:16px;} #sj-product .swiper-pagination{left:50%; bottom:0px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; gap:0 12px; width:auto;} #sj-product .swiper-pagination-bullet{width:10px; height:10px; margin:0; background:#e5e5e5; border-radius:20px; cursor:pointer; opacity:1;} #sj-product .swiper-pagination-bullet-active{background:#007fff;} .solution-wrap{ height:auto; padding:40px 0;background-size: cover;} #solution{ margin-top:30px;} #solution ul{ gap:20px;} #solution ul li{ width:31%; padding:20px;} #solution ul li a{flex-direction: column;text-align: center;} #solution ul li .left{width:46px; margin-right:0;} #solution ul li .left img{ width:46px; height:46px;} #solution ul li .right{ margin-top:10px;} #solution ul li .right h4{ font-size:18px;} #solution ul li .right span{font-size: 14px;margin-top: 5px;} #about{margin-top: 15px;} #about section p{ font-size:14px; line-height:28px;} #about .about-number{margin-top: 30px;} #about .about-number ul li .about-icon{ width:88px; height:88px;} #about .about-number ul li .about-icon img{ width:45px;} #about .about-number ul li section{ margin-top:10px;} #about .about-number ul li section div{ font-size:16px;} #about .about-number ul li section .count{ font-size:32px;} #about .about-number ul li section i{ font-size:20px;} #about .about-number ul li section p{ font-size:16px;} .honor-wrap{ height:auto; padding:40px 0;} #certify{ display:none;} #sj-certify{ display:block; margin-top:40px; position:relative;} #sj-certify .swiper-container{ margin:0 20px;} #sj-certify .swiper-container .swiper-slide{ background:#fff; padding:10px; border-radius:10px; overflow:hidden;} #sj-certify .swiper-container .swiper-slide .top-div{ width:100%; height:270px; display:flex; align-items:center; padding:10px;} #sj-certify .swiper-container .swiper-slide p{ font-size:16px; text-align:center; margin-top:10px; padding-bottom:10px;} #sj-certify .swiper-button-prev{ left:-10px;} #sj-certify .swiper-button-next:after, #sj-certify .swiper-button-prev:after{ font-size:20px; color:#666;} #sj-certify .swiper-button-next{right:-10px;} #news ul{ display:flex;gap: 0 10px;} #news ul li{ width:33%; margin-bottom:20px;} #news ul li .news-img{ height:132px;} #news ul li section span{ font-size:14px;} #news ul li section h3{ font-size:16px; line-height:24px;} #news ul li section p{font-size: 14px;line-height: 24px;-webkit-line-clamp: 2;} #hzhb ul{gap:10px;} #hzhb ul li{ width:15%; height:58px;} #footer{ padding:40px 0 0 0;} #footer .footer-top .left{ display:none;} #footer .footer-top .right{ width:100%;justify-content: space-between;} #footer .footer-top .right .f-contact{ width:50%; margin-right:0;} #footer .footer-top .right .f-contact .f-contact-pho{ margin-top:0; } #footer .footer-top .right .f-ewm span{ font-size:14px;} #copyright .wrapper{ line-height: 26px;} #copyright{padding: 15px 0; margin-top: 20px;} .ny-banner{ margin-top:60px; height:240px;} .ny_banner_txt{ height:240px;} .ny_banner_txt h2{ font-size:20px;} .ny_banner_txt em{ margin:10px 0;} .ny_banner_txt h3{ font-size:12px;} #article-title{ font-size:22px;} #article{margin-top: 15px; padding-top: 20px} .ny-solution .catename{ font-size:18px;} .ny-solution ul{gap:20px;} .ny-solution ul li{ width:47%; padding:20px 10px;} .ny-solution ul li a{flex-direction: column;} .ny-solution ul li .left{ margin-right:0; width:50px;} .ny-solution ul li .left img{ width:50px; height:50px;} .ny-solution ul li .right{ width:100%; margin-top:15px; text-align:center;} .ny-solution ul li .right h4{ font-size:16px;} .ny-solution ul li .right span{ font-size:14px;} #article img{ width:100%; height:auto;} #prev-next a:nth-child(2){ text-align:left;} .ny-case ul{gap:20px;} .ny-case ul li{ width:31%;} .ny-case ul li .ny-case-img{ width:100%;height: 135px} .ny-case ul li section{ padding:15px;} .ny-case ul li section h3{font-size: 16px; line-height: 26px;height: 55px;} .ny-case ul li section span{font-size: 14px;margin-top: 10px} #prev-next{ display:block;padding: 15px;} #prev-next a{width: 100%; height: 36px; line-height: 36px; font-size: 14px;} #news-list ul li{margin-top: 20px; padding-bottom: 20px} #news-list ul li section{ width:50%;margin-left: 20px;} #news-list ul li span{ width:152px; height:110px;} #news-list ul li section h5{ display:none;} #news-list ul li section h3{ font-size:16px;} #news-list ul li section h4{ margin-top:5px;} #news-list ul li section p{line-height: 24px; margin-top: 15px; font-size: 14px;height: 48px} .ny-jrwm .left{ display:none;} .ny-jrwm .right{ padding-left:0;} .ny-jrwm .right .gsmc-title{ font-size:20px;} .ny-jrwm .right p{font-size: 14px;line-height: 24px;} .job_list_title{ padding:0 10px;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_xxnr .job-flex{ display:block;} .job_xxnr section{ padding:0 10px; border:0; width:100%;} .job_xxnr section p{font-size: 14px; line-height: 28px;} .job_list_title span.dz em{ display:none;} .job_list_title span.rs em{ display:none;} .job_list_title span.gw{ line-height:18px;} .home ul li a{ font-size:16px;} .ny-about{ padding:40px 0; } .ny-about .wrapper{ display:block;} .ny-about .left{ width:100%; height:330px;} .ny-about .right{ width:100%; margin-left:0;} .ny-about .right h3{ font-size:22px;} .ny-about .right em{ margin:15px 0;} .ny-about .right section p{ font-size:14px; line-height:28px;} .ny-about-number{ padding:30px 0;} .ny-about-number ul li{flex-direction: column;} .ny-about-number ul li .img{ width:80px;height:80px;} .ny-about-number ul li .img img{ width:45px;} .ny-about-number ul li .number-text{ width:100%; margin-top:10px;text-align: center;} .ny-about-number ul li .number-text div{ font-size:14px;} .ny-about-number ul li .number-text .count{ font-size:24px;} .ny-about-number ul li .number-text p{ font-size:14px;} .ny-about-qywh{ padding:40px 0; height:auto;background-size: cover;} .ny-about-qywh .qywh-title{ font-size:28px;} .ny-about-qywh .qywh-list{margin-top: 35px;} .ny-about-qywh .qywh-list ul li{height:auto; width:100%;padding:10px; margin-bottom:10px;text-align: center;} .ny-about-qywh .qywh-list ul li .img{ width:40px;height:55px; margin:0 auto;} .ny-about-qywh .qywh-list ul li .img img{ width:40px;} .ny-about-qywh .qywh-list ul li span{ font-size:18px; margin-top:5px;} .ny-about-qywh .qywh-list ul li p{ font-size:14px;} .ny-fzlc{ padding:40px 0; height:auto; background:none;} .ny-fzlc .fzlc-title{ font-size:28px;} .ny-fzlc .fzlc-cont ul{flex-wrap: wrap;} .ny-fzlc .fzlc-cont ul li{width:100%;text-align: left; padding: 0 0 20px 25px; position:relative;} .ny-fzlc .fzlc-cont ul li:before{ content:''; position:absolute; width:1px; height:100%; background:#007fff; left:10px; top:8px;} .ny-fzlc .fzlc-cont ul li:nth-child(1){ margin-top:0;} .ny-fzlc .fzlc-cont ul li:nth-child(2){ margin-top:0;} .ny-fzlc .fzlc-cont ul li:nth-child(3){ margin-top:0;} .ny-fzlc .fzlc-cont ul li:nth-child(4){ margin-top:0;} .ny-fzlc .fzlc-cont ul li:nth-child(5){ margin-top:0;} .ny-fzlc .fzlc-cont ul li em{ display:none;} .ny-fzlc .fzlc-cont ul li h3{ font-size:20px;margin-bottom: 5px;position: relative;} .ny-fzlc .fzlc-cont ul li h3:before{ content:''; position:absolute; width:12px; height:12px; background:#007fff; border-radius:50px; left:-20px; top:8px;} .ny-honor{ padding:40px 0; height:auto;} .ny-honor .ny-honor-title{ font-size:28px;} .ny-honor .ny-honor-cont ul{gap:15px;} .ny-honor .ny-honor-cont ul li{ width:31%;} .ny-honor .ny-honor-cont ul li span{ font-size:16px;} .ny-hzhb .ny-hzhb-title{ font-size:28px;} .ny-hzhb .ny-hzhb-cont{ margin-top:30px;} .ny-hzhb .ny-hzhb-cont ul li{ width:23%; height:75px} .ny-contact-title{ font-size:22px;} .ny-contact-list ul li{padding: 20px;} .ny-contact-list ul li section p{ padding:0; font-size: 14px;line-height: 22px;} .ny-contact-list{ margin-top:30px;} #map{ height:240px;} .sj-ktsu{ padding-top:70px;} } @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.3125rem; 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%;} #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:12px 7px; 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; } #sj-nav ul li ul li ul li a{padding:0; display:flex; justify-content:space-between;padding-left: 2.5rem;color: #666;} #sj-nav ul li ul li ul li ul li a{padding:0; display:flex; justify-content: flex-start;padding-left: 3.75rem;color: #666;gap:0 10px;} #sj-nav ul li ul li ul li ul li a .dh-type-nr-l{ width:22px; display:flex;align-items:center;} #sj-nav ul li ul li ul li ul li a .dh-type-nr-r h5{ font-size:14px;} .search{ width:100%; margin-top:20px;border: 1px #e5e5e5 solid;padding:0 10px 0 0;} .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;height:40px; line-height:40px;} .search .search-cont button{background: url(../images/search-icon.png) no-repeat 0 0; width:17px; height:17px;border:none;} .search .search-cont input::placeholder{ color: #999;} #banner{ padding-top:3.75rem; height:12.75rem;} #banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:9rem;} #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-white{ padding:30px 0;} .title h3{ font-size:16px;} .title h2{ font-size:20px;} #product{display:none;} #sj-product{ display:block; margin:30px auto 0 auto; position:relative; padding-bottom:40px;} #sj-product .swiper-slide ul{ display:flex; flex-wrap:wrap; gap:40px 0;} #sj-product .swiper-slide ul li{width:25%; text-align:center} #sj-product .swiper-slide ul li img{ width:40px;} #sj-product .swiper-slide ul li span{ display:block; font-size:12px;} #sj-product .swiper-pagination{left:50%; bottom:0px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; gap:0 12px; width:auto;} #sj-product .swiper-pagination-bullet{width:10px; height:10px; margin:0; background:#e5e5e5; border-radius:20px; cursor:pointer; opacity:1;} #sj-product .swiper-pagination-bullet-active{background:#007fff;} .solution-wrap{ height:auto; padding:40px 0;background-size: cover;} #solution{ margin-top:30px;} #solution ul{ gap:20px;} #solution ul li{ width:47%; padding:20px;} #solution ul li a{flex-direction: column;text-align: center;} #solution ul li .left{width:46px; margin-right:0;} #solution ul li .left img{ width:46px; height:46px;} #solution ul li .right{ margin-top:10px;} #solution ul li .right h4{ font-size:18px;} #solution ul li .right span{font-size: 14px;margin-top: 5px;} #about{margin-top: 15px;} #about section p{ font-size:14px; line-height:28px;} #about .about-number{margin-top: 30px;} #about .about-number ul li .about-icon{ width:88px; height:88px;} #about .about-number ul li .about-icon img{ width:45px;} #about .about-number ul li section{ margin-top:10px;} #about .about-number ul li section div{ font-size:14px;} #about .about-number ul li section .count{ font-size:24px;} #about .about-number ul li section i{ font-size:14px;} #about .about-number ul li section p{ font-size:14px;} .honor-wrap{ height:auto; padding:40px 0;} #certify{ display:none;} #sj-certify{ display:block; margin-top:40px; position:relative;} #sj-certify .swiper-container{ margin:0 20px;} #sj-certify .swiper-container .swiper-slide{ background:#fff; padding:10px; border-radius:10px; overflow:hidden;} #sj-certify .swiper-container .swiper-slide .top-div{ width:100%; height:173px; display:flex; align-items:center;} #sj-certify .swiper-container .swiper-slide p{ font-size:14px; text-align:center; margin-top:10px;} #sj-certify .swiper-button-prev{ left:-10px;} #sj-certify .swiper-button-next:after, #sj-certify .swiper-button-prev:after{ font-size:20px; color:#666;} #sj-certify .swiper-button-next{right:-10px;} #news ul{ display:block;} #news ul li{ width:100%; margin-bottom:20px;} #news ul li .news-img{ height:186px;} #news ul li section span{ font-size:14px;} #news ul li section p{font-size: 14px;line-height: 24px;-webkit-line-clamp: 2;} #hzhb ul{gap:10px;} #hzhb ul li{ width:48%; height:80px;} #footer{ padding:40px 0 0 0;} #footer .footer-top .left{ display:none;} #footer .footer-top .right{ width:100%;flex-direction: column; justify-content:center} #footer .footer-top .right .f-contact{ width:100%; margin-right:0;} #footer .footer-top .right .f-contact em{ display:none;} #footer .footer-top .right .f-contact .f-contact-pho{ margin-top:0; text-align:center; background:none;padding-left: 0;} #footer .footer-top .right .f-contact .f-contact-yx{ margin-top:15px; text-align:center; background:none;padding-left: 0;} #footer .footer-top .right .f-ewm{ margin:15px auto 0 auto;} #footer .footer-top .right .f-ewm span{ font-size:14px;} #copyright .wrapper{ display:block;text-align: center;} #copyright{padding: 15px 0; margin-top: 20px;} .ny-banner{ margin-top:60px; height:150px;} .ny_banner_txt{ height:150px;} .ny_banner_txt h2{ font-size:20px;} .ny_banner_txt em{ margin:10px 0;} .ny_banner_txt h3{ font-size:12px;} #article-title{ font-size:22px;line-height: 36px;} #article{margin-top: 15px; padding-top: 20px} .ny-solution .catename{ font-size:18px;} .ny-solution ul{gap:20px;} .ny-solution ul li{ width:47%; padding:20px 10px;} .ny-solution ul li a{flex-direction: column;} .ny-solution ul li .left{ margin-right:0; width:50px;} .ny-solution ul li .left img{ width:50px; height:50px;} .ny-solution ul li .right{ width:100%; margin-top:15px; text-align:center;} .ny-solution ul li .right h4{ font-size:16px;} .ny-solution ul li .right span{ font-size:14px;} #article img{ width:100%; height:auto;} .ny-case ul{gap:20px;} .ny-case ul li{ width:47%;} .ny-case ul li .ny-case-img{ width:100%;height: 100px} .ny-case ul li section{ padding:15px;} .ny-case ul li section h3{font-size: 16px; line-height: 26px;height: 55px;} .ny-case ul li section span{font-size: 14px;margin-top: 10px} #prev-next{ display:block;padding: 15px;} #prev-next a{width: 100%; height: 36px; line-height: 36px; font-size: 14px;} #news-list ul li{margin-top: 20px; padding-bottom: 20px} #news-list ul li section{ width:50%;margin-left: 20px;} #news-list ul li span{ width:152px; height:110px;} #news-list ul li section h5{ display:none;} #news-list ul li section h3{ font-size:16px;} #news-list ul li section h4{ margin-top:5px;} #news-list ul li section p{line-height: 24px; margin-top: 15px; font-size: 14px;height: 48px} .ny-jrwm .left{ display:none;} .ny-jrwm .right{ padding-left:0;} .ny-jrwm .right .gsmc-title{ font-size:20px;} .ny-jrwm .right p{font-size: 14px;line-height: 24px;} .job_list_title{ padding:0 10px;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_xxnr .job-flex{ display:block;} .job_xxnr section{ padding:0 10px; border:0; width:100%;} .job_xxnr section p{font-size: 14px; line-height: 28px;} .job_list_title span.dz em{ display:none;} .job_list_title span.rs em{ display:none;} .job_list_title span.gw{ line-height:18px;} .home ul{display:flex; justify-content:flex-start; flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;} .home ul::-webkit-scrollbar{ display:none;} .home ul li{text-align: center;cursor: pointer; box-sizing: border-box; padding:0 10px;overflow: visible;} .home ul li a{ font-size:15px;} .ny-about{ padding:40px 0; } .ny-about .wrapper{ display:block;} .ny-about .left{ width:100%; height:230px;} .ny-about .right{ width:100%; margin-left:0;} .ny-about .right h3{ font-size:22px;} .ny-about .right em{ margin:15px 0;} .ny-about .right section p{ font-size:14px; line-height:28px;} .ny-about-number{ padding:30px 0;} .ny-about-number ul li{flex-direction: column;} .ny-about-number ul li .img{ width:80px;height:80px;} .ny-about-number ul li .img img{ width:45px;} .ny-about-number ul li .number-text{ width:100%; margin-top:10px;text-align: center;} .ny-about-number ul li .number-text div{ font-size:14px;} .ny-about-number ul li .number-text .count{ font-size:24px;} .ny-about-number ul li .number-text p{ font-size:14px;} .ny-about-qywh{ padding:40px 0; height:auto;background-size: cover;} .ny-about-qywh .qywh-title{ font-size:28px;} .ny-about-qywh .qywh-list{margin-top: 35px;} .ny-about-qywh .qywh-list ul{ display:block;} .ny-about-qywh .qywh-list ul li{height:auto; width:100%;padding:20px;display: flex; margin-bottom:10px;} .ny-about-qywh .qywh-list ul li .img{ width:55px;height:55px;} .ny-about-qywh .qywh-list ul li .img img{ width:40px;} .ny-about-qywh .qywh-list ul li span{ font-size:18px; margin-top:5px;} .ny-about-qywh .qywh-list ul li p{ font-size:14px;} .ny-fzlc{ padding:40px 0; height:auto; background:none;} .ny-fzlc .fzlc-title{ font-size:28px;} .ny-fzlc .fzlc-cont ul{flex-wrap: wrap;} .ny-fzlc .fzlc-cont ul li{width:100%;text-align: left; padding: 0 0 20px 25px; position:relative;} .ny-fzlc .fzlc-cont ul li:before{ content:''; position:absolute; width:1px; height:100%; background:#007fff; left:10px; top:8px;} .ny-fzlc .fzlc-cont ul li:nth-child(1){ margin-top:0;} .ny-fzlc .fzlc-cont ul li:nth-child(2){ margin-top:0;} .ny-fzlc .fzlc-cont ul li:nth-child(3){ margin-top:0;} .ny-fzlc .fzlc-cont ul li:nth-child(4){ margin-top:0;} .ny-fzlc .fzlc-cont ul li:nth-child(5){ margin-top:0;} .ny-fzlc .fzlc-cont ul li em{ display:none;} .ny-fzlc .fzlc-cont ul li h3{ font-size:20px;margin-bottom: 5px;position: relative;} .ny-fzlc .fzlc-cont ul li h3:before{ content:''; position:absolute; width:12px; height:12px; background:#007fff; border-radius:50px; left:-20px; top:8px;} .ny-honor{ padding:40px 0; height:auto;} .ny-honor .ny-honor-title{ font-size:28px;} .ny-honor .ny-honor-cont ul{gap:15px;} .ny-honor .ny-honor-cont ul li{ width:47%;} .ny-honor .ny-honor-cont ul li span{ font-size:15px;} .ny-hzhb .ny-hzhb-title{ font-size:28px;} .ny-hzhb .ny-hzhb-cont{ margin-top:30px;} .ny-hzhb .ny-hzhb-cont ul li{ width:47%; height:75px} .ny-contact-title{ font-size:22px;} .ny-contact-list ul{ display:block;} .ny-contact-list ul li{padding: 20px;width: 100%;display: flex; margin-bottom: 20px; align-items:center;} .ny-contact-list ul li .img{ width:60px; height:60px; margin:0;} .ny-contact-list ul li .img img{ width:20px;} .ny-contact-list ul li section{ flex:1;margin-left: 20px; text-align:left;} .ny-contact-list ul li section p{ padding:0; font-size: 14px;line-height: 22px;} .ny-contact-list ul li section span{ margin:0 0 10px 0;} .ny-contact-list{ margin-top:30px;} #map{ height:240px;} .sj-ktsu{ padding-top:70px;} }