/*全局样式*/ @font-face{ font-family:'HarmonyOS'; src:url("font/HarmonyOS_Sans_SC_Regular.ttf") format("truetype"); font-weight:normal; font-style:normal; } @font-face{ font-family:'HarmonyOS'; src:url("font/HarmonyOS_Sans_SC_Regular.ttf") format("truetype"); font-weight:normal; font-style:normal; } *{font-family:'HarmonyOS','Arial';} *:focus{outline:none;} html{overflow-x:hidden;} body,a{color:#222;} .empty{ display: block; background: url(img/empty.png) no-repeat center; width: 100%; height: 300px; } .wrapper{width:1400px;} /*头部样式*/ #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:134px; height:47px;} #nav > ul{display:flex;} #nav > ul > li{position:relative; height:90px; text-align:center; margin:0 20px;} #nav > ul > li > a{display:block; height:90px; line-height:90px; font-size:16px; overflow:hidden; padding: 0;font-family:'HarmonyOS';} #nav > ul > li:hover > a{color:#08583f; } #nav > ul > li.current > a{color:#08583f; } #nav > ul > li.current:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:3px; background:#08583f;} #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 10px; 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:#08583f; transition:all 0.2s linear;} #wechat{width:110px; line-height: 90px; margin-left:30px; background:url(../images/xcx-icon.png) no-repeat 0 center; cursor:pointer; transition:all 0.1s linear; padding-left: 30px;} .wechat-ewm{right:0; top:90px; z-index:98; display:none; height:120px; width:120px; padding:10px; background:rgba(255,255,255,.5); box-shadow:0 0 10px rgba(0,0,0,.08); overflow:hidden;} /*首页样式*/ #banner{width:100%; height:calc(100vh - 90px); overflow:hidden;} #banner .swiper-wrapper{height:100%;} #banner .swiper-slide{width:100%; height:100%; position: relative;} #banner .swiper-slide .box{width:100%; height:100%;background-size: 140% 140% !important;transition: all 2s;} #banner .swiper-slide-active .box{background-size: 100% 100% !important;transition: all 2s;} #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:14px; height:14px; margin:0; background:rgba(255,255,255,1); border-radius:20px; cursor:pointer; opacity:1;} #banner .swiper-pagination-bullet-active{background:#008f59;} .main-wrap{ background: url(../images/sy-mainbg.jpg) repeat; padding-bottom: 80px;} #about{ padding: 85px 0;} #about .about-title{ text-align: center; position: relative;} #about .about-title h3{ font-size: 26px; color: #d5b039;font-family:'HarmonyOS';} #about .about-title h2{ font-size: 48px; color: #fff; font-weight: bold;font-family:'HarmonyOS'; margin-top: 20px;} #about .about-title em{ position: absolute; top: -28px; left: 20%;} #about .about-video{ width: 100%; height: 570px; overflow: hidden; position: relative; margin-top: 40px; text-align:center;} #about .about-video video{width: 1200px; height: 570px;} /*#about .about-video .video-img{ width: 100%; height: 100%;position: relative;z-index: 22;}*/ /*#about .about-video .video-img:before{ content: ''; top: 20px; left: 20px;right:20px; bottom: 20px; border: 1px #cfd3d4 solid; position: absolute;}*/ /*#about .about-video .video-icon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 23;}*/ /*#about .about-video .video-icon img{ width:71px; height: 71px;transition: all .5s;}*/ /*#about .about-video:hover .video-icon img{ transform: rotate(90deg);transition: all .5s;}*/ #product .product-title{ text-align: center;} #product .product-title h3{ font-size: 26px; color: #d5b039;font-family:'HarmonyOS'; display: flex; justify-content: center; gap:0 10px; align-items: center;} #product .product-title h3 em{ display: block; width: 40px; height: 3px; background: #d5b039;} #product .product-title h2{ font-size: 48px; color: #fff; font-weight: bold;font-family:'HarmonyOS'; margin-top: 20px;} #product .gudz{ margin: 60px 0;} #product .gudz .title1{ display: flex; justify-content: space-between; align-items: center; border-bottom: 2px #d5b039 solid; padding-bottom: 15px; } #product .gudz .title1 span{ font-size: 36px;font-family:'HarmonyOS'; color: #fff;} #product .gudz .title1 a{font-size: 16px;font-family:'HarmonyOS'; color: #fff;} #product .gudz .title1 a:hover{ color: #d5b039;} #product .gudz .gudz-item{ margin-top: 20px; display: flex; justify-content: space-between;} #product .gudz .gudz-item .left{ width: 345px; height: 458px; overflow: hidden;z-index: 26;} #product .gudz .gudz-item .left img{ width: 100%; height: 100%;} #product .gudz .gudz-item .right{ flex: 1; position: relative; margin-top: 50px;z-index: 24; padding-top: 30px;} #product .gudz .gudz-item .right:after{ content: ''; top: 0; left: -50px; right: 0; bottom: -50px; background: #0a6649; position: absolute;} #product .gudz .gudz-item .right ul{ display: flex; position: relative; z-index: 25;} #product .gudz .gudz-item .right ul li{ width: 326px; margin-left:20px;} #product .gudz .gudz-item .right ul li .pc-img{ width: 326px; height: 196px; overflow: hidden;} #product .gudz .gudz-item .right ul li .pc-img img{width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} #product .gudz .gudz-item .right ul li:hover .pc-img img{ transform: scale(1.1); transition: 0.5s all;} #product .gudz .gudz-item .right ul li section{ padding: 20px 0;} #product .gudz .gudz-item .right ul li section h3{ font-size: 20px; color: #fff; font-weight: bold;font-family:'HarmonyOS';} #product .gudz .gudz-item .right ul li section p{font-size: 16px; color: #b9cbc4; line-height:28px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; font-family:'HarmonyOS'; height: 50px; margin: 10px 0;} #product .gudz .gudz-item .right ul li section span{ display: block; margin-top: 20px; font-size: 16px; color: #b9cbc4; } #product .gudz .gudz-item .right ul li:hover section h3{ color: #d5b039;} #product .gudz .gudz-item .right ul li:hover section p{ color: #fff;} #product .gudz .gudz-item .right ul li:hover section span{ color: #fff;} #product .ryxt{ margin: 100px 0 60px 0;} #product .ryxt .title1{ display: flex; justify-content: space-between; align-items: center; border-bottom: 2px #d5b039 solid; padding-bottom: 15px; } #product .ryxt .title1 span{ font-size: 36px;font-family:'HarmonyOS'; color: #fff;} #product .ryxt .title1 a{font-size: 16px;font-family:'HarmonyOS'; color: #fff;} #product .ryxt .title1 a:hover{ color: #d5b039;} #product .ryxt .ryxt-item{margin-top: 20px; display: flex; justify-content: space-between;} #product .ryxt .ryxt-item .left{ width: 50%;} #product .ryxt .ryxt-item .left:nth-child(2){margin-left:18px;} #product .ryxt .ryxt-item .left a{ display: flex; justify-content: space-between;} #product .ryxt .ryxt-item .left .left-img{width: 345px; height: 458px; overflow: hidden;} #product .ryxt .ryxt-item .left .left-img img{width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} #product .ryxt .ryxt-item .left a:hover .left-img img{transform: scale(1.1); transition: 0.5s all;} #product .ryxt .ryxt-item .left .left-txt{ background: #0a6649; flex: 1; padding:50px 30px 30px 30px;} #product .ryxt .ryxt-item .left .left-txt h3{ font-size: 20px; color: #fff; font-weight: bold;font-family:'HarmonyOS';} #product .ryxt .ryxt-item .left .left-txt p{font-size: 16px; color: #b9cbc4; line-height:28px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 9; font-family:'HarmonyOS'; margin: 10px 0;} #product .ryxt .ryxt-item .left .left-txt span{ display: block; margin-top: 20px; font-size: 16px; color: #b9cbc4; } #product .ryxt .ryxt-item .left a:hover .left-txt h3{ color: #d5b039;} #product .ryxt .ryxt-item .left a:hover .left-txt p{ color: #fff;} #product .ryxt .ryxt-item .left a:hover .left-txt span{ color: #fff;} .news-wrap{ background: #fff; padding: 80px 0;} .news-wrap .news-title{ display: flex; justify-content: space-between; align-items: center;} .news-wrap .news-title .left{ flex: 1;} .news-wrap .news-title .left h3{ font-size: 26px; color: #d5b039;font-family:'HarmonyOS'; } .news-wrap .news-title .left h2{ font-size: 48px; color: #222; font-weight: bold;font-family:'HarmonyOS'; margin-top: 10px;} .news-wrap .news-title .right{width: 560px;} .news-wrap .news-title .right ul{ display: flex; justify-content: end; gap:0 10px;} .news-wrap .news-title .right ul li{ width: 200px; background: #f5f5f5; height: 50px; line-height: 50px; text-align: center;} .news-wrap .news-title .right ul li a{ display: block; font-size: 16px; color: #666;} .news-wrap .news-title .right ul li.sel a{ display: block; font-size: 16px; color: #fff; background: #0a6649;} .news-wrap .news-title .right ul li:hover a{ display: block; font-size: 16px; color: #fff; background: #0a6649;} .news-wrap .news-tabs{ margin-top: 50px;} .news-wrap .news-tabs .news-item{ display: none;} .news-wrap .news-tabs .news-item ul{ display: flex; /*justify-content: space-between;*/ } .news-wrap .news-tabs .news-item ul li{ width:453px; margin-right:20px;} .news-wrap .news-tabs .news-item ul li:last-child{ margin-right:0px;} .news-wrap .news-tabs .news-item ul li .news-img{ width: 100%; height: 300px; overflow: hidden;} .news-wrap .news-tabs .news-item ul li .news-img img{width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} .news-wrap .news-tabs .news-item ul li:hover .news-img img{ transform: scale(1.1); transition: 0.5s all;} .news-wrap .news-tabs .news-item ul li section{ background: #f5f5f5; padding: 20px 20px 30px 20px;} .news-wrap .news-tabs .news-item ul li section h2{ font-size: 22px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .news-wrap .news-tabs .news-item ul li section span{font-size: 15px; color: #666; display: block; margin: 10px 0; } .news-wrap .news-tabs .news-item ul li section p{font-size: 15px; color: #666; line-height: 26px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; } .news-wrap .news-tabs .news-item ul li:hover section h2{ color: #08583f; } .news-wrap .news-tabs .news-item ul li:hover section p{color: #333;} #footer{ background: #08583f; padding-top: 60px;} #footer .top{ display: flex; justify-content: space-between;} #footer .top .left{ flex: 1;} #footer .top .left ul{ display: flex;} #footer .top .left ul li{ width: 170px;} #footer .top .left ul li h4{ font-size: 18px; color: #fff;} #footer .top .left ul li em{ display: block; width: 20px; height: 2px; background: #fff; margin: 20px 0;} #footer .top .left ul li a{ display: block; font-size: 14px; color: #fff; line-height: 28px;} #footer .top .left ul li a:hover{ color: #d5b039;} #footer .top .right{ width: 280px; display: flex; justify-content: space-between; gap:0 20px;} #footer .top .right .right-item{ width: 130px; overflow: hidden; text-align: center;} #footer .top .right .right-item img{ width: 120px; height: 120px;} #footer .top .right .right-item span{ display: block; font-size: 14px; color:#fff; margin-top: 10px;} #copyright{ margin-top: 30px; border-top: 1px #538a79 solid; padding: 30px 0; display: flex; justify-content: space-between;} #copyright span{ color: #fff; font-size: 14px;} #copyright span a{ color: #fff; font-size: 14px;} #copyright span a:hover{color: #d5b039;} #video-play{left:50%; top:50%; transform:translate(-50%,-50%); display:none; width:960px; height:540px;} #video-play i{position:absolute; right:-40px; top:-40px; width:30px; height:30px; background:url(../images/w-close.png) no-repeat center; cursor:pointer;} #video-play video{display:block; width:960px; height:540px;} #video-play video:focus{outline:none;} /*内页样式*/ .ny-banner{ height: 500px;} .ny-banner .ny_banner_txt{display: flex; height: 500px;justify-content: center;flex-direction: column; align-items: center; } .ny-banner .ny_banner_txt h2{ font-size: 40px; color: #fff;font-family:"HarmonyOS"; font-weight: bold;} .ny-banner .ny_banner_txt h3{ font-size: 18px;color: #fff;font-family:'HarmonyOS'; margin-top: 10px;text-transform:capitalize; } .mbx-wrap{ height: 60px; background: #f5f5f5;} .mbx-wrap .wrapper{ display: flex; justify-content: space-between; align-items: center; height: 60px;} .mbx-wrap .wrapper .left{ flex: 1;} .mbx-wrap .wrapper .left ul{ display: flex; gap:0 1px;} .mbx-wrap .wrapper .left ul li{height: 60px; line-height: 60px;} .mbx-wrap .wrapper .left ul li a{display: block; font-size: 16px; color: #333; padding: 0 30px;} .mbx-wrap .wrapper .left ul li a:hover{color: #fff; background:#08583f;} .mbx-wrap .wrapper .left ul li.sel a{display: block; font-size: 16px; color: #fff; padding: 0 30px; background:#08583f; } .mbx-wrap .wrapper .right{ width: 40%; display: flex; justify-content: flex-end; align-items: center;height: 60px; line-height: 60px; color: #666;} .mbx-wrap .wrapper .right em{ display: flex; height: 60px; align-items: center; margin-right: 5px;} .mbx-wrap .wrapper .right em img{ height: 15px;width: 15px;} .mbx-wrap .wrapper .right a{color: #666; margin: 0 3px;} .mbx-wrap .wrapper .right a:hover{color: #08583f;} .mbx-wrap .wrapper .right span{color: #08583f;margin: 0 3px;} .ny-about{ padding: 70px 0;} .ny-about .wrapper{ display: flex; justify-content: space-between; align-items: center;} .ny-about .left{ flex: 1; padding-right: 160px; } .ny-about .left h2{ font-size: 36px; font-weight: bold; color: #333;} .ny-about .left h3{ font-size: 24px; color: #08583f; margin-top: 10px;} .ny-about .left em{ display: block; width: 30px; height: 3px; background: #08583f; margin: 30px 0;} .ny-about .left p{ font-size: 16px; color: #333; line-height: 32px;} .ny-about .right{ width: 600px; position: relative;} .ny-about .right em{ width: 575px; height: 400px; position: absolute; top: 0; right: 0; background: #b2ddcd; z-index: 1;} .ny-about .right span{ display: block;width: 575px; height: 400px; overflow: hidden; margin: 30px 30px 0 0;z-index: 2; position: relative;} .ny-about .right span img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} .ny-about .right:hover span img{transform: scale(1.1); transition: 0.5s all;} .ny-hzjj{ background: #f5f5f5; padding: 70px 0;} .ny-hzjj .ny-hzjj-title{ text-align: center;} .ny-hzjj .ny-hzjj-title h2{font-size: 36px; font-weight: bold; color: #333;} .ny-hzjj .ny-hzjj-title h3{font-size: 24px; color: #08583f; margin-top: 10px;} .ny-hzjj .hxjj-list{ margin-top: 60px;} .ny-hzjj .hxjj-list ul li{ background: #fff; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;} .ny-hzjj .hxjj-list ul li .left{ width: 700px; height: 400px; overflow: hidden;} .ny-hzjj .hxjj-list ul li .left img{width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} .ny-hzjj .hxjj-list ul li:hover .left img{transform: scale(1.1); transition: 0.5s all;} .ny-hzjj .hxjj-list ul li .right{padding: 40px 60px; flex: 1;} .ny-hzjj .hxjj-list ul li .right h4{ font-size: 24px; font-weight: bold; color: #333;} .ny-hzjj .hxjj-list ul li .right em{display: block; width: 20px; height: 3px; background: #08583f; margin: 20px 0;} .ny-hzjj .hxjj-list ul li .right p{font-size: 16px; color: #333; line-height: 32px;} .ny-hzjj .hxjj-list ul li:nth-child(2n){flex-direction: row-reverse; } .ny-jzzz{ background: url(../images/jzzz-bg.jpg) no-repeat center 0; background-size: cover; height: 655px; padding: 100px 0;} .ny-jzzz .ny-jzzz-title h2{ text-align: center;font-size: 36px; font-weight: bold; color: #fff;} .ny-jzzz .ny-jzzz-list{ margin-top: 100px;} .ny-jzzz .ny-jzzz-list ul{ display: flex; justify-content: space-between;} .ny-jzzz .ny-jzzz-list ul li{ width: 25%; text-align: center;} .ny-jzzz .ny-jzzz-list ul li .jzzz-icon{ width: 100px; margin: 0 auto;} .ny-jzzz .ny-jzzz-list ul li .jzzz-icon img{ width: 100px; height: 100px;} .ny-jzzz .ny-jzzz-list ul li h4{font-size: 20px; color: #fff; margin: 20px 0; } .ny-jzzz .ny-jzzz-list ul li p{font-size: 16px; color: #fff; width: 65%; margin: 0 auto; line-height: 32px; } .ny-jzzz .ny-jzzz-list ul li:hover .jzzz-icon img{transform: rotateY(360deg); transition: 0.5s all;} .ny-jzg{ padding: 80px 0;} .ny-jzg .wrapper{ display: flex; justify-content: space-between; align-items: center;} .ny-jzg .left{ flex: 1; padding-right: 100px;} .ny-jzg .left h2{font-size: 36px; font-weight: bold; color: #333;} .ny-jzg .left section{ margin-top: 20px;} .ny-jzg .left section p{font-size: 16px; color: #333; line-height: 32px;} .ny-jzg .right{ width: 600px; height: 400px; overflow: hidden;} .ny-jzg .right img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} .ny-jzg .right:hover img{transform: scale(1.1); transition: 0.5s all;} #gsjj{ padding-top: 90px; margin-top: -90px;width: 100%; height: 1px;} #qyjzg{ padding-top: 90px; margin-top: -90px;width: 100%; height: 1px;} #yjzw{ padding-top: 90px; margin-top: -90px;width: 100%; height: 1px;} .ny-gydz{ background: url(../images/gudz-bg.jpg) no-repeat center 0; height: 800px; padding-top: 100px; background-size: cover;} .ny-gydz .wrapper{ position: relative; height: 100%;} .ny-gydz .wrapper .ny-gydz-list{ width: 500px; height: 338px; border-radius: 10px; background:rgba(255,255,255,0.8); padding:30px 40px;} .ny-gydz .wrapper .ny-gydz-list li{ display: none;} .ny-gydz .wrapper .ny-gydz-list li h3{ font-size: 32px; font-weight: bold; color: #333;} .ny-gydz .wrapper .ny-gydz-list li p{font-size: 16px; color: #333; line-height: 30px; margin-top: 10px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5;} .ny-gydz .wrapper .ny-gydz-list li a{ display: block; width: 160px; height: 50px; background: #b7932e; color: #fff; font-size: 16px; margin-top: 20px; text-align: center; line-height: 50px;} .ny-gydz .wrapper .ny-gydz-list li a:hover{ background: #08583f;} .ny-gydz .wrapper .ny-gydz-cont li{ position: absolute; cursor: pointer; font-size: 30px; color: #000; display: flex;align-items: center; justify-content: center;} .ny-gydz .wrapper .ny-gydz-cont li em{ font-size: 24px;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(1){ width: 200px; height: 170px; top: 60px; right: 550px;transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(2){ width: 200px; height: 170px; bottom:110px; right: 800px;transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(4){ width: 200px; height: 150px; top:100px; right: 270px;transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(3){ width: 200px; height: 150px; top:275px; right: 285px;transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(1):hover{ top: 55px; transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(2):hover{ bottom: 115px; transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(4):hover{ top: 95px; transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(3):hover{ top: 270px; transition: 0.3s all;} .ny-gsry{background: #fff; padding: 40px 0; } .ny-gsry-list ul{ display: flex; flex-wrap: wrap; gap:20px;} .ny-gsry-list ul li{ width: 453px;} .ny-gsry-list ul li .gsry-img{ width: 100%; height: 315px; overflow: hidden;} .ny-gsry-list ul li .gsry-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} .ny-gsry-list ul li:hover .gsry-img img{transform: scale(1.1); transition: 0.5s all;} .ny-gsry-list ul li section{ padding: 20px; background: #f5f5f5;} .ny-gsry-list ul li section h3{ font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .ny-gsry-list ul li section p{ font-size: 15px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px;} .ny-gsry-list ul li:hover section h3{color: #08583f; } #fanye{ text-align: center; margin:60px auto 30px auto;} #fanye ul{ display: flex; justify-content: center; gap:0 10px;} #fanye ul li{ width: 44px; height: 44px;text-align: center; line-height: 44px; } #fanye ul li a,#fanye ul li span{display: block; border: 1px #959595 solid;border-radius: 50px; overflow: hidden; width: 44px; height: 44px;} #fanye ul li span.previous{ background: url(../images/fy-jt1.png) no-repeat 13px 13px; display: block; width: 44px; height: 44px;} #fanye ul li span.next{ background: url(../images/fy-jt2.png) no-repeat center 13px; display: block;width: 44px; height: 44px;} #fanye ul li a:hover span.previous{ background:url(../images/fy-jt1-h.png) no-repeat 13px 13px; display: block; width: 44px; height: 44px;} #fanye ul li a:hover span.next{ background:url(../images/fy-jt2-h.png) no-repeat center 13px; display: block;width: 44px; height: 44px;} #fanye ul li a:hover{ border: 1px #08583f solid;background: #08583f;color: #fff;} #fanye ul li.active span{ background: #08583f; border: 1px #08583f solid; color: #fff;} .ny-xqry-list ul{ display: flex; flex-wrap: wrap; gap:20px;} .ny-xqry-list ul li{ width: 453px;} .ny-xqry-list ul li .xqry-img{ width: 100%; height: 315px; overflow: hidden;} .ny-xqry-list ul li .xqry-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} .ny-xqry-list ul li:hover .xqry-img img{transform: scale(1.1); transition: 0.5s all;} .ny-xqry-list ul li section{ padding: 20px; background: #f5f5f5;} .ny-xqry-list ul li section h3{ font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .ny-xqry-list ul li section p{ font-size: 15px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px;} .ny-xqry-list ul li:hover section h3{color: #08583f; } .ny-ncsc{ height: 800px;} .ny-ncsc .wrapper{ display: flex; justify-content:start; align-items: center;height: 800px;} .ny-ncsc .wrapper .cx-cont{ width: 500px; height: 380px; background: rgba(255,255,255,0.8); border-radius: 10px; padding: 30px 40px;} .ny-ncsc .wrapper .cx-cont h2{ font-size: 36px; font-weight: bold;color: #333;} .ny-ncsc .wrapper .cx-cont .cx-bq{ margin: 10px 0 20px 0; display: flex; gap:0 10px;} .ny-ncsc .wrapper .cx-cont .cx-bq span{ padding: 5px 15px; border:1px #08583f solid; color: #08583f; border-radius: 50px;} .ny-ncsc .wrapper .cx-cont .cx-list ul li{ font-size: 14px; line-height: 24px; display: flex; margin-bottom: 5px;} .ny-ncsc .wrapper .cx-cont .cx-list ul li em{ width: 72px; display: block; } .ny-ncsc .wrapper .cx-cont .cx-list ul li i{ flex: 1;} .ny-ncsc .wrapper .cx-cont .cx-more{ width: 160px; height: 50px; line-height: 50px; text-align: center; margin-top: 20px; } .ny-ncsc .wrapper .cx-cont .cx-more a{display:block;background: #b7932e; color: #fff; font-size: 16px;} .ny-ncsc .wrapper .cx-cont .cx-more a:hover{ background: #08583f;} .ny-ncsc-xq .wrapper{justify-content:end; } .ny-lpk-list ul{ display: flex; justify-content: space-between; gap:20px;flex-wrap: wrap;} .ny-lpk-list ul li{ width: 453px;} .ny-lpk-list ul li .lpk-img{ width: 453px; height: 315px; overflow: hidden; position: relative; border-radius: 10px;} .ny-lpk-list ul li .lpk-img img{ width: 100%; height: 100%;} .ny-lpk-list ul li .lpk-img .lpk-jj{ position: absolute; top: 315px; left: 0; right: 0; bottom: 0;border-radius: 10px; background: rgba(8,88,63,0.8); padding:30px 40px; transition: 0.5s all;} .ny-lpk-list ul li .lpk-img .lpk-jj p{ height:140px; overflow-y:auto;font-size: 16px; line-height: 28px; color: #fff;} .ny-lpk-list ul li .lpk-img .lpk-jj .lpk-ewm{display:flex;justify-content:end; margin-top:20px;} .ny-lpk-list ul li .lpk-img .lpk-jj .lpk-ewm img{ width:100px;height:100px; border-radius:10px;} .ny-lpk-list ul li h4{ text-align: center; font-size: 20px; color: #333; padding: 10px;} .ny-lpk-list ul li:hover .lpk-img .lpk-jj{ top: 0; transition: 0.5s all;} .ny-lpk-list ul li .lpk-img .lpk-jj p::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .ny-lpk-list ul li:hover .lpk-img .lpk-jj p::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .product-xq{ background: url(../images/sy-mainbg.jpg); width: 100%; height: 700px;} .product-xq .product-xq-mbx{ height: 60px; border-bottom: 1px #206651 solid; display: flex; align-items: center; color: #fff; font-size: 15px;} .product-xq .product-xq-mbx em{ display: block; margin-right: 5px;} .product-xq .product-xq-mbx a{ color: #fff; font-size: 15px; margin: 0 3px;} .product-xq .product-xq-mbx span{ color: #fff; font-size: 15px;margin: 0 3px;} .product-xq .product-tabs{ margin-top: 30px; display: flex; justify-content: space-between;} .product-xq .product-tabs .left{width:650px;} #cp-banner{width:650px; height:520px; overflow:hidden; border-radius: 5px;} #cp-banner .swiper-wrapper{height:520px;} #cp-banner .swiper-slide{width:100%; height:520px;} #cp-banner .swiper-slide img{width:100%; height:520px;} #cp-banner .swiper-slide video{width:100%; height:520px;} #cp-banner .swiper-pagination{left:50%; bottom:20px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; gap:0 12px; width:auto;} #cp-banner .swiper-pagination-bullet{width:15px; height:15px; margin:0; background:rgba(255,255,255,0.3); border-radius:20px; cursor:pointer; opacity:1;} #cp-banner .swiper-pagination-bullet-active{background:#fff;} .product-xq .product-tabs .right{ flex: 1; margin-left: 50px;} .product-xq .product-tabs .right h2{ font-size: 36px; font-weight: bold; color: #fff;} .product-xq .product-tabs .right .cp-bq{ margin: 15px 0; display: flex;gap:0 10px;} .product-xq .product-tabs .right .cp-bq span{ padding: 5px 15px; background: rgba(255,255,255,0.2); border-radius: 50px; font-size: 15px; color: #fff;} .product-xq .product-tabs .right .cptd{ margin-top: 20px;} .product-xq .product-tabs .right .cptd ul{ display: flex; justify-content: space-between; flex-wrap: wrap;gap:0 20px;} .product-xq .product-tabs .right .cptd ul li{ width: 48%; margin-bottom: 15px; } .product-xq .product-tabs .right .cptd ul li h5{ font-size: 18px; color: #d5b039;} .product-xq .product-tabs .right .cptd ul li section{ padding: 10px 0;} .product-xq .product-tabs .right .cptd ul li section p{font-size: 16px; color: #fff; line-height: 30px;} .product-xq .product-tabs .right .cptd ul li .xcx-buy{ width: 106px; height: 106px; margin-top: 10px;} .product-xq-item{ padding: 60px 0;} .product-xq-item .cpxq-title{ height: 60px; border-bottom: 1px #08583f solid;} .product-xq-item .cpxq-title span{display: block; width: 180px; height: 60px; line-height: 60px; text-align: center; background:#08583f;color: #fff; font-size: 20px;} .product-xq-item section{ padding: 20px 0;} .product-xq-item section p{ font-size: 16px;font-family:"HarmonyOS"!important; line-height: 32px;} .product-xq-item section em{display: block;background:#08583f;color: #fff; font-size:16px; width:106px; height: 36px; line-height: 36px; border-radius: 50px; text-align: center; margin: 20px 0 10px 0;} .product-xq-item section h3{ font-size: 24px; margin-top: 40px; color: #333;} .product-xq-item section .dbb{ margin-top: 20px;overflow-x: auto;} .product-xq-item section .dbb table{border-collapse: collapse; width: 100%;min-width: 500px;border: 1px solid #e0e0e0;} .product-xq-item section .dbb table th{ background: #e5f4ee;text-align: left; height: 60px; padding-left: 20px; font-size: 18px; font-weight: bold;border-left: 1px solid #e0e0e0;} .product-xq-item section .dbb table td{text-align: left; height: 60px; padding-left: 20px; font-size: 16px;border-bottom: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;} .product-xq-item section .dbb table tr{ background: #f5f5f5;} .product-xq-item section .dbb table tr:nth-child(even) { background: #fff; } .gsry-js{ margin-top: 20px; color: #fff; line-height: 30px; font-size: 16px;} .gsry-xcx{ margin-top: 30px;} .gsry-xcx h5{ font-size: 18px; color: #d5b039;} .gsry-xcx .xcx-buy{ width: 106px; height: 106px; margin-top: 10px;} .nynews-list ul li{ border: 1px #eee solid; padding: 20px; margin-bottom: 20px;} .nynews-list ul li a{ display: flex; justify-content: space-between; align-items: center;} .nynews-list ul li a .nynews-img{ width: 413px; height: 275px; overflow: hidden;} .nynews-list ul li a .nynews-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} .nynews-list ul li a:hover .nynews-img img{transform: scale(1.1); transition: 0.5s all;} .nynews-list ul li:hover{border: 1px #08583f solid;} .nynews-list ul li a section{flex: 1;width: 60%; margin-left: 50px;} .nynews-list ul li a section h3{ font-size: 24px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .nynews-list ul li a section .time{ font-size: 15px;color: #666; margin: 10px 0;} .nynews-list ul li a section p{font-size: 15px;color: #666;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 28px;} .nynews-list ul li a section .nynews-more{ width: 160px; height: 50px; line-height: 50px; text-align: center; display: flex; justify-content: center; align-items: center; gap:0 10px; color:#08583f; border: 1px #08583f solid; border-radius: 50px; margin-top: 30px;} .nynews-list ul li a section .nynews-more em{ background: url(../images/news-jt2.png) no-repeat 0 0; width: 24px; height: 24px;} .nynews-list ul li:hover a section h3{ color: #08583f;} .nynews-list ul li:hover a section p{ color: #333;} .nynews-list ul li:hover a section .nynews-more{ background: #08583f; color: #fff;} .nynews-list ul li:hover a section .nynews-more em{background: url(../images/news-jt1.png) no-repeat 0 0; } #news-xq{ margin-bottom: 50px;} #article-title{line-height:38px; font-size:30px; text-align:center; font-weight: bold; color: #333;} #article-info{height:18px; line-height:18px; margin-top:20px; font-size:15px; text-align:center; color:#999; overflow:hidden;} #article{line-height:32px; margin-top:30px; padding-top:30px; border-top:1px dashed #dcdcdc; font-size:16px; color:#333; } .article-fy{border-top:1px #e5e5e5 solid; margin-top:50px; padding-top: 50px; display: flex; justify-content: space-between;} #prev-next{ flex: 1; display: flex; flex-direction: column; width: 70%; } #prev-next a{ width: 80%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; font-size: 16px; color:#333; height: 40px; line-height: 40px;} #prev-next a:hover{ color: #08583f;} .article-fy .fh-syy{width: 160px;} .article-fy .fh-syy a{display: block;width: 160px; height: 50px; line-height: 50px; text-align: center; background: url(../images/fh-icon.png) no-repeat 40px center; border: 1px #08583f solid; border-radius: 50px; padding-left: 30px; color: #08583f;} .article-fy .fh-syy a:hover{ background:#08583f url(../images/fh-icon-h.png) no-repeat 40px center; color: #fff;} .contact-lxfs{ display: flex; justify-content: space-between; margin: 40px 0;} .contact-lxfs .left{ width: 480px;} .contact-lxfs .left h2{ font-size: 36px; font-weight: bold; color: #333;} .contact-lxfs .left span{ font-size: 24px;color: #08583f; display: block; margin-top: 10px;} .contact-lxfs .left ul{ margin-top: 50px;} .contact-lxfs .left ul li{ display: flex; gap:0 20px; margin-bottom: 30px; align-items:center;} .contact-lxfs .left ul li em{ display: block; width: 80px; height: 80px;} .contact-lxfs .left ul li em img{ width: 80px; height: 80px;} .contact-lxfs .left ul li section{flex: 1;} .contact-lxfs .left ul li section h4{ font-size: 20px; font-weight: bold; color: #333;} .contact-lxfs .left ul li section p{ font-size: 16px;color: #333; line-height: 26px; margin-top: 10px;} .contact-lxfs .right{ width: 800px; margin-top: 30px;} .contact-lxfs .right .sjmt-list ul{ display: flex;justify-content:end; gap:0 20px;} .contact-lxfs .right .sjmt-list ul li{ position: relative;} .contact-lxfs .right .sjmt-list ul li em{ width:42px; height: 42px;} .contact-lxfs .right .sjmt-list ul li span{display: none; position: absolute; top: 42px; background: url(../images/sjmt-iconbg.png) no-repeat 0 0; width: 135px; height: 141px; justify-content: center; align-items: center; left: -45px;} .contact-lxfs .right .sjmt-list ul li span img{ width: 110px; height: 110px;} .contact-lxfs .right .sjmt-list ul li:hover span{display: flex; z-index: 9896;} #map{ width: 100%; height: 450px; margin-top: 70px; z-index: 1;} .online-wrap{ background: #f5f5f5; padding: 70px 0;} .online-wrap .online-title{ text-align: center;} .online-wrap .online-title h2{ font-size: 36px; font-weight: bold; color: #333; margin-bottom: 15px;} .online-wrap .online-title p{ font-size: 16px; color: #666666; line-height: 28px;} .online-wrap .online-form{ margin-top: 50px;} .online-wrap .online-form ul{ display: flex; justify-content: space-between; flex-wrap: wrap; gap:20px;} .online-wrap .online-form ul li{ width: 32%;} .online-wrap .online-form ul li input{ width: 100%; height: 60px; background: #fff; border: none; padding: 0 20px; font-size: 16px;} .online-wrap .online-form ul li:nth-child(3){ display: flex; justify-content: space-between;} .online-wrap .online-form ul li:nth-child(3) input{ wdith:325px;} .online-wrap .online-form ul li:nth-child(3) em{ width: 156px; height: 60px;} .online-wrap .online-form ul li:nth-child(3) em img{height: 60px;} .online-wrap .online-form ul li:last-child{ width: 100%;} .online-wrap .online-form ul li:last-child textarea{ width: 100%; height:150px; padding: 20px; font-size: 16px; border: 0;} .online-wrap .online-form .online-bnt{ width: 260px; margin:30px auto 0 auto;} .online-wrap .online-form .online-bnt button{ width: 260px; height: 60px; background: #08583f; border: none; border-radius: 10px; color: #fff; font-size: 16px; cursor: pointer;} .gyl-tltle h2{ font-size: 36px; font-weight: bold; color:#333;} .gyl-tltle p{ font-size: 16px;color:#333; line-height: 30px; margin-top: 10px;} .gyl-list{ margin-top: 50px;} .gyl-list ul li{ display: flex; justify-content: space-between; margin-bottom: 20px; gap:0 60px; align-items: center;} .gyl-list ul li:nth-child(2n){flex-direction: row-reverse;} .gyl-list ul li .left{ width:680px; height: 360px; overflow: hidden;} .gyl-list ul li .left img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} .gyl-list ul li:hover .left img{ transform: scale(1.1); transition: 0.5s all;} .gyl-list ul li .right{ flex: 1;} .gyl-list ul li .right h3{ font-size: 24px; color: #333;} .gyl-list ul li .right section{ margin-top: 15px;} .gyl-list ul li .right section p{ font-size: 16px;color:#666; line-height: 30px; } .gyl-list ul li .right span{ font-size: 16px;color:#333; display: block; margin-top: 10px;} .gyl-list ul li .right section p b{color:#333;} .lylj-tab{ margin-top: 30px;} .lylj-tab h3{ font-size: 24px;color:#333;font-weight: bold; } .lylj-tab p{ font-size: 16px;color:#333; margin-top: 10px; } .lylj-tab ul{ display: flex; justify-content: space-between;gap:0 20px; margin-top: 30px;} .lylj-tab ul li{ width:453px;} .lylj-tab ul li .lylj-img{ width: 453px; height: 260px; overflow: hidden; position: relative;} .lylj-tab ul li .lylj-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} .lylj-tab ul li:hover .lylj-img img{ transform: scale(1.1); transition: 0.5s all;} .lylj-tab ul li .lylj-img em{ position: absolute; background: rgba(8,88,63,0.8); left:0; bottom:0; width: 120px; height: 74px; border-radius: 0 80px 0 0; text-align: center; line-height: 74px;font-size: 26px; color:#fff; padding-right: 10px;} .lylj-tab ul li span{ display: block; text-align: center; padding: 15px; font-size: 18px;} .cyst-tab{ margin-top: 30px;} .cyst-tab h3{ font-size: 24px;color:#333;font-weight: bold; } .cyst-tab p{ font-size: 16px;color:#333; margin-top: 10px; } .cyst-tab ul{ display: flex; justify-content: space-between;gap:0 20px; margin-top: 30px;} .cyst-tab ul li{ width:453px;} .cyst-tab ul li .cyst-img{width: 453px; height: 260px; overflow: hidden;} .cyst-tab ul li .cyst-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} .cyst-tab ul li:hover .cyst-img img{ transform: scale(1.1); transition: 0.5s all;} .cyst-tab ul li span{ display: block; text-align: center; padding: 15px; font-size: 18px; line-height: 32px;} .zlkz-title{ text-align: center;} .zlkz-title h2{ font-size: 36px; font-weight: bold; color: #333;} .zlkz-title span{ font-size: 24px; color: #08583f; display: block;margin-top: 15px;} .zlkz-cpyt{ margin-top: 50px; display: flex; justify-content: space-between;} .zlkz-cpyt .left{flex: 1; padding-right: 90px;} .zlkz-cpyt .right{ width:600px; height: 400px; overflow: hidden;} .zlkz-cpyt .right img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} .zlkz-cpyt .right:hover img{ transform: scale(1.1); transition: 0.5s all;} .zlkz-cpyt .left h3{ background:url(../images/title-bg.png) no-repeat 0 center; width: 158px; height: 49px; line-height: 49px; color: #fff; font-size: 24px; padding-left: 20px;} .zlkz-cpyt .left section{margin-top: 20px;} .zlkz-cpyt .left section p{ font-size: 16px; line-height: 30px;} .zlkz-cpyt .left ul{ margin-top: 40px; display: flex; justify-content: space-between;} .zlkz-cpyt .left ul li{ width: 33%; border-left: 1px #dcdcdc solid; text-align: center;} .zlkz-cpyt .left ul li:first-child{border-left: none;} .zlkz-cpyt .left ul li span{ font-size: 48px; color: #08583f; font-weight: bold;} .zlkz-cpyt .left ul li span i{ font-size: 18px; font-weight: normal;} .zlkz-cpyt .left ul li em{ display: block; text-align: center; font-size: 18px; color: #333;} .zlkz-zyjj{ margin-top: 30px;} .zlkz-zyjj h3{ background:url(../images/title-bg1.png) no-repeat 0 center; width: 242px; height: 49px; line-height: 49px; color: #fff; font-size: 24px; padding-left: 20px;} .zlkz-zyjj span{ font-size: 16px; margin-top: 20px; color: #333; display: block;} .zlkz-zyjj ul{ margin-top: 40px; display: flex; justify-content: space-between; gap:0 20px;} .zlkz-zyjj ul li{ width: 335px;} .zlkz-zyjj ul li .zlkz-zyjj-img{ width: 335px; height: 240px; overflow: hidden;} .zlkz-zyjj ul li .zlkz-zyjj-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} .zlkz-zyjj ul li:hover .zlkz-zyjj-img img{transform: scale(1.1); transition: 0.5s all;} .zlkz-zyjj ul li section{ padding: 20px 0;} .zlkz-zyjj ul li section h4{ font-size: 18px; color: #333;} .zlkz-zyjj ul li section p{ font-size: 14px; line-height: 24px; color: #666; margin-top: 10px;} .zlkz-number{ background: #f5f5f5; padding: 70px 0;} .zlkz-number-list{ margin-top: 60px;} .zlkz-number-list ul li{ display: flex; justify-content: space-between; margin-bottom: 20px; background: #fff; align-items: center;} .zlkz-number-list ul li:nth-child(2){flex-direction: row-reverse;} .zlkz-number-list ul li .left{ width: 700px; height: 400px; overflow: hidden;} .zlkz-number-list ul li .left img{ width: 100%; height: 100%; transform:scale(1.0); transition: 0.5s all;} .zlkz-number-list ul li:hover .left img{ transform:scale(1.1); transition: 0.5s all;} .zlkz-number-list ul li .right{ flex: 1; padding:0 30px;} .zlkz-number-list ul li .right h4{ font-size: 24px; font-weight: bold; color: #333;} .zlkz-number-list ul li .right span{ font-size: 16px; color: #666; margin-top: 10px; display: block;} .zlkz-number-list ul li .right section{ margin-top: 20px;} .zlkz-number-list ul li .right .item{ margin-bottom: 10px;} .zlkz-number-list ul li .right .item h5{ width: 100px; height: 30px; text-align: center; line-height: 30px; border-radius: 50px; background: #08583f; color: #fff; margin-bottom: 10px; font-size: 16px;} .zlkz-number-list ul li .right .item p{ font-size: 14px; color: #333; padding-left: 10px;} .zlkz-cxms{ padding: 70px 0;} .zlkz-title p{ font-size: 16px; margin-top: 15px;} .zlkz-cxms-jk{ margin-top: 60px;} .zlkz-cxms-jk h3{ font-size: 24px; color:#333; font-weight: bold;} .zlkz-cxms-jk p{ font-size: 16px; margin-top: 10px; color: #666;} .zlkz-cxms-jk ul{ display: flex; justify-content: space-between; gap:0 20px; margin-top: 40px;} .zlkz-cxms-jk ul li{ width: 453px; text-align: center;} .zlkz-cxms-jk ul li .cxms-jk-img{ width: 453px; height: 240px; overflow: hidden;} .zlkz-cxms-jk ul li .cxms-jk-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} .zlkz-cxms-jk ul li:hover .cxms-jk-img img{transform: scale(1.1); transition: 0.5s all;} .zlkz-cxms-jk ul li h5{ font-size: 18px; padding: 20px 0 10px 0 ;} .zlkz-cxms-jk ul li p{font-size: 14px; margin-top: 0px; color: #666;} .zlkz-cxms-app{ margin-top: 60px;} .zlkz-cxms-app h3{ font-size: 24px; color:#333; font-weight: bold;} .zlkz-cxms-app p{ font-size: 16px; margin-top: 10px;color: #666;} .zlkz-cxms-app .cxms-rllc{ margin-top: 40px;} .zlkz-cxms-app .cxms-rllc .rllc-title{ width: 100px; text-align: center; height: 30px; line-height: 30px; color: #fff; border-radius: 50px; background: #08583f; font-size: 16px;} .zlkz-cxms-app .cxms-rllc ul{ margin-top: 40px; display: flex; justify-content: space-between; align-items: center;} .zlkz-cxms-app .cxms-rllc ul li{ width: 20%; position: relative;} .zlkz-cxms-app .cxms-rllc ul li em{ display: block; width: 98px; height: 98px; background: #08583f; display: flex; justify-content: center; align-items: center; border-radius: 100%; margin: 0 auto;} .zlkz-cxms-app .cxms-rllc ul li:hover em img{transform: rotateY(360deg); transition: 0.5s all;} .zlkz-cxms-app .cxms-rllc ul li p{ text-align: center; font-size: 14px; line-height: 24px; padding: 0 20px; color: #333; height: 50px;} .zlkz-cxms-app .cxms-rllc ul li:before{content:'';position: absolute; width: 100%; height: 1px; background: #08583f; top: 49px; left: 60%;} .zlkz-cxms-app .cxms-rllc ul li:after{content:'';position: absolute; background:url(../images/rljt.png) no-repeat 0 0; width: 12px; height: 14px; top: 43px; right:0;} .zlkz-cxms-app .cxms-rllc ul li:nth-child(4):after{ display: none;} .zlkz-cxms-app .cxms-rllc ul li:nth-child(5):after{ display: none;} .zlkz-cxms-app .cxms-rllc ul li:nth-child(4):before{ width: 40%;} .zlkz-cxms-app .cxms-rllc ul li:nth-child(5):before{ height: 110px; background: none; border: 1px #08583f solid; border-right: none; left: 0; top: 40px; width: 20%;} .zlkz-cxms-app .cxms-rllc ul li:nth-child(5) .item{height: 80px; display: flex; justify-content: center; background: #08583f; margin-bottom: 30px; border-radius: 10px; margin-left: 50px; gap:0 10px; align-items: center; padding:0 20px;} .zlkz-cxms-app .cxms-rllc ul li:nth-child(5) .item em{ width:42px; height: 37px; display: block;} .zlkz-cxms-app .cxms-rllc ul li:nth-child(5) .item em img{width:42px; height: 37px;} .zlkz-cxms-app .cxms-rllc ul li:nth-child(5) .item1 em{ width:42px; height: 37px; display: block;} .zlkz-cxms-app .cxms-rllc ul li:nth-child(5) .item1 em img{ width: 37px; height: 37px;} .zlkz-cxms-app .cxms-rllc ul li:nth-child(5) .item p{ font-size: 14px; color: #fff; line-height: 24px; flex: 1; padding: 0; margin: 0;} .zlkz-cxms-app .cxms-rllc ul li:nth-child(5):hover em img{transform: rotateY(0deg); } .zlkz-cxms-app .cxms-rllc ul li:nth-child(5) .item:hover em img{transform: rotateY(360deg); transition: 0.5s all;} .zlkz-cxms-app .cxms-rlxy{ margin-top: 30px;} .zlkz-cxms-app .cxms-rlxy ul{ display: flex; justify-content: space-between; gap:0 20px;} .zlkz-cxms-app .cxms-rlxy ul li{ background: #e6eeeb; padding: 40px; width: 50%; border-radius: 10px;} .zlkz-cxms-app .cxms-rlxy ul li .rllc-title{width: 100px; text-align: center; height: 30px; line-height: 30px; color: #fff; border-radius: 50px; background: #08583f; font-size: 16px;} .zlkz-cxms-app .cxms-rlxy ul li section{ margin-top: 20px;} .zlkz-cxms-app .cxms-rlxy ul li p{ background:url(../images/cxms-dui.png) no-repeat 0 center; font-size: 16px; line-height: 30px; padding-left: 35px; color: #333;} .zlkz-hxys{ padding: 70px 0; background: #f5f5f5;} .zlkz-hxys .ddny{ margin-top: 50px;} .zlkz-hxys .ddny h3{ font-size: 24px; font-weight:bold; color: #333;} .zlkz-hxys .ddny span{ font-size: 16px; color: #666; display: block; margin-top: 15px;} .zlkz-hxys .ddny ul{ margin-top: 70px; display: flex; justify-content: space-between;} .zlkz-hxys .ddny ul li{ width: 33%; text-align: center;} .zlkz-hxys .ddny ul li .ddny-icon{ width: 105px; height: 105px; border-radius: 100%; border: 1px #08583f solid; margin: 0 auto; display: flex; justify-content: center; align-items: center;} .zlkz-hxys .ddny ul li:hover .ddny-icon{ transform: rotateY(360deg); transition: 0.5s all;} .zlkz-hxys .ddny ul li section{ margin-top: 25px;} .zlkz-hxys .ddny ul li section h4{ font-size: 18px;color:#333;} .zlkz-hxys .ddny ul li section p{ font-size: 14px;color:#666; margin-top: 15px; padding: 0 50px; line-height: 24px;} .zlkz-hxys .jhxgy{ margin-top: 50px;} .zlkz-hxys .jhxgy h3{ font-size: 24px; font-weight:bold; color: #333;} .zlkz-hxys .jhxgy span{ font-size: 16px; color: #666; display: block; margin-top: 15px;} .zlkz-hxys .jhxgy ul{ margin-top: 70px; display: flex; justify-content: space-between;} .zlkz-hxys .jhxgy ul li{ width: 33%; text-align: center;} .zlkz-hxys .jhxgy ul li .ddny-icon{ width: 105px; height: 105px; border-radius: 100%; border: 1px #08583f solid; margin: 0 auto; display: flex; justify-content: center; align-items: center;} .zlkz-hxys .jhxgy ul li:hover .ddny-icon{ transform: rotateY(360deg); transition: 0.5s all;} .zlkz-hxys .jhxgy ul li section{ margin-top: 25px;} .zlkz-hxys .jhxgy ul li section h4{ font-size: 18px;color:#333;} .zlkz-hxys .jhxgy ul li section p{ font-size: 14px;color:#666; margin-top: 15px; padding: 0 50px; line-height: 24px;} .zlkz-hxys .mmygy{ margin-top: 50px;} .zlkz-hxys .mmygy h3{ font-size: 24px; font-weight:bold; color: #333;} .zlkz-hxys .mmygy span{ font-size: 16px; color: #333; display: block; margin-top: 15px;} .zlkz-hxys .mmygy .mmygy-list{ margin-top: 40px; display: flex; justify-content: space-between; gap:0 30px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item{ width: 50%;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item h5{ width: 120px; height: 30px; text-align:center; line-height:30px;font-size: 16px; color: #fff; background: #08583f; border-radius: 50px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul{ margin-top: 25px; display: flex; gap:0 20px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul li{width: 210px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul li .mmygy-img1{ width: 210px; height: 180px; overflow: hidden;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul li .mmygy-img1 img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul li:hover .mmygy-img1 img{ transform: scale(1.1); transition: 0.5s all;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul li section{ margin-top: 15px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul li span{ font-size: 18px; color:#333;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul li p{ font-size: 14px; color:#666; line-height: 24px; margin-top: 10px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item1{ width: 50%;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item1 h5{ width: 120px; height: 30px; text-align:center; line-height:30px;font-size: 16px; color: #fff; background: #08583f; border-radius: 50px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item1 ul{ margin-top: 25px; display: flex; gap:0 20px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item1 ul li{ width:340px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item1 ul li .mmygy-img2{ width: 340px; height: 180px; overflow: hidden;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item1 ul li .mmygy-img2 img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item1 ul li:hover .mmygy-img2 img{ transform: scale(1.1); transition: 0.5s all;} .zlkz-quality{ padding: 70px 0;} .zlkz-quality .zlkz-quality-list{ margin-top: 40px;} .zlkz-quality .zlkz-quality-list ul li{ background: #f5f5f5; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;} .zlkz-quality .zlkz-quality-list ul li:nth-child(2n){flex-direction: row-reverse;} .zlkz-quality .zlkz-quality-list ul li .left{ width: 700px; height: 300px; overflow: hidden;} .zlkz-quality .zlkz-quality-list ul li .left img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} .zlkz-quality .zlkz-quality-list ul li:hover .left img{ transform: scale(1.1); transition: 0.5s all;} .zlkz-quality .zlkz-quality-list ul li .right{ padding:0px 40px; flex: 1;} .zlkz-quality .zlkz-quality-list ul li .right h3{ font-size: 24px; font-weight: bold;} .zlkz-quality .zlkz-quality-list ul li .right h3 span{ display: block;} .zlkz-quality .zlkz-quality-list ul li .right i{ display: block; width: 23px; height: 3px; background: #08583f; margin: 30px 0;} .zlkz-quality .zlkz-quality-list ul li .right section p{ font-size: 16px; line-height: 26px; margin-bottom: 10px; color: #333; display: flex; gao:0 5px;} .zlkz-quality .zlkz-quality-list ul li .right section p em{ display: block; white-space: nowrap; font-weight: bold;} .zlkz-quality .zlkz-quality-list ul li .right section p span{ display: block;flex: 1;} #page{ display: none;} .sj-ny-gydz-cont{ display: none;} /*自适应*/ @media screen and (max-width:1600px){ .wrapper{width:1300px;} #header{ height: 70px;} #logo img{width:100px; height: 35px; } #nav > ul > li{height:70px; } #nav > ul > li > a{height:70px; line-height:70px;} #banner,#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{width:100%; height:calc(100vh - 70px);} #banner .swiper-slide .box{height:100%;} #about{ padding: 50px 0;} #about .about-title{ text-align: center; position: relative;} #about .about-title h3{ font-size: 20px; color: #d5b039;font-family:'HarmonyOS';} #about .about-title h2{ font-size: 36px; color: #fff; font-weight: bold;font-family:'HarmonyOS'; margin-top: 10px;} #about .about-title em{ position: absolute; top: -20px; left: 20%; width: 50px; display: block;} #about .about-video{ margin-top:30px; height: 520px;} #about .about-video video{width: 1100px; height: 520px; margin:0 auto} #nav > ul > li ul{ top: 70px;} #wechat{line-height: 70px; } .wechat-ewm{ top: 70px;} #product .gudz .gudz-item .left{ width: 320px;height: 416px;} #product .gudz .gudz-item .right ul{} #product .gudz .gudz-item .right ul li{ width: 300px; margin-left:20px;} #product .gudz .gudz-item .right ul li .pc-img{ width: 300px; height: 180px;} #product .ryxt .ryxt-item .left .left-img{ width: 320px; height: 416px;} #product .ryxt .ryxt-item .left .left-txt{ padding: 40px 30px 30px 30px;} .news-wrap .news-tabs .news-item ul li{ width: 420px;} .news-wrap .news-tabs .news-item ul li .news-img{ height: 280px;} #product .product-title h3{ font-size: 20px;} #product .product-title h2{ font-size: 36px;} #product{ margin-top: 30px;} #product .gudz{ margin: 40px 0;} #product .gudz .title1 span{ font-size: 28px;} #product .gudz .gudz-item .right ul li section h3{ font-size: 18px;} #product .ryxt .ryxt-item .left .left-txt h3{ font-size: 18px;} .news-wrap .news-title .left h3{ font-size: 20px;} .news-wrap .news-title .left h2{ font-size: 36px;} .news-wrap .news-title .right ul li{ width: 150px;} .news-wrap .news-tabs .news-item ul li section h2{ font-size: 20px;} #product .gudz .gudz-item .right{ margin-top: 40px;} #product .gudz .gudz-item .right:after{ bottom: -40px;} .ny-about .right{ width: 570px;} .ny-about .right span{ width: 540px; height: 375px;} .ny-about .right em{ width: 540px; height: 375px;} .ny-hzjj .hxjj-list ul li .left{ width: 650px;} .ny-jzzz .ny-jzzz-list ul li p{width: 75%;} .ny-jzg .right{ width: 570px;height:380px ;} #gsjj{ padding-top: 70px; margin-top: -70px;width: 100%; height: 1px;} #qyjzg{ padding-top: 70px; margin-top: -70px;width: 100%; height: 1px;} #yjzw{ padding-top: 70px; margin-top: -70px;width: 100%; height: 1px;} .ny-gydz{ height: 720px;} .ny-gydz .wrapper .ny-gydz-cont li{ font-size: 24px;} .ny-gydz .wrapper .ny-gydz-cont li em{ font-size: 20px;} .ny-gydz .wrapper .ny-gydz-list{ width: 480px;} .ny-gydz .wrapper .ny-gydz-list li h3{ font-size: 28px;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(1){ width: 200px; height: 170px; top: 30px; right: 506px;transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(2){ width: 200px; height: 170px; bottom:106px; right: 706px;transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(4){ width: 200px; height: 150px; top:76px; right: 260px;transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(3){ width: 200px; height: 150px; top:230px; right: 275px;transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(1):hover{ top: 25px; transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(2):hover{ bottom: 114px; transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(4):hover{ top: 71px; transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(3):hover{ top: 225px; transition: 0.3s all;} .ny-gsry-list ul li{ width: 420px;} .ny-gsry-list ul li .gsry-img{ width: 100%; height: 292px; overflow: hidden;} .ny-xqry-list ul li{ width: 420px;} .ny-xqry-list ul li .xqry-img{ width: 100%; height: 292px; overflow: hidden;} .ny-ncsc{ height: 750px;} .ny-ncsc .wrapper{ height: 750px;} .ny-ncsc .wrapper .cx-cont{ width: 450px;} .ny-lpk-list ul li{ width: 420px;} .ny-lpk-list ul li .lpk-img{ width: 420px; height: 292px;} .product-xq .product-tabs .left{ width: 600px;} #cp-banner{width:600px; height:480px; overflow:hidden; border-radius: 5px;} #cp-banner .swiper-wrapper{height:480px;} #cp-banner .swiper-slide{width:100%; height:480px;} #cp-banner .swiper-slide img{width:100%; height:480px;} #cp-banner .swiper-slide video{width:100%; height:480px;} .product-xq{ height: 600px;} .product-xq .product-tabs .right h2{ font-size: 28px;} .product-xq .product-tabs .right .cp-bq{ margin: 10px 0;} .product-xq .product-tabs .right .cptd ul{gap:0 10px;} .product-xq .product-tabs .right .cptd ul li h5{ font-size: 18px;} .product-xq .product-tabs .right .cptd ul li section p{ font-size: 15px; line-height: 28px;} .product-xq .product-tabs .right .cptd ul li{ margin-bottom: 5px; width: 49%;} .product-xq .product-tabs .right .cptd ul li .xcx-buy{ width: 100px; height: 100px;} .product-xq .product-tabs .right{ margin-left: 40px;} .nynews-list ul li a .nynews-img{ width: 380px; height: 253px;} #article-title{ font-size: 28px;} .contact-lxfs .right{ width: 660px;} .contact-lxfs .left h2{ font-size: 30px;} .contact-lxfs .left span{ font-size: 20px;} .contact-lxfs .left ul li em{ width: 68px; height: 68px;} .contact-lxfs .left ul li em img{ width: 68px; height: 68px;} .contact-lxfs .left ul li section h4{ font-size: 18px;} .contact-lxfs .left ul li section p{ margin-top: 5px; font-size: 15px; line-height: 24px;} #map{ height: 370px;} .online-wrap .online-title h2{ font-size: 30px;} .gyl-list ul li .left{ width: 630px; height: 334px;} .lylj-tab ul li{ width: 420px;} .lylj-tab ul li .lylj-img{ width: 420px; height: 240px;} .lylj-tab ul li .lylj-img em{ font-size: 22px; height: 66px; line-height: 66px;} .lylj-tab ul li span{ font-size: 16px; line-height: 28px;} .cyst-tab ul li{ width: 420px;} .cyst-tab ul li .cyst-img{ width: 420px; height: 240px;} .cyst-tab ul li span{ font-size: 16px; line-height: 28px;} .zlkz-title h2{ font-size: 30px;} .zlkz-title span{ font-size: 20px;} .zlkz-cpyt .left h3{ font-size: 20px;width: 135px; height: 42px;line-height:42px;background-size: cover;} .zlkz-cpyt .left section p{ font-size: 15px;} .zlkz-cpyt .left ul li span{ font-size: 38px;} .zlkz-cpyt .left ul li span i{ font-size: 16px;} .zlkz-cpyt .left ul li em{ font-size: 16px;} .zlkz-cpyt .right{ height: 370px; width: 560px;} .zlkz-number-list ul li .right h4{ font-size: 20px;} .zlkz-zyjj h3{font-size: 20px;width: 210px; height: 42px; line-height:42px;background-size: cover;} .zlkz-zyjj ul li{width: 310px;} .zlkz-zyjj ul li .zlkz-zyjj-img{ width: 310px; height: 222px;} .zlkz-number-list ul li .left{ width: 650px; height: 342px;} .zlkz-cxms-jk ul li{ width: 420px;} .zlkz-cxms-jk ul li .cxms-jk-img{ width: 420px; height: 222px;} .zlkz-cxms-jk h3{ font-size: 20px;} .zlkz-cxms-app h3{ font-size: 20px;} .zlkz-hxys .ddny h3{ font-size: 20px;} .zlkz-hxys .jhxgy h3{ font-size: 20px;} .zlkz-hxys .mmygy h3{ font-size: 20px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul li{ width: 203px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul li .mmygy-img1{ width: 203px; height: 174px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item1 ul li{ width: 315px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item1 ul li .mmygy-img2{ width: 315px;height: 174px;} .zlkz-quality .zlkz-quality-list ul li .right h3{ font-size: 20px; line-height: 30px;} .zlkz-quality .zlkz-quality-list ul li .left{ width: 650px; height: 300px;} .ny-lpk-list ul li .lpk-img .lpk-jj{ font-size: 14px;padding: 20px 30px;} .ny-lpk-list ul li .lpk-img .lpk-jj p{height:116px;} } @media screen and (max-width:1440px){ #header{ height: 60px;} #logo img{width:100px; height: 35px; } #nav > ul > li{height:60px; } #nav > ul > li > a{height:60px; line-height:60px;} .wrapper{width:1200px;} #banner,#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{width:100%; height:calc(100vh - 60px);} #banner .swiper-slide .box{height:100%;} #about{ padding:50px 0 30px 0;} #about .about-title{ text-align: center; position: relative;} #about .about-title h3{ font-size: 16px; color: #d5b039;font-family:'HarmonyOS';} #about .about-title h2{ font-size: 30px; color: #fff; font-weight: bold;font-family:'HarmonyOS'; margin-top: 10px;} #about .about-title em{ position: absolute; top: -10px; left: 25%; width: 36px; display: block;} #about .about-video{ margin-top:20px; height: 420px;} #about .about-video video{width: 1000px; height: 420px; margin:0 auto;} #nav > ul > li ul{ top: 60px;} #wechat{line-height: 60px; } .wechat-ewm{ top: 60px;} #product{ margin-top: 30px;} #product .gudz{ margin: 30px 0;} #product .gudz .title1 span{ font-size: 24px;} #product .ryxt .title1 span{ font-size: 24px;} #product .product-title h3{ font-size: 16px;} #product .product-title h2{ font-size: 30px;} #product .gudz .gudz-item .left{ width: 300px; height: 400px;} #product .gudz .gudz-item .right ul{} #product .gudz .gudz-item .right ul li{ width: 278px; margin-left:15px;} #product .gudz .gudz-item .right ul li .pc-img{ width: 278px; height: 167px;} .news-wrap .news-tabs .news-item ul li{ width: 386px;} .news-wrap .news-tabs .news-item ul li .news-img{ height: 264px;} #product .gudz .gudz-item .right:after{ bottom: -30px;} #product .gudz .gudz-item .right{ margin-top: 30px;} #product .gudz .gudz-item .right ul li section h3{ font-size: 16px;} #product .ryxt .ryxt-item .left .left-txt h3{ font-size: 16px;} #product .ryxt .ryxt-item .left .left-img{ width: 300px; height: 400px;} .news-wrap .news-title .left h3{ font-size: 16px;} .news-wrap .news-title .left h2{ font-size: 30px;} .news-wrap .news-title .right ul li{ width: 130px;} .news-wrap .news-tabs .news-item ul li section h2{ font-size: 18px;} #footer .top .left ul li h4{ font-size: 16px;} #footer .top .right{ width: 240px;} #footer .top .right .right-item{ width: 100px;} #footer .top .right .right-item img{ width: 100px; height: 100px;} .ny-about .left{ padding-right: 120px;} .ny-about .left h2{ font-size: 28px;} .ny-about .left h3{ font-size: 20px;} .ny-about .left em{ margin: 20px 0;} .ny-hzjj .ny-hzjj-title h2{ font-size: 28px;} .ny-hzjj .ny-hzjj-title h3{ font-size: 20px;} .ny-hzjj .hxjj-list ul li .left{ width: 600px; height: 343px;} .ny-hzjj .hxjj-list ul li .right{ padding: 30px 40px;} .ny-hzjj .hxjj-list ul li .right h4{ font-size: 20px;} .ny-jzzz .ny-jzzz-title h2{font-size: 28px;} .ny-jzzz{ height: 570px; padding: 80px 0;} .ny-jzg .left h2{ font-size: 28px;} .ny-jzg .right{ width: 550px; height: 367px;} .ny-jzzz .ny-jzzz-list ul li h4{ font-size: 18px;} .ny-jzzz .ny-jzzz-list ul li .jzzz-icon img{ width: 90px; height: 90px;} #gsjj{ padding-top: 60px; margin-top: -60px;width: 100%; height: 1px;} #qyjzg{ padding-top: 60px; margin-top: -60px;width: 100%; height: 1px;} #yjzw{ padding-top: 60px; margin-top: -60px;width: 100%; height: 1px;} .ny-gydz{ height: 620px;} .ny-gydz .wrapper .ny-gydz-cont li{ font-size: 20px;} .ny-gydz .wrapper .ny-gydz-cont li em{ font-size: 18px;} .ny-gydz .wrapper .ny-gydz-list{ width: 400px; height: 300px; padding:30px;} .ny-gydz .wrapper .ny-gydz-list li h3{ font-size: 22px;} .ny-gydz .wrapper .ny-gydz-list li p{ font-size: 14px; line-height: 28px;} .ny-gydz .wrapper .ny-gydz-list li a{ width: 135px; height: 40px; font-size: 14px; line-height: 40px;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(1){ width: 150px; height: 130px; top: 22px; right: 486px;transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(2){ width: 160px; height: 120px; bottom:100px; right: 665px;transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(4){ width: 170px; height: 80px; top:76px; right: 260px;transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(3){ width: 170px; height: 100px; top:196px; right: 275px;transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(1):hover{ top: 18px; transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(2):hover{ bottom: 104px; transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(4):hover{ top: 72px; transition: 0.3s all;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(3):hover{ top: 192px; transition: 0.3s all;} .ny-gsry-list ul li{ width: 386px;} .ny-gsry-list ul li .gsry-img{ width: 100%; height: 268px; overflow: hidden;} .ny-xqry-list ul li{ width: 386px;} .ny-xqry-list ul li .xqry-img{ width: 100%; height: 268px; overflow: hidden;} .ny-ncsc{ height: 650px;} .ny-ncsc .wrapper{ height: 650px;} .ny-ncsc .wrapper .cx-cont{ width: 450px;} .ny-lpk-list ul li{ width: 386px;} .ny-lpk-list ul li .lpk-img{ width: 386px; height: 268px;} .ny-lpk-list ul li h4{ font-size: 18px;} .ny-lpk-list ul li .lpk-img .lpk-jj{ font-size: 14px;padding: 20px 30px;} .ny-lpk-list ul li .lpk-img .lpk-jj p{height:116px;} .product-xq .product-tabs .left{ width: 550px;} #cp-banner{width:550px; height:440px; overflow:hidden; border-radius: 5px;} #cp-banner .swiper-wrapper{height:440px;} #cp-banner .swiper-slide{width:100%; height:440px;} #cp-banner .swiper-slide img{width:100%; height:440px;} #cp-banner .swiper-slide video{width:100%; height:440px;} .product-xq{ height: 600px;} .product-xq .product-tabs .right h2{ font-size: 26px;} .product-xq .product-tabs .right .cp-bq{ margin: 10px 0;} .product-xq .product-tabs .right .cptd ul{gap:0 10px;} .product-xq .product-tabs .right .cptd ul li h5{ font-size: 16px;} .product-xq .product-tabs .right .cptd ul li section p{ font-size: 14px; line-height: 24px;} .product-xq .product-tabs .right .cptd ul li{ margin-bottom: 5px;width: 49%;} .product-xq .product-tabs .right .cptd ul li .xcx-buy{ width: 100px; height: 100px;} .product-xq .product-tabs .right{ margin-left: 40px;} .nynews-list ul li a .nynews-img{ width: 370px; height: 246px;} #article-title{ font-size: 24px;} .gyl-list ul li .left{ width: 580px; height: 307px;} .gyl-list ul li{gap:0 40px;} .lylj-tab ul li{ width: 386px;} .lylj-tab ul li .lylj-img{ width: 386px; height: 221px;} .lylj-tab ul li .lylj-img em{ font-size: 22px; height: 66px; line-height: 66px;} .lylj-tab ul li span{ font-size: 16px; line-height: 28px;} .cyst-tab ul li{ width: 386px;} .cyst-tab ul li .cyst-img{ width: 386px; height: 221px;} .cyst-tab ul li span{ font-size: 16px; line-height: 28px;} .zlkz-title h2{ font-size: 26px;} .zlkz-title span{ font-size: 18px;margin-top: 10px;} .zlkz-cpyt .left h3{ width: 120px; height: 37px; line-height: 37px;font-size: 18px;} .zlkz-cpyt .left ul{ margin-top: 30px;} .zlkz-cpyt .right{ height: 350px;} .zlkz-zyjj h3{ width: 190px; height: 37px; line-height: 37px;font-size: 18px;} .zlkz-zyjj ul{gap: 0 10px;} .zlkz-zyjj ul li{ width: 292px;} .zlkz-zyjj ul li .zlkz-zyjj-img{ width: 292px; height: 210px;} .zlkz-zyjj ul li section h4{ font-size: 16px;} .zlkz-title p{ font-size: 14px;} .zlkz-number-list ul li .left{width: 600px; height: 342px;} .zlkz-number-list ul li .right h4{ font-size: 18px;} .zlkz-number-list ul li .right .item h5{ font-size: 14px;} .zlkz-number-list ul li .right span{ font-size: 15px;} .zlkz-cxms-jk h3{ font-size: 18px;} .zlkz-cxms-jk ul{gap: 0 10px;} .zlkz-cxms-jk ul li{ width: 393px;} .zlkz-cxms-jk ul li .cxms-jk-img{ width: 393px; height: 208px;} .zlkz-cxms-jk ul li h5{ font-size: 16px;} .zlkz-cxms-app h3{ font-size: 18px;} .zlkz-cxms-app .cxms-rlxy ul li p{ font-size: 14px;line-height: 26px;background-size: 18px;padding-left: 30px;} .zlkz-hxys .ddny h3{ font-size: 18px;} .zlkz-hxys .ddny ul li section h4{ font-size: 16px;} .zlkz-hxys .ddny ul li section p{ margin-top: 10px;} .zlkz-hxys .ddny ul li .ddny-icon{width: 95px; height: 95px;} .zlkz-hxys .ddny ul li .ddny-icon img{ width: 35px;} .zlkz-hxys .jhxgy h3{ font-size: 18px;} .zlkz-hxys .jhxgy ul li .ddny-icon{width: 95px; height: 95px;} .zlkz-hxys .jhxgy ul li .ddny-icon img{ width: 35px;} .zlkz-hxys .jhxgy ul li section h4{ font-size: 16px;} .zlkz-hxys .mmygy h3{ font-size: 18px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul{gap: 0 10px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul li{ width: 193px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul li .mmygy-img1{ width: 193px; height: 165px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul li span{ font-size: 16px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item1 ul{gap: 0 10px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item1 ul li{ width: 295px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item1 ul li .mmygy-img2{ width: 295px;height: 165px;} .zlkz-quality .zlkz-quality-list ul li .right h3{ font-size: 18px;} .zlkz-quality .zlkz-quality-list ul li .right i{ margin: 20px 0;} .zlkz-quality .zlkz-quality-list ul li .right section p{ font-size: 14px;} .zlkz-quality .zlkz-quality-list ul li .left{ width: 600px; height: 300px;} .zlkz-cxms-app .cxms-rllc ul li em{ width: 90px; height: 90px;} .zlkz-cxms-app .cxms-rllc ul li em img{ height: 38px;} } @media screen and (min-width: 751px) and (max-width: 1180px){ 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:1rem; height:2.25rem; overflow:hidden;} #sj-logo img{width:auto;height:1.65rem;} #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%;} #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; } #banner{ padding-top:3.75rem; height:27.75rem;} #banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:24rem;} #banner .swiper-slide .box{ height:24rem;} #banner .swiper-slide .box .text{ height:24rem;} #banner .swiper-slide .box .text h2{ font-size: 24px;} #banner .swiper-slide .box .text em{ width: 25px; margin: 10px 0; height: 3px;} #banner .swiper-slide .box .text p{ font-size: 16px; line-height: 30px;} #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;} .main-wrap{ padding-bottom:35px;} #about .about-title h2{ font-size:28px;} #about .about-video{ height:332px;} #about .about-video video{ height:332px; width:80%;} #product .product-title h2{ font-size:28px;} #product .gudz .title1 span{ font-size:20px;} #product .gudz .title1 a{ font-size:14px;} #product .gudz .gudz-item .left{ display:none;} #product .gudz .gudz-item .right{ margin-top:0; width:100%; padding:15px;} #product .gudz .gudz-item .right:after{ left:0;bottom: 0px;} #product .gudz .gudz-item .right ul{gap:0 15px;} #product .gudz .gudz-item .right ul li{ width:100%; margin-left:0; overflow:hidden;} #product .gudz .gudz-item .right ul li .pc-img{ width:100%; height:135px;} #product .gudz .gudz-item .right ul li section p{ font-size:14px; line-height:26px;} #product .gudz .gudz-item .right ul li section span{ font-size:14px;} #product .ryxt{ margin:40px 0;} #product .ryxt .title1 span{ font-size:20px;} #product .ryxt .title1 a{ font-size:14px;} #product .ryxt .ryxt-item .left .left-img{ width:200px; height:260px;} #product .ryxt .ryxt-item .left .left-txt{ padding:15px;} #product .ryxt .ryxt-item .left .left-txt p{ font-size:14px;line-height:26px;-webkit-line-clamp: 6;} #product .ryxt .ryxt-item .left .left-txt span{ font-size:14px;} .news-wrap{ padding:40px 0;} .news-wrap .news-title .right{ width:350px;} .news-wrap .news-title .left h2{ font-size:28px;} .news-wrap .news-title .right ul li{ width:100px;} .news-wrap .news-tabs{margin-top:30px;} .news-wrap .news-tabs .news-item ul{gap:0 15px;} .news-wrap .news-tabs .news-item ul li{ width:32%;margin-right: 0;} .news-wrap .news-tabs .news-item ul li .news-img{ height:155px;} .news-wrap .news-tabs .news-item ul li section{ padding:15px;} .news-wrap .news-tabs .news-item ul li section h2{ font-size:16px;} .news-wrap .news-tabs .news-item ul li section span{ font-size:14px; margin:8px 0} .news-wrap .news-tabs .news-item ul li section p{ font-size:14px;} #footer{ padding-top:40px;} #footer .top .left{ width:60%;} #footer .top .right{ width:220px;} #footer .top .left ul li{ width:20%;} .ny-banner{ margin-top:3.75rem; height:220px;} .ny-banner .ny_banner_txt{ height:220px;} .ny-banner .ny_banner_txt h2{ font-size:24px;} .ny-banner .ny_banner_txt h3{ font-size:16px;} .mbx-wrap{ height:auto; background:#fff;} .mbx-wrap .wrapper{ height:auto;align-items: start;flex-direction: column-reverse; padding:0;} .mbx-wrap .wrapper .right{ width:100%; justify-content:start;font-size: 14px; height:50px; line-height:50px; background:#f5f5f5; padding:0 15px;} .mbx-wrap .wrapper .left{ width:100%; padding:0 15px; margin-top:20px;} .mbx-wrap .wrapper .left ul{ display:flex; justify-content:center; flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;gap: 0 10px;} .mbx-wrap .wrapper .left ul::-webkit-scrollbar{ display:none;} .mbx-wrap .wrapper .left ul li{text-align: center;cursor: pointer; box-sizing: border-box; padding: 0;overflow: visible; height:40px; line-height:40px; background:#f5f5f5;} .mbx-wrap .wrapper .left ul li a{font-size: 15px; padding:0 20px;} .mbx-wrap .wrapper .left ul li.sel a{font-size: 15px; padding:0 20px;} .ny-about{ padding:40px 0;} .ny-about .left{ padding-right:50px;} .ny-about .left h2{ font-size:24px;} .ny-about .left h3{ font-size:16px;} .ny-about .left p{ font-size:15px; line-height:28px;} .ny-about .right{ width:300px;} .ny-about .right span{ width:300px; height:310px;} .ny-about .right em{ width:320px; height:310px;} .ny-hzjj{ padding:50px 0;} .ny-hzjj .ny-hzjj-title h2{ font-size:24px;} .ny-hzjj .ny-hzjj-title h3{ font-size:16px;} .ny-hzjj .hxjj-list{ margin-top:30px;} .ny-hzjj .hxjj-list ul li .left{ width:380px; height:300px;} .ny-hzjj .hxjj-list ul li .right{ padding:20px;} .ny-hzjj .hxjj-list ul li .right h4{ font-size:18px;} .ny-hzjj .hxjj-list ul li .right em{ margin:15px 0;} .ny-hzjj .hxjj-list ul li .right p{ font-size:14px; line-height:28px;} .ny-jzzz{padding:50px 0;height: 460px;} .ny-jzzz .ny-jzzz-title h2{ font-size:24px;} .ny-jzzz .ny-jzzz-list{ margin-top:60px;} .ny-jzzz .ny-jzzz-list ul li .jzzz-icon img{ width:80px; height:80px;} .ny-jzzz .ny-jzzz-list ul li h4{ font-size:16px;} .ny-jzzz .ny-jzzz-list ul li p{ font-size:14px; line-height:24px;} .ny-jzg{ padding:40px 0;} .ny-jzg .right{ width:350px; height:270px;} .ny-jzg .left{padding-right: 40px;} .ny-jzg .left h2{ font-size:24px;} .ny-jzg .left section{ margin-top:10px;} .ny-jzg .left section p{ font-size:14px; line-height:26px;} .gyl-tltle h2{ font-size:24px;} .gyl-tltle p{ font-size:14px; line-height:26px;} .gyl-list{ margin-top:40px;} .gyl-list ul li{flex-direction: column;gap:0;} .gyl-list ul li .left{ width:100%; height:380px;} .gyl-list ul li .right{ width:100%; margin-top:20px;} .gyl-list ul li .right h3{ font-size:18px;} .gyl-list ul li .right section{ margin-top:10px;} .gyl-list ul li .right section p{ font-size:14px; line-height:26px;} .gyl-list ul li:nth-child(2n){flex-direction: column;} .lylj-tab h3{ font-size:18px;} .lylj-tab p{ font-size:14px; margin-top:5px;} .lylj-tab ul{gap:0 10px; margin-top:20px;} .lylj-tab ul li{ width:32%; } .lylj-tab ul li .lylj-img{width:100%; height:140px;} .lylj-tab ul li .lylj-img em{ font-size:18px; height:50px; line-height:50px; width:100px;} .lylj-tab ul li span{ font-size:14px; line-height:24px;} .zlkz-title h2{ font-size:24px;} .zlkz-title span{ font-size:16px; line-height:28px;} .zlkz-cpyt{ margin-top:30px;flex-direction: column-reverse;} .zlkz-cpyt .right{ width:100%; height:450px;} .zlkz-cpyt .left{ width:100%; margin-top:20px;padding-right:0;} .zlkz-cpyt .left section{ margin-top:15px;} .zlkz-cpyt .left section p{ font-size:14px; line-height:26px;} .zlkz-cpyt .left ul li span{font-size:24px;} .zlkz-cpyt .left ul li span i{ font-size:14px;} .zlkz-cpyt .left ul li em{ font-size:14px;} .zlkz-zyjj span{font-size:14px; line-height:26px; margin-top:15px;} .zlkz-zyjj ul{ margin-top:20px;flex-wrap: wrap;} .zlkz-zyjj ul li{ width:48%;} .zlkz-zyjj ul li .zlkz-zyjj-img{ width:100%; height:200px;} .zlkz-zyjj ul li section{padding:15px 0;} .zlkz-zyjj ul li section p{margin-top:5px;} .zlkz-number{ padding:40px 0;} .zlkz-title p{ line-height:24px; margin-top:5px;} .zlkz-number-list{ margin-top:30px;} .zlkz-number-list ul li{flex-direction: column;} .zlkz-number-list ul li .left{ width:100%; height:365px;} .zlkz-number-list ul li .right{ width:100%; padding:20px;} .zlkz-number-list ul li .right span{ font-size:14px; line-height:24px;} .zlkz-number-list ul li:nth-child(2){flex-direction: column; margin-bottom:0;} .zlkz-cxms{ padding:40px 0;} .zlkz-cxms-jk{ margin-top:30px;} .zlkz-cxms-jk p{ font-size:14px;} .zlkz-cxms-jk ul{ margin-top:20px;} .zlkz-cxms-jk ul li{ width:33%; } .zlkz-cxms-jk ul li .cxms-jk-img{ width:100%; height:180px;} .zlkz-cxms-jk ul li h5{ padding:10px 0;} .zlkz-cxms-app{ margin-top:20px;} .zlkz-cxms-app p{ font-size:14px; line-height:24px;} .zlkz-cxms-app .cxms-rllc{ margin-top:30px;} .zlkz-cxms-app .cxms-rllc ul{margin-top:30px;} .zlkz-cxms-app .cxms-rllc ul li{ width:18%;} .zlkz-cxms-app .cxms-rllc ul li p{ padding:0 5px; } .zlkz-cxms-app .cxms-rllc ul li em{width:80px; height:80px;} .zlkz-cxms-app .cxms-rllc ul li em img{ height:30px;} .zlkz-cxms-app .cxms-rllc ul li:nth-child(5){width:28%;} .zlkz-cxms-app .cxms-rllc ul li:nth-child(5) .item{padding:0 15px;margin-left: 20px;} .zlkz-cxms-app .cxms-rllc ul li:nth-child(5):before{width:15%;} .zlkz-cxms-app .cxms-rlxy ul li{padding:20px;} .zlkz-hxys{ padding:40px 0;} .zlkz-hxys .ddny{ margin-top:30px;} .zlkz-hxys .ddny h3{ font-size:16px;} .zlkz-hxys .ddny span{ font-size:14px; line-height:24px; margin-top:5px;} .zlkz-hxys .ddny ul{ margin-top:30px;} .zlkz-hxys .ddny ul li .ddny-icon{ width:80px; height:80px;} .zlkz-hxys .ddny ul li .ddny-icon img{ width:30px;} .zlkz-hxys .ddny ul li section p{padding:0 15px;} .zlkz-hxys .jhxgy{ margin-top:40px;} .zlkz-hxys .jhxgy h3{font-size:16px;} .zlkz-hxys .jhxgy span{ font-size:14px; line-height:24px; margin-top:5px;} .zlkz-hxys .jhxgy ul{ margin-top:30px;} .zlkz-hxys .jhxgy ul li .ddny-icon{ width:80px; height:80px;} .zlkz-hxys .jhxgy ul li .ddny-icon img{ width:30px;} .zlkz-hxys .jhxgy ul li section p{padding:0 15px; } .zlkz-hxys .mmygy{ margin-top:30px;} .zlkz-hxys .mmygy h3{ font-size:16px;} .zlkz-hxys .mmygy span{ font-size:14px; line-height:24px; margin-top:5px;} .zlkz-hxys .mmygy .mmygy-list{flex-direction: column;gap:20px 0; margin-top:30px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item{ width:100%;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul li{width:32%;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul li .mmygy-img1{width:100%; height:160px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul li p{ margin-top:6px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item1{ width:100%;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item1 ul li{ width:49%;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item1 ul li .mmygy-img2{width:100%;height:200px;} .zlkz-hxys .mmygy span{ font-size:15px; line-height:26px;} .zlkz-quality{padding:40px 0;} .zlkz-quality .zlkz-quality-list{ margin-top:30px;} .zlkz-quality .zlkz-quality-list ul li{flex-direction: column;} .zlkz-quality .zlkz-quality-list ul li .left{width:100%;height:360px;} .zlkz-quality .zlkz-quality-list ul li .right{width:100%; padding:20px;} .zlkz-quality .zlkz-quality-list ul li .right h3{ font-size:18px;line-height: 28px;} .zlkz-quality .zlkz-quality-list ul li .right i{ margin:12px 0;} .zlkz-quality .zlkz-quality-list ul li:nth-child(2n){flex-direction: column;} .zlkz-cxms-app .cxms-rllc ul li:nth-child(5) .item em img{width:32px; height:28px;} .ny-gydz{ margin-top:30px; height:440px; padding-top:30px;background-position: right -190px center;} .ny-gydz-cont{ display:block;} .ny-gydz .wrapper .ny-gydz-list{width: 281px; height: 240px; padding: 20px} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(1){ right:27%;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(2){ bottom:60px; right:43%;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(3){top:164px; right:12%;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(4){right:10%;} .ny-gydz .wrapper .ny-gydz-cont li{ font-size:18px;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(1):hover{top: 22px} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(2):hover{bottom: 60px;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(3):hover{top: 164px;} .ny-gydz .wrapper .ny-gydz-cont li:nth-child(4):hover{top: 76px; } .ny-gydz .wrapper .ny-gydz-list li h3{ font-size:18px;} .ny-gydz .wrapper .ny-gydz-list li p{-webkit-line-clamp: 4;} .ny-gydz .wrapper .ny-gydz-list li a{ margin-top:15px;} .product-xq{ margin-top:3.75rem; height:auto; padding-bottom:40px;} .product-xq .product-tabs .left{width:360px;} #cp-banner{ width:100%; height:260px;} #cp-banner .swiper-wrapper,#cp-banner .swiper-slide,#cp-banner .swiper-slide img{height:260px;} .product-xq .product-tabs .right{ margin-left:30px; margin-top:0px;} .product-xq .product-tabs .right h2{ font-size:20px;} .gsry-js{ font-size:15px; line-height:26px;margin-top:12px;} .product-xq-item{ padding:30px 0;} .product-xq-item .cpxq-title{ height:50px;} .product-xq-item .cpxq-title span{width:130px; height:50px; line-height:50px; font-size:16px;} .product-xq-item section p{ font-size:14px; line-height:28px;} .ny-gsry-list ul li{width:31%;} .ny-gsry-list ul li .gsry-img{ height:175px;} .ny-gsry-list ul li section{padding:10px;} .ny-gsry-list ul li section h3{ font-size:16px;} .ny-gsry-list ul li section p{ font-size:14px;} .ny-xqry-list ul li{width:31%;} .ny-xqry-list ul li .xqry-img{ height:175px;} .ny-xqry-list ul li section{padding:10px;} .ny-xqry-list ul li section h3{ font-size:16px;} .ny-xqry-list ul li section p{ font-size:14px;} .ny-ncsc{ margin-top:20px; height:360px;} .ny-ncsc .wrapper{height:360px; padding:20px;} .ny-ncsc .wrapper .cx-cont h2{ font-size:20px;line-height: normal;} .ny-ncsc .wrapper .cx-cont{ width:360px; padding:20px; height:340px;} .ny-ncsc .wrapper .cx-cont .cx-bq span{ font-size:14px;} .ny-ncsc .wrapper .cx-cont .cx-more{ margin-top:10px; width:120px; height:40px; line-height:40px;} .product-xq .product-tabs .right .cptd ul li{width:48%;} .product-xq-item section .dbb table td{ font-size:14px;} .product-xq-item section h3{ font-size:18px;} .ny-lpk-list ul li{width:48%; } .ny-lpk-list ul li .lpk-img{width:100%; height:239px;} .ny-lpk-list ul li .lpk-img .lpk-jj{padding:15px;} .ny-lpk-list ul li .lpk-img .lpk-jj p{ font-size:14px;} .ny-lpk-list ul li .lpk-img .lpk-jj .lpk-ewm{ margin-top:10px;} .ny-lpk-list ul li .lpk-img .lpk-jj .lpk-ewm img{width:85px; height:85px;} .nynews-list ul li{padding:10px;} .nynews-list ul li a{} .nynews-list ul li a .nynews-img{width:325px; height:200px;} .nynews-list ul li a section{width:50%;margin-left:30px; } .nynews-list ul li a section h3{ font-size:18px;} .nynews-list ul li a section .time{ font-size:14px; margin:5px 0;} .nynews-list ul li a section .nynews-more{ width:125px; height:40px; line-height:40px; font-size:14px; margin-top:20px;} .nynews-list ul li a section .nynews-more em{width:18px; height:18px; background-size:cover;} #article-info{ font-size:14px;} #article{ font-size:15px; } .article-fy{ margin-top:35px; padding-top:35px;} .article-fy .fh-syy{ display:none;} #prev-next{ width:100%;} #prev-next a{ width:100%; font-size:14px;} .contact-lxfs{flex-direction: column; margin:0;} .contact-lxfs .left{ width:100%;} .contact-lxfs .left h2{ font-size:24px;} .contact-lxfs .left span{ font-size:16px;} .contact-lxfs .left ul{ margin-top:30px;} .contact-lxfs .left ul li{ margin-bottom:25px;} .contact-lxfs .left ul li section h4{ font-size:16px;} .contact-lxfs .right{width:100%;margin-top: 10px;} .contact-lxfs .right .sjmt-list ul{justify-content: start;margin-left: 20px;} .contact-lxfs .right .sjmt-list ul li span{width: 95px; height: 100px; top:45px;left: -26px; background-size: cover;} .contact-lxfs .right .sjmt-list ul li span img{width:85px; height:85px;} #map{ margin-top:30px; height:280px;} .online-wrap{padding:40px 0;} .online-wrap .online-title h2{ font-size:24px;} .online-wrap .online-title p{ font-size:15px;} .online-wrap .online-form{ margin-top:30px;} .online-wrap .online-form ul{gap:10px 0;} .online-wrap .online-form ul li{width:100%;} .online-wrap .online-form ul li input{height:50px;} .online-wrap .online-form .online-bnt{width:100%; margin:20px auto 0 auto; } .online-wrap .online-form .online-bnt button{width:100%; height:50px; line-height:50px;} } @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; width: 100%;} #sj-logo{left:0.75rem; top:1rem; height:2.25rem; overflow:hidden;} #sj-logo img{width:auto;height:1.65rem;} #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%;} #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; } #language{right:4rem; top:0.875rem; margin-left: 0;} #language a{ font-size: 14px;} #language a em{ width: 16px; height: 16px; background-size: cover;} #banner{ padding-top:3.75rem; height:18.75rem;} #banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:15rem;} #banner .swiper-slide .box{ height:15rem;} #banner .swiper-slide .box .text{ height:15rem;} #banner .swiper-slide .box .text h2{ font-size: 20px;} #banner .swiper-slide .box .text em{ width: 25px; margin: 10px 0; height: 3px;} #banner .swiper-slide .box .text p{ font-size: 12px; line-height: 22px;} #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;} .main-wrap{ padding-bottom:30px;} #about .about-title h3{ font-size:16px;} #about .about-title h2{ font-size:24px;} #about .about-title em{ width:28px;left:5%;} #about .about-video{ height:200px;} #about .about-video video{ width:100%;height:200px;} #product .product-title h2{ font-size:24px;margin-top: 15px;} #product .gudz .title1 span{ font-size:18px;} #product .gudz .title1 a{ font-size:14px;} #product .gudz .gudz-item .left{ display:none;} #product .gudz .gudz-item .right{ margin-top:0; padding-top:0;} #product .gudz .gudz-item .right:after{ left:0;} #product .gudz .gudz-item .right ul{flex-direction: column;} #product .gudz .gudz-item .right ul li{ width:100%; margin-left:0;padding:20px 20px 0 20px;} #product .gudz .gudz-item .right ul li .pc-img{ width:100%; height:180px;} #product .gudz .gudz-item .right ul li section p{ font-size:14px; line-height:24px;} #product .gudz .gudz-item .right ul li section span{ font-size:14px; margin-top:10px;} #product .ryxt{ margin:60px 0 30px 0;} #product .ryxt .title1 span{ font-size:18px;} #product .ryxt .title1 a{ font-size:14px;} #product .ryxt .ryxt-item{ flex-direction: column;} #product .ryxt .ryxt-item .left{ width:100%; margin-left:0;} #product .ryxt .ryxt-item .left a{ flex-direction: column;} #product .ryxt .ryxt-item .left .left-img{ width:100%; height:200px;background: #0a6649; padding: 20px 20px 0 20px;} #product .ryxt .ryxt-item .left .left-txt{ padding:20px;} #product .ryxt .ryxt-item .left .left-txt p{ font-size:14px;-webkit-line-clamp: 2;} #product .ryxt .ryxt-item .left .left-txt span{ font-size:14px; margin-top:10px;} #product .ryxt .ryxt-item .left:nth-child(2){ margin-left:0; margin-top:20px;} #product .gudz .gudz-item .right:after{ bottom:-10px;} .news-wrap{ padding:40px 0 20px 0;} .news-wrap .news-title{ flex-direction:column;} .news-wrap .news-title .left{ width:100%;} .news-wrap .news-title .left h2{ font-size:24px;} .news-wrap .news-title .right{ width:100%; margin-top:20px;} .news-wrap .news-title .right ul li{ width:33%;height: 40px; line-height: 40px;} .news-wrap .news-title .right ul li a{ font-size:15px;} .news-wrap .news-title .right ul li.sel a{ font-size:15px;} .news-wrap .news-tabs{ margin-top:30px;} .news-wrap .news-tabs .news-item ul{ flex-direction: column;} .news-wrap .news-tabs .news-item ul li{ width:100%;margin-right: 0; margin-bottom:20px;} .news-wrap .news-tabs .news-item ul li .news-img{ height:230px;} .news-wrap .news-tabs .news-item ul li section{ padding:20px;} .news-wrap .news-tabs .news-item ul li section h2{ font-size:16px;} .news-wrap .news-tabs .news-item ul li section span{ font-size:14px; margin:8px 0;} .news-wrap .news-tabs .news-item ul li section p{ font-size:14px;} #footer{padding-top:50px;} #footer .top .left{ display:none;} #footer .top .right{ width:220px;} #copyright{ margin-top:25px; padding:20px 0;flex-direction: column;line-height:24px;} .ny-banner{ margin-top:3.75rem; height:180px;} .ny-banner .ny_banner_txt{ height:180px;} .ny-banner .ny_banner_txt h2{ font-size:24px;} .ny-banner .ny_banner_txt h3{ font-size:16px;} .mbx-wrap{ height:auto; background:#fff;} .mbx-wrap .wrapper{ height:auto;align-items: start;flex-direction: column-reverse; padding:0;} .mbx-wrap .wrapper .right{ width:100%; justify-content:start;font-size: 14px; height:50px; line-height:50px; background:#f5f5f5; padding:0 15px;} .mbx-wrap .wrapper .left{ width:100%; padding:0 15px; margin-top:20px;} .mbx-wrap .wrapper .left ul{ display:flex; justify-content:flex-start; flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;gap: 0 10px;} .mbx-wrap .wrapper .left ul::-webkit-scrollbar{ display:none;} .mbx-wrap .wrapper .left ul li{text-align: center;cursor: pointer; box-sizing: border-box; padding: 0;overflow: visible; height:40px; line-height:40px; background:#f5f5f5;} .mbx-wrap .wrapper .left ul li a{font-size: 15px; padding:0 20px;} .mbx-wrap .wrapper .left ul li.sel a{font-size: 15px; padding:0 20px;} .ny-about{ padding:40px 0;} .ny-about .wrapper{flex-direction: column;} .ny-about .left{ width:100%; padding-right:0;} .ny-about .left h2{ font-size:24px;} .ny-about .left h3{ font-size:16px;} .ny-about .left p{font-size:15px; line-height:28px;} .ny-about .right{ width:100%; margin-top:20px;} .ny-about .right em{ display:none;} .ny-about .right span{ width:100%; height:auto; margin:0;} .ny-hzjj{ padding:40px 0;} .ny-hzjj .ny-hzjj-title h2{font-size:24px;} .ny-hzjj .ny-hzjj-title h3{ font-size:16px;} .ny-hzjj .hxjj-list{ margin-top:30px;} .ny-hzjj .hxjj-list ul li{flex-direction: column;} .ny-hzjj .hxjj-list ul li .left{ width:100%; height:200px;} .ny-hzjj .hxjj-list ul li .right{ padding:20px;} .ny-hzjj .hxjj-list ul li .right h4{ font-size:16px;} .ny-hzjj .hxjj-list ul li .right em{ margin:15px 0;} .ny-hzjj .hxjj-list ul li .right p{ font-size:14px; line-height:26px;} .ny-hzjj .hxjj-list ul li:nth-child(2n){flex-direction: column;} .ny-jzzz{ padding:40px 0;} .ny-jzzz .ny-jzzz-title h2{ font-size:24px;} .ny-jzzz .ny-jzzz-list{ margin-top:35px;} .ny-jzzz .ny-jzzz-list ul{ flex-direction: column;} .ny-jzzz .ny-jzzz-list ul li{ width:100%;text-align: left;display: flex; margin-bottom:25px;} .ny-jzzz .ny-jzzz-list ul li .jzzz-icon{ width:80px;} .ny-jzzz .ny-jzzz-list ul li .jzzz-icon img{ width:80px; height:80px;} .ny-jzzz .ny-jzzz-list ul li section{ width:75%;padding-left: 20px;} .ny-jzzz .ny-jzzz-list ul li h4{ font-size:16px;margin:0;} .ny-jzzz .ny-jzzz-list ul li p{ width:100%; font-size:14px; line-height:24px; margin-top:10px;} .ny-jzg{ padding:40px 0;} .ny-jzg .wrapper{flex-direction: column;} .ny-jzg .left{ width:100%; padding-right:0;} .ny-jzg .left h2{ font-size:24px;} .ny-jzg .left section{ margin-top:10px;} .ny-jzg .left section p{ font-size:14px; line-height:26px;} .ny-jzg .right{ width:100%; height:auto; margin-top:20px;} .gyl-tltle h2{ font-size:24px;} .gyl-tltle p{ font-size:14px; line-height:26px;} .gyl-list{ margin-top:40px;} .gyl-list ul li{flex-direction: column;gap:0;} .gyl-list ul li .left{ width:100%; height:190px;} .gyl-list ul li .right{ width:100%; margin-top:20px;} .gyl-list ul li .right h3{ font-size:18px;} .gyl-list ul li .right section{ margin-top:10px;} .gyl-list ul li .right section p{ font-size:14px; line-height:26px;} .gyl-list ul li:nth-child(2n){flex-direction: column;} .lylj-tab h3{ font-size:18px;} .lylj-tab p{ font-size:14px; margin-top:5px;} .lylj-tab ul{gap:0; flex-direction: column; margin-top:20px;} .lylj-tab ul li{ width:100%; margin-bottom:10px;} .lylj-tab ul li .lylj-img{width:100%; height:195px;} .lylj-tab ul li .lylj-img em{ font-size:18px; height:50px; line-height:50px; width:100px;} .lylj-tab ul li span{ font-size:14px; line-height:24px;} .zlkz-title h2{ font-size:24px;} .zlkz-title span{ font-size:16px; line-height:28px;} .zlkz-cpyt{ margin-top:30px;flex-direction: column-reverse;} .zlkz-cpyt .right{ width:100%; height:230px;} .zlkz-cpyt .left{ width:100%; margin-top:20px;padding-right:0;} .zlkz-cpyt .left section{ margin-top:15px;} .zlkz-cpyt .left section p{ font-size:14px; line-height:26px;} .zlkz-cpyt .left ul li span{font-size:24px;} .zlkz-cpyt .left ul li span i{ font-size:14px;} .zlkz-cpyt .left ul li em{ font-size:14px;} .zlkz-zyjj span{font-size:14px; line-height:26px; margin-top:15px;} .zlkz-zyjj ul{ margin-top:20px;flex-wrap: wrap;} .zlkz-zyjj ul li{ width:48%;} .zlkz-zyjj ul li .zlkz-zyjj-img{ width:100%; height:120px;} .zlkz-zyjj ul li section{padding:15px 0;} .zlkz-zyjj ul li section p{margin-top:5px;} .zlkz-number{ padding:40px 0;} .zlkz-title p{ line-height:24px; margin-top:5px;} .zlkz-number-list{ margin-top:30px;} .zlkz-number-list ul li{flex-direction: column;} .zlkz-number-list ul li .left{ width:100%; height:200px;} .zlkz-number-list ul li .right{ width:100%; padding:20px;} .zlkz-number-list ul li .right span{ font-size:14px; line-height:24px;} .zlkz-number-list ul li:nth-child(2){flex-direction: column; margin-bottom:0;} .zlkz-cxms{ padding:40px 0;} .zlkz-cxms-jk{ margin-top:30px;} .zlkz-cxms-jk p{ font-size:14px;} .zlkz-cxms-jk ul{flex-direction: column; margin-top:20px;} .zlkz-cxms-jk ul li{ width:100%; margin-bottom:20px;} .zlkz-cxms-jk ul li .cxms-jk-img{ width:100%; height:180px;} .zlkz-cxms-jk ul li h5{ padding:10px 0;} .zlkz-cxms-app{ margin-top:20px;} .zlkz-cxms-app p{ font-size:14px; line-height:24px;} .zlkz-cxms-app .cxms-rllc{ margin-top:30px;} .zlkz-cxms-app .cxms-rllc ul{flex-wrap: wrap;} .zlkz-cxms-app .cxms-rllc ul li{ width:100%; display:flex; padding-bottom:50px;} .zlkz-cxms-app .cxms-rllc ul li p{ text-align:left;padding:0; height:auto; width:68%;} .zlkz-cxms-app .cxms-rllc ul li em{width:75px; height:75px;} .zlkz-cxms-app .cxms-rllc ul li em img{ height:30px;} .zlkz-cxms-app .cxms-rllc ul li:before{width: 1px; height: 100%; background: #08583f; top: 73px; left: 57px;} .zlkz-cxms-app .cxms-rllc ul li:after{top: 93px; left: 51px; transform: rotate(90deg);} .zlkz-cxms-app .cxms-rllc ul li:nth-child(4):before{ width:33px;background: none; border: 1px #08583f solid;border-top: 0; border-right: 0;} .zlkz-cxms-app .cxms-rllc ul li:nth-child(4){ padding-bottom:20px;} .zlkz-cxms-app .cxms-rllc ul li:nth-child(5){margin-left:90px;flex-direction: column;margin-top: -20px; padding-bottom:0;} .zlkz-cxms-app .cxms-rlxy{ margin-top:10px;} .zlkz-cxms-app .cxms-rlxy ul{gap:20px 0;flex-direction:column;} .zlkz-cxms-app .cxms-rlxy ul li{ padding:15px; width:100%;} .zlkz-hxys{ padding:40px 0;} .zlkz-hxys .ddny{ margin-top:30px;} .zlkz-hxys .ddny h3{ font-size:16px;} .zlkz-hxys .ddny span{ font-size:14px; line-height:24px; margin-top:5px;} .zlkz-hxys .ddny ul{ margin-top:30px;flex-direction: column;} .zlkz-hxys .ddny ul li{ width:100%;text-align: left; display: flex; margin-bottom:20px;} .zlkz-hxys .ddny ul li .ddny-icon{ width:80px; height:80px;} .zlkz-hxys .ddny ul li .ddny-icon img{ width:30px;} .zlkz-hxys .ddny ul li section{ margin-top:0; width:75%;padding-left: 20px;} .zlkz-hxys .ddny ul li section p{padding:0; margin-top:5px;} .zlkz-hxys .jhxgy{ margin-top:30px;} .zlkz-hxys .jhxgy h3{font-size:16px;} .zlkz-hxys .jhxgy span{ font-size:14px; line-height:24px; margin-top:5px;} .zlkz-hxys .jhxgy ul{ margin-top:30px;flex-direction: column;} .zlkz-hxys .jhxgy ul li{ width:100%;text-align: left; display: flex; margin-bottom:20px;} .zlkz-hxys .jhxgy ul li .ddny-icon{ width:80px; height:80px;} .zlkz-hxys .jhxgy ul li .ddny-icon img{ width:30px;} .zlkz-hxys .jhxgy ul li section{ margin-top:0; width:75%;padding-left: 20px;} .zlkz-hxys .jhxgy ul li section p{padding:0; margin-top:5px;} .zlkz-hxys .mmygy{ margin-top:30px;} .zlkz-hxys .mmygy h3{ font-size:16px;} .zlkz-hxys .mmygy span{ font-size:14px; line-height:24px; margin-top:5px;} .zlkz-hxys .mmygy .mmygy-list{flex-direction: column;gap:20px 0; margin-top:30px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item{ width:100%;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul li{width:32%;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul li .mmygy-img1{width:100%; height:95px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item ul li p{ margin-top:6px;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item1{ width:100%;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item1 ul li{ width:49%;} .zlkz-hxys .mmygy .mmygy-list .mmygy-item1 ul li .mmygy-img2{width:100%;height:95px;} .zlkz-hxys .mmygy span{ font-size:15px; line-height:26px;} .zlkz-quality{padding:40px 0;} .zlkz-quality .zlkz-quality-list{ margin-top:30px;} .zlkz-quality .zlkz-quality-list ul li{flex-direction: column;} .zlkz-quality .zlkz-quality-list ul li .left{width:100%;height:160px;} .zlkz-quality .zlkz-quality-list ul li .right{width:100%; padding:20px;} .zlkz-quality .zlkz-quality-list ul li .right h3{ font-size:16px;line-height: 28px;} .zlkz-quality .zlkz-quality-list ul li .right i{ margin:12px 0;} .zlkz-quality .zlkz-quality-list ul li:nth-child(2n){flex-direction: column;} .zlkz-cxms-app .cxms-rllc ul li:nth-child(5) .item em img{width:32px; height:28px;} .ny-gydz{ margin-top:30px;} .ny-gydz .wrapper .ny-gydz-list{display:none;} .ny-gydz-cont{ display:none;} .sj-ny-gydz-cont{display:block;} .ny-gydz{height:330px;background-position: right -152px center; padding-top:0;} .ny-gydz .wrapper .sj-ny-gydz-cont li{ position: absolute; cursor: pointer; font-size: 16px; color: #000; display: flex; align-items: center; justify-content: center;} .ny-gydz .wrapper .sj-ny-gydz-cont li:nth-child(1){width: 120px; height: 109px; top: 40px; right: 41%; transition: 0.3s all;} .ny-gydz .wrapper .sj-ny-gydz-cont li:nth-child(2){width: 120px; height: 120px; bottom: 29px; right: 67%;} .ny-gydz .wrapper .sj-ny-gydz-cont li:nth-child(3){width: 160px; height: 50px; top: 146px; right: 7%;} .ny-gydz .wrapper .sj-ny-gydz-cont li:nth-child(4){width: 140px; height: 60px; top: 76px; right: 6%;} .ny-gydz .wrapper .sj-ny-gydz-cont li:nth-child(1):hover{top: 40px} .ny-gydz .wrapper .sj-ny-gydz-cont li:nth-child(2):hover{bottom: 29px;} .ny-gydz .wrapper .sj-ny-gydz-cont li:nth-child(3):hover{top: 146px;} .ny-gydz .wrapper .sj-ny-gydz-cont li:nth-child(4):hover{top: 76px; } .ny-gydz .wrapper .sj-ny-gydz-cont li a{ font-size:16px;} .product-xq{ margin-top:3.75rem; height:auto; padding-bottom:40px;} .product-xq .product-tabs{flex-direction:column;} .product-xq .product-tabs .left{width:100%;} #cp-banner{ width:100%; height:240px;} #cp-banner .swiper-wrapper,#cp-banner .swiper-slide,#cp-banner .swiper-slide img{height:240px;} .product-xq .product-tabs .right{ margin-left:0; margin-top:20px;} .product-xq .product-tabs .right h2{ font-size:20px;} .gsry-js{ font-size:15px; line-height:26px;margin-top:12px;} .product-xq-item{ padding:30px 0;} .product-xq-item .cpxq-title{ height:50px;} .product-xq-item .cpxq-title span{width:130px; height:50px; line-height:50px; font-size:16px;} .product-xq-item section p{ font-size:14px; line-height:28px;} .ny-gsry-list ul li{width:47%;} .ny-gsry-list ul li .gsry-img{ height:120px;} .ny-gsry-list ul li section{padding:10px;} .ny-gsry-list ul li section h3{ font-size:16px;} .ny-gsry-list ul li section p{ font-size:14px;} .ny-xqry-list ul li{width:47%;} .ny-xqry-list ul li .xqry-img{ height:120px;} .ny-xqry-list ul li section{padding:10px;} .ny-xqry-list ul li section h3{ font-size:16px;} .ny-xqry-list ul li section p{ font-size:14px;} .ny-ncsc{ margin-top:20px; height:230px;} .ny-ncsc .wrapper{height:230px;align-items: end; padding:0;} .ny-ncsc .wrapper .cx-cont h2{ font-size:18px;line-height: normal;} .ny-ncsc .wrapper .cx-cont .cx-bq{display:none;} .ny-ncsc .wrapper .cx-cont .cx-list{display:none;} .ny-ncsc .wrapper .cx-cont{ width:100%; height:50px; padding:10px; line-height:50px;justify-content: space-between; display:flex;align-items: center;border-radius: 0;} .ny-ncsc .wrapper .cx-cont .cx-more{ margin-top:0; width:auto; height:auto; line-height:normal;} .ny-ncsc .wrapper .cx-cont .cx-more a{ background:none;color:#333; font-size:14px; position:relative; padding-right:10px;} .ny-ncsc .wrapper .cx-cont .cx-more a:hover{ background:none;color:#333;} .ny-ncsc .wrapper .cx-cont .cx-more a:after{ content:'>'; font-size:14px;color:#333; position:absolute;top:0; right:0;} .product-xq .product-tabs .right .cptd ul li{width:48%;} .product-xq-item section .dbb table td{ font-size:14px;} .product-xq-item section h3{ font-size:18px;} .ny-lpk-list ul li{width:100%; } .ny-lpk-list ul li .lpk-img{width:100%; height:239px;} .ny-lpk-list ul li .lpk-img .lpk-jj{padding:15px;} .ny-lpk-list ul li .lpk-img .lpk-jj p{ font-size:14px;} .ny-lpk-list ul li .lpk-img .lpk-jj .lpk-ewm{ margin-top:10px;} .ny-lpk-list ul li .lpk-img .lpk-jj .lpk-ewm img{width:85px; height:85px;} .nynews-list ul li{padding:10px;} .nynews-list ul li a{flex-direction: column;} .nynews-list ul li a .nynews-img{width:100%; height:200px;} .nynews-list ul li a section{width:100%;margin-left:0; margin-top:20px;} .nynews-list ul li a section h3{ font-size:18px;} .nynews-list ul li a section .time{ font-size:14px; margin:5px 0;} .nynews-list ul li a section .nynews-more{ width:125px; height:40px; line-height:40px; font-size:14px; margin-top:20px;} .nynews-list ul li a section .nynews-more em{width:18px; height:18px; background-size:cover;} #article-info{ font-size:14px;} #article{ font-size:15px; } .article-fy{ margin-top:35px; padding-top:35px;} .article-fy .fh-syy{ display:none;} #prev-next{ width:100%;} #prev-next a{ width:100%; font-size:14px;} .contact-lxfs{flex-direction: column; margin:0;} .contact-lxfs .left{ width:100%;} .contact-lxfs .left h2{ font-size:24px;} .contact-lxfs .left span{ font-size:16px;} .contact-lxfs .left ul{ margin-top:30px;} .contact-lxfs .left ul li{ margin-bottom:25px;} .contact-lxfs .left ul li section h4{ font-size:16px;} .contact-lxfs .right{width:100%;margin-top: 10px;} .contact-lxfs .right .sjmt-list ul{justify-content: start;margin-left: 20px;} .contact-lxfs .right .sjmt-list ul li span{width: 95px; height: 100px; top:45px;left: -26px; background-size: cover;} .contact-lxfs .right .sjmt-list ul li span img{width:85px; height:85px;} #map{ margin-top:30px; height:210px;} .online-wrap{padding:40px 0;} .online-wrap .online-title h2{ font-size:24px;} .online-wrap .online-title p{ font-size:15px;} .online-wrap .online-form{ margin-top:30px;} .online-wrap .online-form ul{gap:10px 0;} .online-wrap .online-form ul li{width:100%;} .online-wrap .online-form ul li input{height:50px;} .online-wrap .online-form .online-bnt{width:100%; margin:20px auto 0 auto; } .online-wrap .online-form .online-bnt button{width:100%; height:50px; line-height:50px;} }