﻿@media only screen and (max-width: 1680px){
	.bmenu.xgap {column-gap: 50px;}
}

@media only screen and (max-width: 1580px){
	:root {
		--wrap-width: 1280px;
	}
	.wrap {width: 1280px;}
	.header .nav {column-gap: 30px; margin-right: 40px;}

	.ibanner .swiper-pagination {margin-right: -640px;}
	.ibanner .swiper-button {margin-left: -640px;}
	/*
	.ibanner .text h2 {font-size: 36px;}
	.ibanner .text h3 {margin-top: 10px; font-size: 30px;}
	*/
	.iys .cont a {min-height: initial;}
	.iabout .text {width: 80%;}
	.ipros .cont .desc {padding: 0 35px 20px 35px;}
	.ipros .cont .desc .name h2 {font-size: 24px;}
	.ipros .cont .desc p {margin-top: 5px; height: 78px; line-height: 26px; font-size: 14px;}
	.ipros .cont .mask {padding: 50px 40px;}
	.ipros .cont .mask .text p {margin-top: 15px;}
	.ipros .cont .mask .list {gap: 20px 30px;}
	.ipros .cont .mask .list li a {column-gap: 15px; font-size: 16px;}
	.ipros .cont .mask .list li a i {width: 30px; height: 30px; font-size: 14px;}
	.ipros .cont .mask .abtn {margin-top: 50px;}

	.ifas .cont .intro {padding-top: 80px; padding-bottom: 80px;}
	.ifas .cont .intro h2 {font-size: 40px;}
	.ifas .cont .intro p {margin-top: 15px; font-size: 20px;}
	.ifas .cont .intro li a {column-gap: 15px; font-size: 20px;}
	.ifas .cont .intro li a i {width: 30px; height: 30px; font-size: 14px;}
	.ifas .cont .list a {column-gap: 40px; padding: 15px 30px;}
	.ifas .cont .list .text h2 {font-size: 22px;}
	.ifas .cont .list .text p {margin-top: 5px;}
	.ifas .cont .list .icon {width: 40px; height: 40px; font-size: 14px;}

	.fos > li {padding-top: 10px; padding-bottom: 10px;}
	.fos > li:first-child {padding-top: 0;}
	.fos > li:last-child {padding-bottom: 0;}
	.fos > li .text {font-size: 14px;}
	.fos > li .text h2 {font-size: 18px;}
	.fos .icon {width: 50px; height: 50px;}
	.fos .lxs .icon i {background-size: 24px auto;}
	.fos .tel .icon i {background-size: 24px auto;}
	.fos .top .icon i {background-size: 14px auto;}

	.banner .intro .desc2 {padding-left: 0; padding-right: 0;}

	.pros .list-fl {gap: 50px;}
	.pros .list-fl .mask {padding: 40px;}
	.pros .list-fl .tfls {gap: 15px 30px; margin-top: 30px;}
	.pros .list-fl .tfls a {column-gap: 10px;}
	.pros .list .text h2 {font-size: 20px;}
	.pros .list .text p {margin-top: 10px;}

	.prods .info > div {padding-right: 0; background-position: right top;}
	.prods .info .text {padding-right: 100px;}

	.news .tws .text {padding: 40px; padding-bottom: 20px;}
	.news .tws .name {font-size: 20px;}
	.news .tws .desc {line-height: var(--text-lh);}
	.nlist {gap: 50px;}

	.jjfa .list .mask .icon {margin-top: 20%;}
	.fads .hxsb .cont .text {padding-left: 50px;}
	.fads .hxsb .cont .name {font-size: 22px;}

	.video .list .name {height: 100px; font-size: 20px;}

	.fw1 .wxfw .cont .mask {bottom: 30px;}
	.fw1 .wxfw .cont .text h4 {padding-bottom: 15px; font-size: 18px;}
	.fw1 .wxfw .cont .text p {margin-top: 15px; min-height: 120px; line-height: 24px; font-size: 16px; -webkit-line-clamp: 5;}
	.fw2 .zlfw .cont .list {right: 40px; margin-right: 0; padding: 10px 30px 30px 30px; width: 300px;}
	.fw2 .zlfw .cont .list li {height: 60px; font-size: 16px;}
	.fw2 .zlfw .cont .list li::before {width: 5px; height: 5px;}
	.fw2 .zlfw .cont .intro .text {padding-top: 30px; padding-left: 40px;}
	.fw2 .zlfw .cont .intro .text .name {width: 60%;}
	.fw2 .zlfw .cont .intro .text .desc {row-gap: 15px; width: 60%; height: 62%; font-size: 16px;}
	.fw3 .pxfw .cont {gap: 50px;}
	.fwys .cont li span {font-size: 44px;}
	.fwys .cont li h4 {font-size: 22px;}
	.fwys .cont li p {font-size: 16px;}
}

@media only screen and (max-width: 1500px){
	:root {--tis-fs: 46px; --itis-fs: 32px; --ntis-fs: 32px;}

	.wrap {width: 1280px;}
	.footer .lxs {width: 350px;}

	.banner .intro h1, .banner .intro h2 {font-size: 46px;}
	.banner .intro .en {margin-top: 25px; font-size: 32px;}
	.banner .intro .jrwm-tis {font-size: 46px;}
	.banner .intro .jrwm-desc {font-size: 22px;}
	.bmenu {column-gap: 50px;}
	.bmenu a {font-size: 18px;}
	.bmenu.xgap {column-gap: 30px;}

	.pnas .prev, .pnas .next {column-gap: 15px; width: 160px; height: 50px; font-size: 16px; border-radius: 25px;}
	.pnas .prev i, .pnas .next i {font-size: 18px;}

	.gywm .fwln .rows .imgs span {width: 51.7%;}
	.gywm .fwln .rows .intro {padding: 50px 60px; width: 55%; min-height: initial;}
}

@media only screen and (max-width: 1280px){
	:root {--mar-top5: 4%; --mar-top6: 5%; --tis-fs: 40px; --tis30-fs: 24px; --itis-fs: 30px; --ntis-fs: 30px; --text-lh: 1.8; --editorc-lh: 1.8;}
	.wrap, .wraps {padding-left: var(--pad-lr); padding-right: var(--pad-lr); width: auto;}
	.header .nav {column-gap: 20px; margin-right: 30px;}
	.header .nav li > a {padding: 0 5px;}

	.nav-menu .pad1 {padding-top: 50px; padding-bottom: 50px;}
	.nav-menu .cont .items .name {height: 45px;}
	.nav-menu .cont .items .name h2 {font-size: 18px;}
	.nav-menu .cont .items .name i {margin-left: 15px; font-size: 12px;}
	.nav-menu .cont .items .text {margin-top: 20px; font-size: 14px;}
	.nav-menu .cont .items .list {padding-top: 10px;}
	.nav-menu .cont .items .list dd {margin-top: 10px;}
	.nav-menu .cont .items .list dd a {column-gap: 8px; font-size: 16px;}
	.nav-menu .cont .items .list dd a i {margin-top: 9px; font-size: 10px;}
	.nav-menu .col2 .items {max-width: 400px;}
	.nav-menu .col2 .items .name {width: 300px;}
	.nav-menu .col3 .items {max-width: 300px;}

	.footer {font-size: 14px;}
	.footer .info {padding-top: 4%; padding-bottom: 4%;}
	.footer .fnav li {min-width: 100px;}
	.footer .fnav h2 {height: 38px; font-size: 16px;}
	.footer .lxs .tel h2 {font-size: 30px;}
	.footer .lxs .address {margin-top: 20px;}
	.footer .copyright {padding-top: 2%; padding-bottom: 2%;}

	.banner {height: 600px;}
	.banner .intro h1, .banner .intro h2 {font-size: 40px;}
	.banner .intro .en {margin-top: 20px; font-size: 30px;}
	.banner .intro .tis {font-size: 24px;}
	.banner .intro .desc {width: 60%; line-height: 1.8;}
	.banner .intro .desc2 {font-size: 16px; line-height: 1.8;}
	.banner .intro .jrwm-tis {font-size: 40px;}
	.banner .intro .jrwm-desc {font-size: 20px;}

	.fos {padding: 6px;}
	.fos > li {padding-top: 8px; padding-bottom: 8px;}
	.fos > li:first-child {padding-top: 0;}
	.fos > li:last-child {padding-bottom: 0;}
	.fos > li .text {font-size: 14px;}
	.fos > li .text h2 {font-size: 16px;}
	.fos .icon {width: 40px; height: 40px;}
	.fos .lxs .icon i {background-size: 18px auto;}
	.fos .tel .icon i {background-size: 18px auto;}
	.fos .top .icon i {background-size: 12px auto;}

	.bnav {height: 80px;}
	.bnav .btext {margin-right: 80px;}
	.bnavs {padding-top: 25px; padding-bottom: 25px;}
	.btext {font-size: 14px;}
	.btext i {margin-right: 15px; width: 14px; height: 20px; background-size: contain;}
	.btext span {font-size: 13px;}
	.bmenu {column-gap: 30px;}
	.bmenu.xgap {column-gap: 20px;}
	.bmenu a {min-width: 100px; font-size: 16px;}
	.bmenu a::after {height: 2px;}
	.bmenu a.curt::after, .bmenu a:hover::after {width: 40px;}
	.sfls {height: 70px;}
	.sfls a {font-size: 18px;}
	.sfls a::after {height: 2px;}
	.sfls a.curt::after, .sfls a:hover::after {width: 40px;}
	/*===================================================================================*/
	.ibanner .swiper-pagination {bottom: 30px; right: var(--pad-lr); margin-right: 0; column-gap: 20px;}
	.ibanner .swiper-pagination span {font-size: 20px;}
	.ibanner .swiper-pagination span i {right: -20px; width: 20px;}
	.ibanner .swiper-pagination span i::after {width: 6px; height: 2px;}
	.ibanner .swiper-button {bottom: 30px; left: var(--pad-lr); margin-left: 0; column-gap: 15px;}
	.ibanner .swiper-prev, .ibanner .swiper-next {width: 40px; height: 40px;}
	.ibanner .swiper-prev i, .ibanner .swiper-next i {font-size: 16px;}
	.ibanner .text > div {align-items: center;}
	.ibanner .text h3 {margin-top: 10px;}
	/*
	.ibanner .text h2 {font-size: 40px;}
	.ibanner .text h3 {margin-top: 10px; font-size: 36px;}
	*/
	.itis h2 {padding-left: 20px;}
	.itis h2::before {top: 1px; width: 12px; height: 30px;}
	.itis h3 {font-size: 24px;}
	.itis p {font-size: 16px;}

	.iys > div {padding-top: 8%; padding-bottom: 6%;}
	.iys .bar {column-gap: 30px;}
	.iys .cont {gap: 30px; margin-left: 0; margin-right: 0;}
	.iys .cont .desc .text {background-size: auto 60px;}
	.iys .cont .text {padding: 20px 20px 15px 20px;}
	.iys .cont .text i {margin-bottom: 10px; width: 24px; height: 24px; font-size: 12px;}
	.iys .cont .text h2 {font-size: 16px;}
	.iys .cont .text p {margin-top: 8px; font-size: 14px;}

	.iabout {min-height: initial;}
	.iabout > div {padding-top: 8%; padding-bottom: 8%;}
	.iabout .text .editorc {margin-top: 4%;font-size: 16px;}
	.iabout .text .abtn {top: 35px;}
	.iabout .list {row-gap: 20px; margin-top: 6%;}
	.iabout .list li {padding-top: 20px; padding-bottom: 20px; font-size: 18px;}
	.iabout .list li i {margin-left: 50px; width: 26px; height: 26px;}
	.iabout .list li i::after {width: 6px; height: 6px;}

	.ipros > div {padding-top: 8%; padding-bottom: 8%;}
	.ipros .cont .desc .name h2 {font-size: 22px;}
	.ipros .cont .desc .name span {font-size: 14px;}
	.ipros .cont .desc .name i {margin-left: 8px; font-size: 12px;}
	.ipros .cont .mask {padding: 40px;}
	.ipros .cont .mask .text h2 {font-size: 26px;}
	.ipros .cont .mask .text p {line-height: 1.8;}

	.ifas .cont .intro {padding-top: 50px; padding-bottom: 50px;}
	.ifas .cont .intro h2 {font-size: 30px;}
	.ifas .cont .intro p {margin-top: 10px; font-size: 16px;}
	.ifas .cont .intro ul {row-gap: 20px;}
	.ifas .cont .intro li a {font-size: 16px;}
	.ifas .cont .list .text h2 {font-size: 18px;}
	.ifas .cont .list .text p {font-size: 14px;}
	/*===================================================================================*/
	.tmar {margin-top: 8%;}
	.tpad {padding-top: 8%;}
	.bpad {padding-bottom: 8%;}
	.ipad {padding-top: 8%; padding-bottom: 10%;}
	.cpad {padding-top: 6%; padding-bottom: 6%;}
	.cdw {top: -170px;}
	.video-play {width:1000px;height:560px;}
	.button-wp {font-size: 20px;}
	.btn-learn a {column-gap: 15px; padding: 6px 10px 6px 15px; font-size: 14px;}
	.btn-learn a i {width: 26px; height: 26px; font-size: 12px;}
	.btn-zoom {width: 70px; height: 70px;}
	.btn-zoom::after {inset: 8px;}
	.btn-zoom i {width: 26px; height: 26px; font-size: 12px;}
	.tag-number {width: 82px; height: 90px; border-radius: 0 0 41px 41px;}
	.tag-number::after {right: 8px; bottom: 8px; left: 8px; border-radius: 0 0 33px 33px;}
	.tag-number span {bottom: 16px; left: 16px; right: 16px; width: 50px; height: 50px; font-size: 24px;}
	/*===================================================================================*/
	/* 产品 */
	.pros > div {padding-bottom: 6%;}
	.pros .sfls {margin-top: 5%; border-radius: 8px;}
	.pros .ssjg {margin-top: 5%; height: 70px; font-size: 18px; border-radius: 8px;}

	.pros .list-fl {gap: 40px; margin-top: 6%;}
	.pros .list-fl .mask {padding: 30px;}
	.pros .list-fl .name h2 {font-size: 22px;}
	.pros .list-fl .tfls {gap: 15px 20px;}
	.pros .list-fl .tfls a {column-gap: 10px; font-size: 16px;}
	.pros .list-fl .tfls a i {margin-top: 2px;}
	.pros .list {gap: 35px; margin-top: 6%;}
	.pros .list a {border-radius: 8px;}
	.pros .list .text {padding: 20px;}
	.pros .list .text h2 {font-size: 18px;}
	.pros .list .text p {margin-top: 10px; font-size: 14px;}

	.prods .info > div {padding-right: var(--pad-lr); padding-bottom: 5%;}
	.prods .info .btext {padding-top: 25px; padding-bottom: 50px;}
	.prods .info .text {padding-right: 6%; width: 65%;}
	.prods .info .name::before {margin-bottom: 10px; width: 30px; height: 12px;}
	.prods .info .tis {margin-top: 10px;}
	.prods .info .editorc {margin-top: 20px; font-size: 16px;}
	.prods .info .abtn {margin-top: 30px;}
	.prods .info .abtn a {column-gap: 15px; padding: 6px 10px 6px 15px; font-size: 14px;}
	.prods .info .abtn a i {width: 26px; height: 26px; font-size: 20px;}
	.prods .info .imgs {width: 35%; border-radius: 8px;}

	.prods .gntd .cont {gap: 30px;}
	.prods .gntd .cont li {border-radius: 8px;}
	.prods .gntd .cont li:hover {top: -10px; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
	.prods .gntd .cont .text {padding: 30px 20px;}
	.prods .gntd .cont .text h4 {font-size: 20px;}
	.prods .gntd .cont .text p {margin-top: 10px; font-size: 16px;}

	.prods .zyyt .cont {height: 400px;}
	.prods .zyyt .cont .imgs {border-radius: 0 8px 8px 0;}
	.prods .zyyt .cont .text {padding-right: var(--pad-lr);}
	.prods .zyyt .cont .desc {row-gap: 25px; padding-left: 35px;}
	.prods .zyyt .cont .desc h4 {font-size: 20px;}
	.prods .zyyt .cont .desc p {margin-top: 5px; font-size: 16px;}

	.prods .specs .cont table tr:nth-child(1) td {font-size: 18px;}
	.prods .specs .cont table tr td {padding: 15px; font-size: 16px;}
	.prods .specs .cont table tr:not(:first-child) td:nth-child(1) {font-size: 16px;}
	/*===================================================================================*/
	/* 新闻资讯 */
	.news .tws {margin-bottom: 6%;}
	.news .tws .text {font-size: 14px;}
	.news .tws .name {font-size: 18px;}
	.news .tws .date {margin-top: 5px;}
	.news .tws .desc {margin-top: 20px;}
	.news .tws .swiper-pagination {bottom: 20px;right: 20px; column-gap: 10px;}
	.news .tws .swiper-pagination span {width: 12px; height: 12px;}
	.news .tws .swiper-pagination span.swiper-pagination-bullet-active {width: 16px; height: 16px;}
	.news .tws .swiper-pagination span.swiper-pagination-bullet-active::after {width: 8px; height: 8px;}

	.nlist {gap: 40px;}
	.nlist .text {padding: 15px 25px 20px 25px;}

	.wzds .cont {padding: 0 40px 80px 40px; border-radius: 8px; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
	.wzds .info {padding-top: 50px; padding-bottom: 25px;}
	.wzds .info h1 {font-size: 24px;}
	.wzds .info p {column-gap: 40px; margin-top: 25px}
	.wzds .hots {padding-top: 10%;}
	/*===================================================================================*/
	/* 解决方案 */
	.jjfa .list {gap: 50px;}
	.jjfa .list .text {bottom: 25px; left: 30px; right: 30px;}
	.jjfa .list .text .name h2 {font-size: 22px;}
	.jjfa .list .text .name i {margin-bottom: 2px; width: 20px; height: 20px; margin-left: 50px; font-size: 10px;}
	.jjfa .list .text p {margin-top: 5px; font-size: 16px;}
	.jjfa .list .mask h2 {font-size: 22px;}
	.jjfa .list .mask p {margin-top: 5px; font-size: 16px;}
	.jjfa .list .mask .icon {margin-bottom: 15px;}

	.fads-bnav {left: 4%;}
	.fads .fajz .cont {gap: 30px;}
	.fads .fajz .cont li {padding: 0 20px 20px 20px; min-height: 300px; border-radius: 8px;}
	.fads .fajz .cont li h4 {margin-top: 30px; font-size: 20px;}
	.fads .fajz .cont li p {margin-top: 20px; font-size: 16px;}
	.fads .fajz .cont li:hover {top: -20px; box-shadow: 0 0 20px rgba(0,0,0,0.15);}
	
	.fads .hxsb .cont li {min-height: 408px;}
	.fads .hxsb .cont .text {padding: 30px 30px 30px 40px;}
	.fads .hxsb .cont .name {font-size: 20px;}
	.fads .hxsb .cont .desc {row-gap: 15px; margin-top: 20px;}
	.fads .hxsb .cont .desc dd {padding-left: 30px;}
	.fads .hxsb .cont .desc i {top: 2px; width: 18px; height: 18px; font-size: 10px;}
	.fads .hxsb .cont .desc h4 {font-size: 16px;}
	.fads .hxsb .cont .desc p {margin-top: 3px; font-size: 14px;}
	.fads .hxsb .cont .abtn {margin-top: 30px;}
	/*===================================================================================*/
	/* 技术服务 */
	.fw1 .wxfw .cont {gap: 30px;}
	.fw1 .wxfw .cont .mask {bottom: 25px; padding-left: 20px; padding-right: 20px;}
	.fw1 .wxfw .cont .icon {margin-bottom: 30px; height: 50px;}
	.fw1 .wxfw .cont .text h4 {padding-bottom: 15px; font-size: 18px;}
	.fw1 .wxfw .cont .text p {margin-top: 12px; font-size: 14px;}

	.fw2 .zlfw {padding-top: 6%; padding-bottom: 0;}
	.fw2 .zlfw .cont {display: none;}
	.fw2 .zlfw .cont-pics {margin-top: 5%;}
	.fw2 .zlfw .cont-pics, .fw2 .zlfw .cont-m {display: block;}
	.fw2 .zlfw .cont-m {background-color:#fff;}
	.fw2 .zlfw .cont-m .text {padding: 3% var(--pad-lr) 6% var(--pad-lr);}
	.fw2 .zlfw .cont-m .text .number .page {color: var(--blue); font-size: 36px; margin-right: 5px;}
	.fw2 .zlfw .cont-m .text .number .total {color:rgba(0,0,0,0.4); font-size: 20px;}
	.fw2 .zlfw .cont-m .text .name {margin-top: 15px; color: var(--blue); font-size: var(--tis30-fs); font-weight: normal;}
	.fw2 .zlfw .cont-m .text .desc {margin-top: 20px; display: flex; flex-direction: column; row-gap: 10px; font-size: 16px; line-height: var(--text-lh);}

	.fw3 .pxfw .cont {gap: 40px;}
	.fw3 .pxfw .cont .text {padding: 20px;}
	.fw3 .pxfw .cont .text h4 {font-size: 18px;}
	.fw3 .pxfw .cont .text p {font-size: 14px;}
	.fw3 .xzwm .cont {gap: 30px;}
	.fw3 .xzwm .cont li {padding: 25px; padding-right: 120px;}
	.fw3 .xzwm .cont li h4 {font-size: 20px;}
	.fw3 .xzwm .cont li p {margin-top: 10px; font-size: 16px;}
	.fw3 .xzwm .cont .number {margin-top: -43px; width: 90px; height: 82px; border-radius: 41px 0 0 41px;}
	.fw3 .xzwm .cont .number::after {top: 8px; left: 8px; bottom: 8px; border-radius: 33px 0 0 33px;}
	.fw3 .xzwm .cont .number span {top: 16px; left: 16px; width: 50px; height: 50px; font-size: 24px;}
	
	.fwys .cont {margin-top: 4%; height: 350px;}
	.fwys .cont li span {font-size: 36px;}
	.fwys .cont li h4 {margin-top: 10px; font-size: 18px;}
	.fwys .cont li p {margin-top: 10px; font-size: 14px;}
	.fwys .cont li:hover .text {transform: translateY(50px);}
	.fwys .cont .text {padding-left: 20px; padding-right: 20px;}
	.fwys .cont .name {left: 20px; right: 20px;}
	.fwys1 .cont, .fwys2 .cont, .fwys3 .cont {margin-left: -20px; margin-right: -20px;}
	/*===================================================================================*/
	/* 关于我们 */
	.gywm .gsjj .cont {padding-top: var(--pad-tb); padding-bottom: var(--pad-tb);}
	.gywm .gsjj .cont .text {margin-right: 5%;}
	.gywm .gsjj .cont .text .intro {margin-top: 5%; font-size: 16px;}
	.gywm .gys {padding-top: 8%; padding-bottom: 8%; height: auto;}
	.gywm .gys .cont {margin-top: 5%; height: 200px;}
	.gywm .gys .cont .items span {padding: 10px;}
	.gywm .fwln {padding-top: 8%; padding-bottom: 8%;}
	.gywm .fwln .cont {margin-top: 5%;}
	.gywm .fwln .rows:not(:first-child) {margin-top: 5%;}
	.gywm .fwln .rows .intro {padding: 40px;}
	.gywm .fwln .rows .desc {margin-top: 5%;}

	.jrwm > div {padding-top: 5%; padding-bottom: 8%;}
	.jrwm .cont {margin-top: 4%;}
	.jrwm .head .number {width: 200px;}
	.jrwm .head .date {width: 200px;}
	/*===================================================================================*/
	/* 联系我们 */
	.lxwm > div {padding-top: 8%; padding-bottom: 8%;}
	.lxwm .info {font-size: 16px;}
	.lxwm .info .qrcode li p {font-size: 16px;}
	.lxwm .message .dw {top: -150px;}
	/*===================================================================================*/
	/* 资料下载 */
	.zlxz > div {padding-top: 4%; padding-bottom: 5%;}
	.zlxz .cont {margin-top: 4%;}
	.zlxz .cont dl {column-gap: 20px; padding-top: 15px; padding-bottom: 15px;}
	.zlxz .cont .head {font-size: 18px;}
	.zlxz .cont .name {padding-left: 30px;}
	.zlxz .cont .name i {margin-right: 15px; width: 16px; height: 20px; background-size: 32px 20px;}
	.zlxz .cont .date {width: 150px;}
	.zlxz .cont .btn { width: 150px;}
	.zlxz .cont .btn a {padding-left: 15px; padding-right: 15px; height: 30px; font-size: 14px; border-radius: 16px;}
	.zlxz .cont .btn a i {margin-right: 8px; width: 16px; height: 14px; background-size: 32px 14px;}
	.zlxz .list dl {font-size: 16px;}

	.video > div {padding-top: 4%; padding-bottom: 5%;}
	.video .list {gap: 30px;}
	.video .list a {border-radius: 8px;}
	.video .list .name {height: 90px; font-size: 18px;}
	/*===================================================================================*/
	.news-page {margin-top: 5%;}
	.pros-page {margin-top: 5%;}
	.fypage a,.fypage span {width:32px; height:32px; font-size:14px;}
	.fypage .fypage-prev i,.fypage .fypage-next i {font-size:14px;}
}

@media only screen and (max-width: 1024px){
	:root {--header-height: 80px; --tis-fs: 36px; --itis-fs: 24px; --ntis-fs: 24px; --tis30-fs: 20px; --fs16: 14px; --lh19: 1.8; --text-lh: 1.8; --editorc-fs: 14px; --editorc-lh: 1.8;}
	body {font-size: 14px;}
	input,select,button,textarea {font-size: 14px;}

	.header .logo {height: 51px;}
	.header .nav {display: none;}
	.header .rsl {margin-right: 30px;}
	.header .ss {margin-left: 0;}
	.header .cd {display: flex; align-items: center; justify-content: center; width: 26px; height: 26px;}
	.header .cd span {position:relative; width:26px; height:2px; border-radius:2px; background-color:#fff; transition: none;}
	.header .cd span:before {position:absolute;top:7px;left:0;display:block;width:100%;height:2px;content:"";border-radius:2px;transition-duration:0.3s, 0.3s;transition-delay:0.3s, 0s;transition-property:top,transform;background-color:#fff;}
	.header .cd span:after {position:absolute;bottom:7px;left:0;display:block;width:100%;height:2px;content:"";border-radius:2px;transition-duration:0.3s, 0.3s;transition-delay:0.3s, 0s;transition-property:bottom,transform;background-color:#fff;}
	.header .cd span.active {background-color:transparent;transition-delay:0s, 0.3s;}
	.header .cd span.active:before {top:0px;transform:rotate(45deg);transition-delay:0s, 0.3s;}
	.header .cd span.active:after {bottom:0px;transform:rotate(-45deg);transition-delay:0s, 0.3s;}
	
	.header.on .cd span, .header.hon .cd span, .header.fd .cd span {background-color:#282828;}
	.header.on .cd span:before, .header.hon .cd span:before, .header.fd .cd span:before {background-color:#282828;}
	.header.on .cd span:after, .header.hon .cd span:after, .header.fd .cd span:after {background-color:#282828;}
	.header.on .cd span.active, .header.hon .cd span.active, .header.fd .cd span.active {background-color:transparent;}

	.menu {position:fixed;top:0;left:0;z-index:98;display:block;padding-top:90px;width:100%;height:100%;overflow-y:auto;box-sizing:border-box;background-color:#fff;opacity:0;transform:translateX(100%);transition:all ease-out 300ms;}
	.menu.active {opacity:1;transform:translateX(0);}
	.menu .close {display: flex; align-items: center; justify-content: flex-end; padding:0 var(--pad-lr); height: 60px; border-bottom:1px solid rgba(255,255,255,0.1);}
	.menu .close span {color:#fff; font-weight: normal;}
	.menu .close span i {margin-right: 5px;}
	.menu .lang a {color:#000;}
	.menu .lang span {padding: 0 10px;}
	.menu .list {border-bottom:1px solid rgba(100,100,100,0.1);}
	.menu .list a {display:block; color:#000;}
	.menu .list a:hover {color: var(--hover-color);}
	.menu .list p {position:relative;}
	.menu .list p > a {padding:15px var(--pad-lr);color:#000;font-size:16px;font-weight:600;}
	.menu .list span {position:absolute;top:0;right:0;z-index:2;display:flex;width:50px;height:100%;align-items:center;justify-content:center;text-align:center;}
	.menu .list span i {display:block;color:#666;font-size:12px;font-weight:bold;transition:all 300ms;}
	.menu .list span.active i {color: var(--hover-color); transform:rotate(-180deg);}
	.menu dl {display:none; transition:none;}
	.menu dl dt {position:relative; padding-left: var(--pad-lr); padding-right: var(--pad-lr); border-top:1px solid rgba(100,100,100,0.1);}
	.menu dl dt > a {padding:13px var(--pad-lr) 13px 1em; color:#333; font-size:16px;}
	.menu dl dd {display:none; transition:none;}
	.menu dl dd a {padding:13px var(--pad-lr) 13px 8%;color:#333;font-size:16px;border-top:1px solid rgba(100,100,100,0.1);}
	.menu dl dd a.subs {font-weight: bold;}
	
	.footer .info {display: block;}
	.footer .lxs {margin-top: 5%; margin-left: 0; width: auto;}
	.footer .lxs .logo img {height: 51px;}
	.fos .tel .info {top: -90px; padding: 0 20px;}
	.fos .tel .info li {padding-top: 15px; padding-bottom: 15px;}
	.fos .tel .info li h2 {font-size: 20px;}
	.fos .tel .info li span {font-size: 12px;}

	.banner {height: 500px;}
	.banner .intro {padding-top: var(--header-height);}
	.banner .intro h1, .banner .intro h2, .banner .intro h3 {font-size: 36px;}
	.banner .intro .en {margin-top: 15px; font-size: 24px;}
	.banner .intro .tis {font-size: 20px;}
	.banner .intro .desc {font-size: 14px;}
	.banner .intro .desc2 {margin-top: 20px; font-size: 14px; display: none;}
	.banner .intro .jrwm-tis {margin-top: 0; font-size: 36px;}
	.banner .intro .jrwm-desc {margin-top: 10px; font-size: 18px;}
	.bnav-m, .bname-m {display:block;}
	.bnav, .bmenu, .sfls {display:none;}
	.cdw {top: -80px;}
	/*===================================================================================*/
	.ibanner .text h2 {font-size: 40px;}
	.ibanner .text h3 {margin-top: 10px; font-size: 36px;}

	.itis h2::before {top: 0; width: 9px; height: 24px;}
	.itis h3 {font-size: 20px;}
	.itis p {font-size: 14px;}
	
	.iys .bar {column-gap: 20px;}
	.iys .cont {gap: 20px;}
	.iys .cont .desc .text {background-size: auto 40px;}
	.iys .cont .mask .icon {padding-top: 80px;}
	.iys .cont a {border-radius: 8px;}
	.iys .cont a:hover {border-radius: 60px 8px 8px 8px;}

	.iabout .list {width: 80%;}

	.ipros .conts {padding-top: 0;}
	.ipros .cont {display: block; position: static;}
	.ipros .cont .items {position: relative; padding-top: 68.852%; width: auto; border-radius: 8px;}
	.ipros .cont .items:not(:first-child) {margin-top: var(--pad-tb);}
	.ipros .cont .items img {position: absolute; top: 0; left: 0;}
	.ipros .cont .desc {display: none;}
	.ipros .cont .mask {opacity: 1;}
	.ipros .cont .mask .text {transform: none;}
	.ipros .cont .mask .text h2 {}
	.ipros .cont .mask .text p {}
	.ipros .cont .mask .list {transform: none; margin-top: 6%;}
	.ipros .cont .mask .list li a {column-gap: 10px;}
	.ipros .cont .mask .list li a i {width: 24px; height: 24px; font-size: 12px;}
	.ipros .cont .mask .abtn {transform: none; margin-top: 6%;}
	.ipros .cont .on {width: auto;}
	.ipros .cont .on .mask .text, .ipros .cont .on .mask .list, .ipros .cont .on .mask .abtn {transform: none;}

	.ifas .cont .intro {padding-top: 40px; padding-bottom: 40px;}
	.ifas .cont .intro h2 {font-size: 24px;}
	.ifas .cont .intro p {margin-top: 8px; font-size: 14px;}
	.ifas .cont .intro ul {row-gap: 20px; margin-top: 6%;}
	.ifas .cont .intro li a {column-gap: 10px;}
	.ifas .cont .intro li a i {width: 24px; height: 24px; font-size: 12px;}
	.ifas .cont .list {width: 40%;}
	.ifas .cont .list a {column-gap: 20px; padding: 12px 20px;}
	.ifas .cont .list .text p {-webkit-line-clamp: 2;}
	.ifas .cont .list .icon {width: 30px; height: 30px; font-size: 12px;}
	/*===================================================================================*/
	.nodata {font-size:16px;}
	.mhide {display: none;}
	.button-wp {font-size: 18px;}
	.editorc-box {padding-top:3%;}
	.video_play {width:857px;height:480px;}
	.pnas {margin-top: 6%; padding-top: 30px;}
	.pnas .next {top: 30px;}
	.tag-number {width: 64px; height: 70px; border-radius: 0 0 32px 32px;}
	.tag-number::after {right: 6px; bottom: 6px; left: 6px; border-radius: 0 0 26px 26px;}
	.tag-number span {bottom: 12px; left: 12px; right: 12px; width: 40px; height: 40px; font-size: 20px;}
	/*===================================================================================*/
	/* 产品 */
	.pros .list-fl {gap: 25px;}
	.pros .list-fl .mask {padding: 25px;}
	.pros .list-fl .name h2 {padding-bottom: 15px; min-width: auto; width: 100%; font-size: 20px;}
	.pros .list-fl .tfls {gap: 10px 30px; margin-top: 15px; width: auto;}
	.pros .list-fl .tfls a {column-gap: 8px; font-size: 14px;}
	.pros .list-fl .tfls a i {margin-top: 3px; width: 12px; height: 12px; font-size: 6px;}
	.pros .list {margin-top: var(--pad-tb);}

	.prods .info .editorc {font-size: 14px;}
	.prods .gntd .cont {gap: 25px;}
	.prods .gntd .cont .text {padding: 20px;}
	.prods .gntd .cont .text h4 {font-size: 18px;}
	.prods .gntd .cont .text p {margin-top: 5px; font-size: 14px;}

	.prods .zyyt .cont {height: 380px;}
	.prods .zyyt .cont .desc {row-gap: 20px; padding-left: 30px;}
	.prods .zyyt .cont .desc h4 {font-size: 18px;}
	.prods .zyyt .cont .desc p {margin-top: 5px; font-size: 14px;}

	.prods .specs .cont table tr:nth-child(1) td {font-size: 16px;}
	.prods .specs .cont table tr td {padding: 10px; font-size: 14px;}
	.prods .specs .cont table tr:not(:first-child) td:nth-child(1) {font-size: 14px;}
	/*===================================================================================*/
	/* 新闻资讯 */
	.news .tws {border-radius: 8px;}
	.news .tws .text {padding: 30px; padding-bottom: 0;}
	.news .tws .desc {margin-top: 10px;}
	.news .tws .abtn {margin-top: 30px;}
	.news .tws .abtn a {column-gap: 15px;}
	.news .tws .abtn i {width: 24px; height: 24px; font-size: 10px;}
	.news .tws .swiper-pagination {bottom: 20px;right: 20px; column-gap: 10px;}
	.news .tws .swiper-pagination span {width: 12px; height: 12px;}
	.news .tws .swiper-pagination span.swiper-pagination-bullet-active {width: 16px; height: 16px;}
	.news .tws .swiper-pagination span.swiper-pagination-bullet-active::after {width: 8px; height: 8px;}
	
	.nlist {grid-template-columns: 1fr 1fr;}
	.nlist a {border-radius: 8px;}

	.wzds .cont {padding: 0 30px 50px 30px;}
	.wzds .info {padding-top: 40px; padding-bottom: 20px;}
	.wzds .info h1 {font-size: 20px;}
	.wzds .info p {column-gap: 40px; margin-top: 20px}
	.wzds .hots .nlist a:nth-child(4) {display: block;}
	/*===================================================================================*/
	/* 解决方案 */
	.jjfa .cpad {padding-top: var(--pad-lr);}
	.jjfa .list {gap: 40px;}
	.jjfa .list .text .name h2 {font-size: 20px;}
	.jjfa .list .mask h2 {font-size: 20px;}

	.fads-bnav {top: 100px;}
	.fads .fajs {display: block; padding-top: 4%; padding-bottom: var(--pad-lr); line-height: var(--text-lh); background-color:#fff;}
	.fads .fajz .cont {gap: 25px;}
	.fads .fajz .cont li {padding: 0 20px 20px 20px; min-height: 240px;}
	.fads .fajz .cont li h4 {margin-top: 25px; font-size: 18px;}
	.fads .fajz .cont li p {margin-top: 15px; font-size: 14px;}
	.fads .fajz .cont li:hover {top: -10px; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
	
	.fads .hxsb .cont li {min-height: 325px;}
	.fads .hxsb .cont .name {font-size: 18px;}
	/*===================================================================================*/
	/* 技术服务 */
	.fw1 .wxfw .cont {gap: 20px;}
	.fw1 .wxfw .cont .mask {bottom: 20px;}
	.fw1 .wxfw .cont .icon {margin-bottom: 20px; height: 40px;}
	.fw1 .wxfw .cont .text h4 {padding-bottom: 12px; font-size: 16px;}
	.fw1 .wxfw .cont .text p {margin-top: 10px; min-height: 110px; line-height: 22px; font-size: 12px; -webkit-line-clamp: 5;}
	.fw1 .wxfw .cont li:hover .mask {transform: translateY(-20px);}
	.fwys .cont {height: 300px;}
	.fwys .cont li span {font-size: 30px;}
	.fwys .cont li h4 {margin-top: 5px; font-size: 16px;}
	.fwys .cont li p {margin-top: 10px; font-size: 12px;}
	.fwys .cont li:hover .text {transform: translateY(30px);}
	/*===================================================================================*/
	/* 资料下载 */
	.zlxz .cont {margin-top: 0;}
	.video .list .name {height: 75px; font-size: 16px;}
	.video .list .icon {margin-left: -25px; margin-top: -25px; width: 50px; height: 50px;}
	.video .list .icon::after {width: 18px; height: 20px;}
	/*===================================================================================*/
	/* 关于我们 */
	.gywm .fwln .rows:not(:first-child) {margin-top: 8%;}
	.gywm .fwln .rows .imgs {display: block;}
	.gywm .fwln .rows .imgs span {width: auto;}
	.gywm .fwln .rows .imgs img {transition: none;}
	.gywm .fwln .rows .text {display: block; position: static; padding-top: var(--pad-tb);}
	.gywm .fwln .rows .intro {display: block; padding: 0; width: auto;}
	.gywm .fwln .rows .tis {padding-bottom: 20px;}
	.gywm .fwln .rows .tis::after {width: 42px; height: 2px;}
	.gywm .fwln .rows .desc {margin-top: 20px;}
	.gywm .fwln .rows:hover .imgs img {transform: scale(1);}
	.gywm .fwln .rows:hover .intro {background-color:#fff;}
	.gywm .fwln .rows:hover .tis {border-bottom-color:#fff;}

	.jrwm .tits > div {font-size: 16px;}
	.jrwm .tits .phone h2 {font-size: 20px;}
	.jrwm .head {padding: 8px 30px;}
	.jrwm .head .number {width: 150px;}
	.jrwm .head .date {width: 150px;}
	.jrwm .thead {height: 65px; font-size: 16px;}
	.jrwm .rhead {height: 60px; font-size: 14px;}
	.jrwm .list .text {padding: 20px 30px;}
	/*===================================================================================*/
	/* 联系我们 */
	.lxwm > div {display: block; padding: 0;}
	.lxwm .info {padding: var(--pad-lr); padding-bottom: 5%;}
	.lxwm .info .intro p {margin-top: 5px;}
	.lxwm .message {padding: var(--pad-lr); padding-bottom: 5%; border-radius: 0; border: none; border-top: 1px solid #d6d6d6;}
	.lxwm .message .dw {top: -80px;}
	.lxwm .message .items {margin-top: 4%;}
	.lxwm .message .btn {margin-top: 4%;}
	.lxwm .message .btn button {height: 50px; font-size: 18px;}
	/*===================================================================================*/
}

@media only screen and (max-width: 800px){
	:root {--tis-fs: 30px; --itis-fs: 22px; --ntis-fs: 22px; --tis30-fs: 18px;}
	.header .logo {height: 45px;}
	.header .search .srk {width: 220px;}
	.footer > div {padding: 0;}
	.footer .info {padding: 5% var(--pad-lr);}
	.footer .fnav {display: none;}
	.footer .lxs {margin-top: 0;}
	.footer .lxs .logo img {height: 45px;}
	.footer .lxs .tel {margin-top: 5%;}
	.footer .lxs .tel h2 {font-size: 24px;}
	.footer .lxs .address {margin-top: 3%;}
	.footer .lxs .address p:not(:first-child) {margin-top: 6px;}
	.footer .copyright {padding: 3% var(--pad-lr);}

	.banner {height: 400px;}
	.banner .intro h1, .banner .intro h2, .banner .intro h3 {font-size: 28px;}
	.banner .intro .en {margin-top: 10px; font-size: 22px;}
	.banner .intro .tis {margin-top: 5px; font-size: 18px;}
	.banner .intro .desc {margin-top: 12px; width: auto;}
	.banner .intro .desc2 {margin-top: 12px; width: auto;}
	.banner .intro .jrwm-tis {font-size: 30px;}
	.banner .intro .jrwm-desc {font-size: 18px;}

	.bnav-m, .bname-m {display:block;}
	.bnavs {padding-top: 3%; padding-bottom: 3%;}
	.btext {font-size: 12px;}
	.btext i {margin-right: 10px; width: 12px; height: 18px; background-size: contain;}
	.btext span {margin-left: 5px; margin-right: 5px; font-size: 11px;}
	.btn-learn a {column-gap: 10px; padding: 5px 5px 5px 12px; font-size: 12px;}
	.btn-learn a i {width: 20px; height: 20px; font-size: 10px;}
	.video-play {width: 700px; height: 392px;}
	.editorc-nrs {margin-top: 4%;}
	.fos {display: none;}
	.pnas {padding-top: 20px;}
	.pnas .prev, .pnas .next {column-gap: 10px; width: 120px; height: 40px; font-size: 14px; border-radius: 20px;}
	.pnas .prev i, .pnas .next i {font-size: 14px;}
	.pnas .next {top: 20px;}
	.pnas .back {margin-left: -50px; width: 100px; row-gap: 8px;}
	.pnas .back i {width: 36px; height:36px; font-size: 18px;}
	/*===================================================================================*/
	.ibanner .swiper-slide {height: 60vh;}
	.ibanner .swiper-pagination {bottom: 20px; column-gap: 16px;}
	.ibanner .swiper-pagination span {font-size: 16px;}
	.ibanner .swiper-pagination span i {right: -16px; width: 16px;}
	.ibanner .swiper-pagination span i::after {width: 4px; height: 1px;}
	.ibanner .swiper-button {bottom: 20px;}
	.ibanner .swiper-prev, .ibanner .swiper-next {width: 30px; height: 30px;}
	.ibanner .swiper-prev i, .ibanner .swiper-next i {font-size: 12px;}
	.ibanner .text {padding-top: 80px;}
	.ibanner .text h2 {font-size: 28px;}
	.ibanner .text h3 {font-size: 24px;}
	.itis h2 {padding-left: 15px;}
	.itis h2::before {top: 0; width: 8px; height: 22px;}
	.itis h3 {margin-top: 10px; font-size: 20px;}

	.iys .cont {grid-template-columns: 1fr 1fr; gap: 25px;}
	.iys .cont a:hover {border-radius: 8px;}
	.iys .cont a:hover .desc {visibility: visible;}
	.iys .cont a:hover .mask {visibility: hidden;}
	.iys .cont .mask, .iys .bar {display: none;}

	.iabout .itis h3 {padding-right: 0;}
	.iabout .text {width: auto;}
	.iabout .text .abtn {position: static; top: 0; margin-top: 6%;}
	.iabout .list {row-gap: 15px; width: 70%;}
	.iabout .list li {padding-top: 15px; padding-bottom: 15px; font-size: 16px;}
	.iabout .list li i {margin-left: 30px; width: 20px; height: 20px;}
	.iabout .list li i::after {width: 4px; height: 4px;}

	.ipros .cont .mask {padding: 30px;}
	.ipros .cont .mask .text h2 {font-size: 20px;}
	.ipros .cont .mask .text p {margin-top: 5px; font-size: 14px;}
	.ipros .cont .mask .list li a {column-gap: 8px; font-size: 14px;}
	.ipros .cont .mask .list li a i {width: 18px; height: 18px; font-size: 8px;}
	.ipros .cont .mask .abtn {margin-top: auto;}

	.ifas {display: none;}
	.ifas-m {display: block; position: relative;}
	.ifas-m .swiper-slide {position: relative;}
	.ifas-m .swiper-pagination {bottom: 15px; height: auto;}
	.ifas-m .swiper-pagination span.swiper-pagination-bullet {margin: 0 5px; width: 10px; height: 10px; opacity: 1; background-color: rgba(0,0,0,0.5);}
	.ifas-m .swiper-pagination span.swiper-pagination-bullet-active {opacity: 1; background-color:#fff;}
	.ifas-m .imgs {position: relative; z-index: -1; height: 400px; font-size: 0;}
	.ifas-m .intro {position: absolute; inset: 0; z-index: 10; padding: 6% var(--pad-lr) 0 var(--pad-lr); color:#fff; box-sizing: border-box;}
	.ifas-m .intro h2 {font-size: 20px; font-weight: normal;}
	.ifas-m .intro p {margin-top: 5px; color:rgba(255,255,255,0.7); font-size: 14px; line-height: var(--text-lh);}
	.ifas-m .intro ul {display: grid; grid-template-columns: 1fr 1fr; gap: 20px 30px; margin-top: 6%;}
	.ifas-m .intro li a {display: flex; align-items: center; column-gap: 10px; color:#fff; font-size: 14px;}
	.ifas-m .intro li a i {flex: 0 0 auto; width: 18px; height: 18px; color:var(--blue); font-size: 8px; font-weight: bold; border-radius: 50%; background-color:rgba(255,255,2550,0.4);}
	.ifas-m .intro .abtn {margin-top: 8%;}
	/*===================================================================================*/
	/* 产品 */
	.pros .ssjg {height: 50px; font-size: 16px; border-radius: 8px;}
	.pros .list-fl {display: block;}
	.pros .list-fl li:not(:first-child) {margin-top: 6%;}
	.pros .list-fl .mask {padding: 40px;}
	.pros .list-fl .name h2 {padding-bottom: 20px; min-width: 360px; width: auto; font-size: 22px;}
	.pros .list-fl .tfls {gap: 20px 30px; margin-top: 30px; width: 425px;}
	.pros .list-fl .tfls a {column-gap: 10px; font-size: 16px;}
	.pros .list-fl .tfls a i {margin-top: 3px; width: 16px; height: 16px; font-size: 8px;}
	.pros .list {grid-template-columns: 1fr 1fr; gap: 20px;}
	.pros .list .text h2 {font-size: 16px;}
	.pros .list .text p {margin-top: 5px; line-height: 1.6;}

	.prods .info > div {background: none;}
	.prods .info .btext {padding-bottom: 40px;}
	.prods .info .name::before {margin-bottom: 5px; width: 20px; height: 8px;}
	.prods .info .tis {margin-top: 5px;}

	.prods .gntd .cont {grid-template-columns: 1fr 1fr; gap: 20px;}
	.prods .gntd .cont .text {padding: 20px;}
	.prods .gntd .cont .text h4 {font-size: 16px;}
	.prods .gntd .cont .text p {margin-top: 5px; font-size: 14px; line-height: 1.6;}
	.prods .gntd .cont li:hover {top: 0; box-shadow: none; background-color:#f5f6f9;}

	.prods .zyyt .cont {height: 300px;}
	.prods .zyyt .cont .bar {width: 12px;}
	.prods .zyyt .cont .bar::before {width: 12px; height: 12px;}
	.prods .zyyt .cont .desc {row-gap: 15px; padding-left: 30px;}
	.prods .zyyt .cont .desc h4 {font-size: 16px;}
	.prods .zyyt .cont .desc p {margin-top: 3px;}
	.prods .zyyt .cont .desc::-webkit-scrollbar {width: 4px; height: 4px; background-color:#f5f6f9;}
	.prods .zyyt .cont .desc::-webkit-scrollbar-track {border-radius: 2px; background-color:#f5f6f9;}
	.prods .zyyt .cont .desc::-webkit-scrollbar-thumb {border-radius: 2px; background-color:#f5f6f9;}

	.prods .specs .cont table tr:nth-child(1) td {font-size: 12px;}
	.prods .specs .cont table tr td {padding: 8px; font-size: 12px;}
	.prods .specs .cont table tr:not(:first-child) td:nth-child(1) {font-size: 12px;}
	/*===================================================================================*/
	/* 新闻资讯 */
	.news .tws {box-shadow: 0 0 20px rgba(0,0,0,0.1);}
	.news .tws .swiper-slide {display: initial;}
	.news .tws .swiper-pagination {position: static; padding-bottom: 4%; width: 100%; justify-content: center;}
	.news .tws .imgs {width: auto;}
	.news .tws .text {padding: 4%;}
	.news .tws .text .name {font-weight: bold;}
	.nlist {gap: 25px;}
	.wzds .info {padding-top: 30px; padding-bottom: 10px;}
	.wzds .info p {column-gap: 30px; margin-top: 15px; font-size: 12px;}
	.wzds .info p i {margin-right: 3px; font-size: 13px;}
	.wzds .editorc {margin-top: 4%;}
	/*===================================================================================*/
	/* 解决方案 */
	.jjfa .list {display: block;}
	.jjfa .list a {display: block; border-radius: 8px;}
	.jjfa .list a:not(:first-child) {margin-top: var(--pad-tb);}
	.jjfa .list a:hover .text {opacity: 1;}
	.jjfa .list a:hover .mask {display: none;}

	.fads-bnav {top: auto; bottom: 10px;}
	.fads .fajz .cont {grid-template-columns: 1fr 1fr; gap: 20px;}
	.fads .fajz .cont li {padding: 0 20px 40px 20px; min-height: initial;}
	.fads .fajz .cont li:hover {top: 0; box-shadow: none;}
	.fads .hxsb .cont li {display: block; min-height: initial;}
	.fads .hxsb .cont li:not(:first-child) {margin-top: var(--pad-tb);}
	.fads .hxsb .cont .imgs {width: auto;}
	.fads .hxsb .cont .imgs span {display: none;}
	.fads .hxsb .cont .imgs img {display: initial; width: 100%;}
	.fads .hxsb .cont .text {padding: 30px;}
	.fads .hxsb .cont .desc {margin-top: 4%;}
	.fads .hxsb .cont .abtn {margin-top: 5%;}
	/*===================================================================================*/
	/* 技术服务 */
	.fw1 .wxfw .cont {grid-template-columns: 1fr 1fr;}
	.fw2 .zlfw .cont-pics .swiper-pagination {bottom: 15px;}
	.fw2 .zlfw .cont-pics .swiper-pagination span {margin: 0 5px; width: 10px; height: 10px;}
	.fw2 .zlfw .cont-m .text .number .page {font-size: 26px; margin-right: 5px;}
	.fw2 .zlfw .cont-m .text .number .total {font-size: 16px;}
	.fw2 .zlfw .cont-m .text .name {margin-top: 10px;}
	.fw2 .zlfw .cont-m .text .desc {margin-top: 15px; row-gap: 8px; font-size: 14px;}

	.fw3 .pxfw .cont {gap: 20px;}
	.fw3 .pxfw .cont .text {padding: 15px;}
	.fw3 .pxfw .cont .text h4 {font-size: 16px;}
	.fw3 .pxfw .cont .text p {margin-top: 5px;}
	.fw3 .xzwm .cont {grid-template-columns: auto; gap: 20px 0;}
	.fw3 .xzwm .cont li h4 {font-size: 18px;}
	.fw3 .xzwm .cont li p {font-size: 14px;}
	.fw3 .xzwm .cont .number {margin-top: -32px; width: 70px; height: 64px; border-radius: 32px 0 0 32px;}
	.fw3 .xzwm .cont .number::after {top: 6px; left: 6px; bottom: 6px; border-radius: 26px 0 0 26px;}
	.fw3 .xzwm .cont .number span {top: 12px; left: 12px; width: 40px; height: 40px; font-size: 20px;}

	.fwys > div {padding-top: 8%; padding-bottom: 8%;}
	.fwys .cont {display: block; margin-top: 5%; height: auto;}
	.fwys .cont li {border-top: 1px solid rgba(255,255,255,0.5);}
	.fwys .cont li:not(:last-child) {border-right: none;}
	.fwys .cont li span {font-size: 30px;}
	.fwys .cont li h4 {margin-top: 10px; font-size: 18px;}
	.fwys .cont li p {margin-top: 10px; font-size: 14px; line-height: var(--text-lh); display: block; text-overflow: none; -webkit-line-clamp: 99; overflow: initial;}
	.fwys .cont li:hover .text {transform: none;}
	.fwys .cont li:hover .name {transform: none;}
	.fwys .cont .text {padding: var(--pad-lr); opacity: 1; visibility: visible;}
	.fwys .cont .text span {color:rgba(255,255,255,0.25);}
	.fwys .cont .name {display: none;}
	.fwys1 .cont, .fwys2 .cont, .fwys3 .cont {margin-left: 0; margin-right: 0;}
	/*===================================================================================*/
	/* 资料下载 */
	.zlxz .cont dl {column-gap: 15px; padding-top: 12px; padding-bottom: 12px;}
	.zlxz .cont .head {font-size: 16px;}
	.zlxz .cont .name {padding-left: 20px;}
	.zlxz .cont .date {width: 120px;}
	.zlxz .cont .btn { width: 120px;}
	.zlxz .list dl {font-size: 14px;}
	.video .list {grid-template-columns: 1fr 1fr;}
	/*===================================================================================*/
	/* 关于我们 */
	.gywm .gsjj .cont {display: block; padding-top: 5%; padding-bottom: 5%;}
	.gywm .gsjj .cont .text {margin-right: 0;}
	.gywm .gsjj .cont .text .tis {margin-top: 5px;}
	.gywm .gsjj .cont .text .intro {margin-top: 3%;}
	.gywm .gsjj .cont .imgs {margin-top: 5%; width: auto; text-align: center;}
	.gywm .gsjj .cont .imgs img {max-width: 60%;}
	.gywm .gys .cont {height: 180px;}
	.gywm .gys .cont .items {border-radius: 6px;}
	.gywm .fwln .rows .desc {line-height: 1.8;}

	.jrwm .head {padding: 8px 10px 8px 20px;}
	.jrwm .head .number {width: 120px;}
	.jrwm .head .date {width: 120px;}
	.jrwm .thead {height: 60px; font-size: 16px;}
	.jrwm .rhead {height: 50px; font-size: 14px;}
	.jrwm .list .text {padding: 15px 20px;}
	/*===================================================================================*/
	/* 联系我们 */
	.lxwm .info .qrcode li {padding: 8px; width: 160px;}
	/*===================================================================================*/
	.fypage a,.fypage span {width:26px; height:26px; font-size:12px;}
	.fypage .fypage-prev i,.fypage .fypage-next i {font-size:10px;}
}

@media only screen and (max-width: 640px){
	:root {--tis-fs: 24px; --itis-fs: 20px; --ntis-fs: 20px; --tis30-fs: 16px; --lh18: 1.7; --lh19: 1.7; --text-lh: 1.7; --editorc-lh: 1.7;}

	.banner {height: 300px;}
	.banner .intro h1, .banner .intro h2, .banner .intro h3 {font-size: 24px;}
	.banner .intro .en {margin-top: 5px; font-size: 18px; line-height: 1.4;}
	.banner .intro .tis {margin-top: 5px; font-size: 16px;}
	.banner .intro .desc {margin-top: 10px; font-size: 12px;}
	.banner .intro .desc2 {margin-top: 10px; font-size: 12px;}
	.banner .intro .jrwm-tis {font-size: 24px;}
	.banner .intro .jrwm-desc {font-size: 16px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}

	.video-play {width:580px;height:325px;}
	.mfypage a,.mfypage span {color:#666;}
	#win-ts {position:fixed;top:20%;left:10%;z-index:99999;margin-left:0px;padding:25px 3%;width:74%;color:#fff;font-size:16px;line-height:normal;text-align:center;opacity:0;transition:all 0.6s;border-radius:6px;background-color:rgba(0,0,0,0.7);overflow:hidden;}
	/*===================================================================================*/
	.ibanner .text h2 {font-size: 24px;}
	.ibanner .text h3 {font-size: 20px;}
	.itis h2::before {top: 0; width: 8px; height: 20px;}
	.itis h3 {margin-top: 10px; font-size: 16px;}
	
	.iabout .text .editorc {font-size: 14px;}
	.iabout .list {width: auto;}
	/*===================================================================================*/
	/* 产品 */
	.pros .list-fl .mask {padding: 30px;}
	.pros .list-fl .name h2 {font-size: 20px;}

	.prods .imgs-m {display: block;}
	.prods .info > div {display: block;}
	.prods .info .btext {padding-top: 4%; padding-bottom: 6%; row-gap: 5px;}
	.prods .info .text {padding-right: 0; width: auto;}
	.prods .info .imgs {display: none;}
	.prods .info .editorc {margin-top: 4%;}

	.prods .zyyt .cont {display: block; height: auto;}
	.prods .zyyt .cont .imgs {display: block; width: auto; height: auto; border-radius: 0; overflow: hidden;}
	.prods .zyyt .cont .imgs span {width: auto; height: auto;}
	.prods .zyyt .cont .imgs img {position: static; width: 100%; height: auto; object-fit: initial;}
	.prods .zyyt .cont .text {margin-right: 0; padding-right: 0; width: auto;}
	.prods .zyyt .cont .bar {display: none;}
	.prods .zyyt .cont .desc {row-gap: 20px; padding-top: var(--pad-lr); padding-left: var(--pad-lr); padding-right: var(--pad-lr);}
	/*===================================================================================*/
	/* 新闻资讯 */
	.nlist {grid-template-columns: 1fr 1fr;}
	.wzds .info h1 {font-size: 20px;}
	/*===================================================================================*/
	/* 解决方案 */
	
	/*===================================================================================*/
	/* 关于我们 */
	.gywm .gys .cont {height: 150px;}
	.gywm .fwln .rows .desc {font-size: var(--editorc-fs); line-height: var(--editorc-lh);}
	.jrwm .tits > div {row-gap: 10px; font-size: 14px;}
	.jrwm .tits .phone h2 {font-size: 18px;}
	.jrwm .head {padding: 5px 15px;}
	.jrwm .head .number {width: 100px;}
	.jrwm .head .date {width: 100px;}
	.jrwm .head .arrow i {font-size: 10px;}
	.jrwm .thead {height: 50px; font-size: 14px;}
	.jrwm .rhead {height: 40px; font-size: 14px;}
	.jrwm .list .text {padding: 12px 15px;}
	/*===================================================================================*/
	/* 联系我们 */

	/*===================================================================================*/
	.editorc p {margin-bottom:15px;}
	.editorc p:last-child {margin-bottom:0;}
	.editorc a {text-decoration:underline;}
	.editorc ul {margin-bottom:15px;padding-left:1.4em;}
	.editorc ul:last-child {margin-bottom:0;}
	.editorc ul li {list-style-type:disc;}
	.editorc ol {margin-bottom:15px;padding-left:1.5em;}
	.editorc ol li {list-style-type:decimal;}
	.editorc ol:last-child {margin-bottom:0;}
	.editorc table.border {margin-bottom:15px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;}
	.editorc table.border td,.editorc table.border th {padding:6px 8px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
	.editorc table.border td table {margin-bottom:0;}
	.editorc table.border td p {margin:0;padding:0;}
	.editorc table.border th p {margin:0;padding:0;}
		
	.editorc_tbe table {margin-bottom:15px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;}
	.editorc_tbe td {padding:6px 8px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
	.editorc_tbe td table {margin-bottom:0;}
	.editorc_tbe td p,.editorc_tbe th p {margin:0;padding:0;}
	.editorc_tbe table.no-border {border:none;}
	.editorc_tbe table.no-border table {border:none;}
	.editorc_tbe table.no-border td {border:none;padding:0;}
	.editorc_tbe table.no-border th {border:none;padding:0;}
}

@media only screen and (max-width: 480px){
	:root {--header-height: 50px; --pad-lr: 5%; --pad-tb: 5%; --mar-top5: 5%; --mar-top6: 6%; --tis-fs: 20px; --itis-fs: 18px; --ntis-fs: 18px; --tis30-fs: 16px;}
	.header.on, .header.hon, .header.fd {box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);}
	.header .logo {height: 34px;}
	.header .rsl {margin-right: 5%;}
	.header .search {position: static;}
	.header .search .icon {font-size: 14px;}
	.header .search .srk {top: 100%; left: 0; right: 0; margin-top: 0; padding: var(--pad-lr); width: auto; height: 40px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); background-color:#fff;}
	.header .search .srk i {color:#888;}
	.header .search .srk i.icon-search {font-size: 16px;}
	.header .search.show .icon {visibility: visible;}
	.header .line {margin-left: 12px; margin-right: 12px; height: 10px;}
	.header .lang {font-size: 14px;}
	.header .cd span {width:22px; height:1px;}
	.header .cd span:before {top:6px; height:1px;}
	.header .cd span:after {bottom:6px; height:1px;}

	.menu {padding-top: 60px;}
	.menu .close {height: 45px;}
	.menu .list p > a {padding: 11px var(--pad-lr); font-size:16px;}
	.menu .list span {width: 50px;}
	.menu dl dt > a {padding-top:8px; padding-bottom: 8px; font-size:14px;}
	.menu dl dd a {padding:8px var(--pad-lr) 8px 10%; font-size:14px;}

	.footer .info {padding-top: 8%;}
	.footer .lxs .logo img {height: 34px;}
	.footer .lxs .tel {margin-top: 8%;}
	.footer .lxs .tel h2 {font-size: 20px;}
	.footer .lxs .address {margin-top: 4%;}
	.footer .copyright {padding: 4% 3%; text-align: center; font-size: 14px; border-top-width: 1px;}
	.footer .copyright p {width: 100%;}
	/*===================================================================================*/
	.ibanner .swiper-pagination {bottom: 15px; column-gap: 10px;}
	.ibanner .swiper-pagination span {font-size: 14px;}
	.ibanner .swiper-pagination span i {right: -10px; width: 10px;}
	.ibanner .swiper-pagination span i::after {width: 3px; height: 1px;}
	.ibanner .swiper-button {bottom: 15px; column-gap: 10px;}
	.ibanner .swiper-prev, .ibanner .swiper-next {width: 24px; height: 24px;}
	.ibanner .swiper-prev i, .ibanner .swiper-next i {font-size: 10px;}
	.ibanner .text {padding-top: 50px;}
	.ibanner .text h2 {font-size: 22px;}
	.ibanner .text h3 {font-size: 18px; margin-top: 5px;}
	.itis h2::before {top: 0; width: 7px; height: 18px;}
	.itis h3 {font-size: 16px;}
	.itis p {font-size: 12px;}

	.iys .cont {display: block;}
	.iys .cont a {display: block;}
	.iys .cont a:not(:first-child) {margin-top: 6%;}

	.iabout > div {padding-top: 10%; padding-bottom: 10%;}
	.iabout .text .abtn {margin-top: 8%;}
	.iabout .list {margin-top: 10%;}
	.iabout .list li::after {width: 68px;}
	.iabout .list li:hover::after {width: 100%;}

	.ipros .cont .items {padding-top: 0;}
	.ipros .cont .items img {z-index: 1;}
	.ipros .cont .mask {position: relative; padding: 20px;}
	.ipros .cont .mask .text h2 {font-size: 16px;}
	.ipros .cont .mask .text p {margin-top: 5px; font-size: 12px;}
	.ipros .cont .mask .list {grid-template-columns: 1fr 1fr; gap: 10px 20px; margin-top: 8%;}
	.ipros .cont .mask .list li a {column-gap: 8px; font-size: 14px;}
	.ipros .cont .mask .list li a i {width: 16px; height: 16px; font-size: 8px;}
	.ipros .cont .mask .abtn {margin-top: 10%;}

	.ifas-m .swiper-pagination {bottom: 10px;}
	.ifas-m .swiper-pagination span.swiper-pagination-bullet {margin: 0 4px; width: 8px; height: 8px;}
	.ifas-m .imgs {height: 320px;}
	.ifas-m .intro h2 {font-size: 18px;}
	.ifas-m .intro p {margin-top: 5px; font-size: 12px;}
	.ifas-m .intro ul {gap: 10px 20px; margin-top: 8%;}
	.ifas-m .intro li a {column-gap: 8px;}
	.ifas-m .intro li a i {width: 16px; height: 16px;}
	.ifas-m .intro .abtn {margin-top: 10%;}
	/*===================================================================================*/
	.tmar {margin-top: 10%;}
	.tpad {padding-top: 10%;}
	.ipad {padding-bottom: 12%;}
	.cpad {padding-top: 8%; padding-bottom: 8%;}
	.cdw {top: -50px;}
	.button-aw {height: 45px; font-size: 14px;}
	.button-wp {padding: 9px 25px; font-size: 14px;}
	.btn-learn a {column-gap: 10px; padding: 4px 4px 4px 12px; font-size: 12px;}
	.btn-learn a i {width: 22px; height: 22px; font-size: 10px;}
	.tag-number {width: 50px; height: 50px; border-radius: 0 0 25px 25px;}
	.tag-number::after {right: 5px; bottom: 5px; left: 5px; border-radius: 0 0 20px 20px;}
	.tag-number span {bottom: 10px; left: 10px; right: 10px; width: 30px; height: 30px; font-size: 14px;}
	.pnas {margin-top: 8%; padding-top: 15px;}
	.pnas .prev, .pnas .next {column-gap: 5px; width: 80px; height: 30px; font-size: 12px; border-radius: 16px;}
	.pnas .prev i, .pnas .next i {font-size: 10px;}
	.pnas .next {top: 15px;}
	.pnas .back {margin-left: -30px; width: 60px; row-gap: 7px; font-size: 12px;}
	.pnas .back i {width: 24px; height:24px; font-size: 14px;}
	.video-play {width: 100%; height: 220px;}
	.editorc-nrs {padding-top: 5%;}
	.editorc-box {padding-top: 4.5%;}
	.nodata {padding: 50px 0; font-size: 14px;}
	.nodata img {width: 50%;}
	.nodata p {line-height: 1.6;}

	.banner {height: 250px;}
	.banner .intro {padding-top: 50px;}
	.banner .intro h1, .banner .intro h2 {font-size: 22px;}
	.banner .intro h3 {font-size: 18px;}
	.banner .intro .en {margin-top: 5px; font-size: 16px;}
	.banner .intro .tis {margin-top: 5px; font-size: 16px;}
	.banner .intro .desc {margin-top: 8px; font-size: 12px; line-height: 1.6;}
	.banner .intro .jrwm-tis {font-size: 18px;}
	.banner .intro .jrwm-desc {margin-top: 5px; font-size: 14px; line-height: 1.6;}

	.bnav {font-size: 10px; line-height: 1.5;}
	.bnavs {display: none;}
	.bmenu {justify-content: space-between; gap: 10px;}
	.bmenu a {height: 22px;}
	.bname-m h2 {padding: 10px 40px 10px var(--pad-lr); font-size:16px;}
	.bname-m span {right: var(--pad-lr); margin-top: -4px; border: 6px solid transparent; border-top-color:#fff;}
	.bname-m span.active {margin-top: -10px; border-top-color:transparent; border-bottom-color:#fff;}
	.bmenu-m a {padding: 9px var(--pad-lr) 9px 5.3%;}
	.bmenu-m a.subs {padding-left: 15%;}
	.bmenu-m a.thds {padding-left: 20%;}
	.bnav-m {padding: 7px 5% 6px var(--pad-lr); font-size: 10px; line-height: 1.4;}
	.bnav-m i {position:relative; top:-1px; margin:0 3px; font-size:8px;}
	/*===================================================================================*/
	/* 产品 */
	.pros .ssjg {padding: 12px var(--pad-lr); height: auto; font-size: 14px; border-radius: 5px;}
	.pros .list-fl .mask {padding: 15px 20px;}
	.pros .list-fl .name h2 {padding-bottom: 10px; min-width: auto; width: 100%; font-size: 16px;}
	.pros .list-fl .tfls {gap: 10px 20px; margin-top: 15px; width: 100%;}
	.pros .list-fl .tfls a {column-gap: 3px; font-size: 13px;}
	.pros .list-fl .tfls a i {margin-top: 0; transform: scale(0.6);}
	.pros .list {display: block;}
	.pros .list a {display: block;}
	.pros .list a:not(:first-child) {margin-top: var(--pad-tb);}
	.pros .list a:hover .desc {opacity: 1;}
	.pros .list .text {padding: 15px;}
	.pros .list .text h2 {line-height: 1.4; white-space: normal; text-overflow: none; overflow: initial;}
	.pros .list .mask {display: none;}

	.prods .info > div {padding-bottom: 8%;}
	.prods .info .btext {padding-bottom: 10%;}
	.prods .info .name {font-weight: bold;}
	.prods .info .editorc {line-height: var(--editorc-lh);}
	.prods .info .abtn {margin-top: 6%;}
	.prods .info .abtn a {column-gap: 10px; padding: 5px 6px 5px 12px; font-size: 12px;}
	.prods .info .abtn a i {width: 20px; height: 20px; font-size: 16px;}
	.prods .gntd .cont {display: block;}
	.prods .gntd .cont li:not(:first-child) {margin-top: 4%;}
	.prods .gntd .cont .text {padding: 15px;}
	/*===================================================================================*/
	/* 新闻资讯 */
	.news > div {padding-top: var(--pad-lr);}
	.news .tws .text {padding: 15px 20px;}
	.news .tws .name {font-size: 16px; white-space: normal; text-overflow: none; overflow: initial;}
	.news .tws .date {margin-top: 5px; font-size: 12px;}
	.news .tws .desc {margin-top: 10px; line-height: 1.6;}
	.news .tws .abtn {margin-top: 20px;}
	.news .tws .abtn a {column-gap: 10px; font-size: 12px;}
	.news .tws .abtn i {width: 20px; height: 20px; font-size: 10px;}
	.news .tws .swiper-pagination {column-gap: 10px;}
	.news .tws .swiper-pagination span {width: 8px; height: 8px;}
	.news .tws .swiper-pagination span.swiper-pagination-bullet-active {width: 12px; height: 12px;}
	.news .tws .swiper-pagination span.swiper-pagination-bullet-active::after {width: 6px; height: 6px;}
	.news .nlist {margin-top: 10%;}

	.nlist {display: block;}
	.nlist a {display: block;}
	.nlist a:not(:first-child) {margin-top: var(--pad-tb);}
	.nlist .text {padding: 15px 20px;}
	.nlist .date {font-size: 12px;}
	.nlist .name {margin-top: 3px; white-space: normal; text-overflow: none; overflow: initial;}
	.nlist .abtn {margin-top: 15px; padding-top: 15px;}
	.nlist .abtn i {width: 18px; height: 18px;font-size: 12px;}

	.wzds {background-color:#fff;}
	.wzds > div {padding: 0;}
	.wzds .cont {padding: 0 var(--pad-lr) 10% var(--pad-lr); border-radius: 0; box-shadow: none;}
	.wzds .hots {padding: 10% var(--pad-lr) 8% var(--pad-lr); background-color:#ebeef4;}
	.wzds .info {padding-top: 10%;}
	.wzds .info h1 {font-size: 18px; font-weight: bold;}
	.wzds .info p {column-gap: 15px;}
	.wzds .info p i.layui-icon-time {font-size: 12px;}
	.wzds .editorc {margin-top: 5%;}
	/*===================================================================================*/
	/* 解决方案 */
	.jjfa .list a::after {position: absolute; inset: 0; display: block; content: ''; background-image:-webkit-linear-gradient(0deg,#214fb9 10%,transparent); background-image:linear-gradient(0deg,#214fb9 10%,transparent);}
	.jjfa .list a:hover .text {opacity: 1;}
	.jjfa .list .text {bottom: 20px; left: 20px; right: 20px;}
	.jjfa .list .text .name h2 {font-size: 18px;}
	.jjfa .list .text .name i {width: 16px; height: 16px; margin-left: 30px; font-size: 8px;}
	.jjfa .list .text p {margin-top: 3px; font-size: 14px;}
	.jjfa .list .mask {display: none;}

	.fads-bnav {bottom: 8px;}
	.fads-bnav .btext {font-size: 10px;}
	.fads-bnav .btext i {margin-right: 8px; width: 9px; height: 14px;}
	.fads-bnav .btext span {font-size: 10px;}

	.fads .fajz .cont {gap: 12px;}
	.fads .fajz .cont li {padding: 0 10px 15px 10px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.fads .fajz .cont li:hover {box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.fads .fajz .cont li h4 {margin-top: 15px; font-size: 16px;}
	.fads .fajz .cont li p {margin-top: 5px; font-size: 12px;}
	
	.fads .hxsb .cont .text {padding: 20px;}
	.fads .hxsb .cont .name {font-size: 16px;}
	.fads .hxsb .cont .desc {margin-top: 5%;}
	.fads .hxsb .cont .desc dd {padding-left: 22px;}
	.fads .hxsb .cont .desc i {top: 4px; width: 14px; height: 14px; font-size: 8px;}
	.fads .hxsb .cont .desc h4 {font-size: 16px;}
	.fads .hxsb .cont .desc p {margin-top: 3px; font-size: 14px;}
	.fads .hxsb .cont .abtn {margin-top: 8%;}
	/*===================================================================================*/
	/* 技术服务 */
	.fw1 .wxfw .cont {gap: 10px;}
	.fw1 .wxfw .cont .mask {bottom: 10px; padding-left: 10px; padding-right: 10px;}
	.fw1 .wxfw .cont .icon {display: none; margin-bottom: 10px; height: 20px;}
	.fw1 .wxfw .cont .text h4 {padding-bottom: 5px; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,0.8);}
	.fw1 .wxfw .cont .text p {margin-top: 5px; min-height: 85px; line-height: 17px; font-size: 10px; -webkit-line-clamp: 5;}
	.fw1 .wxfw .cont li:hover .imgs img {opacity: 1;}
	.fw1 .wxfw .cont li:hover .mask {transform: none;}

	.fw2 .zlfw .cont-pics .swiper-pagination {bottom: 5px;}
	.fw2 .zlfw .cont-pics .swiper-pagination span {margin: 0 4px; width: 8px; height: 8px;}
	.fw2 .zlfw .cont-pics .swiper-button {display: none; width: 30px; height: 30px; font-size: 12px;}
	.fw2 .zlfw .cont-m .text {padding-top: 4%;}
	.fw2 .zlfw .cont-m .text .number .page {font-size: 22px; margin-right: 3px;}
	.fw2 .zlfw .cont-m .text .number .total {font-size: 14px;}
	.fw2 .zlfw .cont-m .text .name {margin-top: 5px;}
	.fw2 .zlfw .cont-m .text .desc {margin-top: 10px; line-height: 1.6;}

	.fw3 .pxfw .cont {display: block;}
	.fw3 .pxfw .cont li {border-radius: 8px;}
	.fw3 .pxfw .cont li:not(:first-child) {margin-top: var(--pad-tb);}
	.fw3 .pxfw .cont li:hover .desc {opacity: 1;}
	.fw3 .pxfw .cont li:hover .mask {opacity: 0; visibility: hidden;}
	.fw3 .pxfw .cont .text {padding: 15px;}
	.fw3 .pxfw .cont .text p {margin-top: 5px;}
	.fw3 .xzwm > div {padding-top: 10%; padding-bottom: 10%;}
	.fw3 .xzwm .cont {row-gap: 12px;}
	.fw3 .xzwm .cont li {padding: 15px; padding-right: 70px; border-radius: 8px;}
	.fw3 .xzwm .cont li h4 {font-size: 16px;}
	.fw3 .xzwm .cont li p {margin-top: 5px; font-size: 14px;}
	.fw3 .xzwm .cont li:hover {top: 0;}
	.fw3 .xzwm .cont .number {margin-top: -25px; width: 50px; height: 50px; border-radius: 25px 0 0 25px;}
	.fw3 .xzwm .cont .number::after {top: 5px; left: 5px; bottom: 5px; border-radius: 20px 0 0 20px;}
	.fw3 .xzwm .cont .number span {top: 10px; left: 10px; width: 30px; height: 30px; font-size: 14px;}

	.fwys > div {padding-top: 10%;}
	.fwys .cont {margin-top: 6%;}
	.fwys .cont li {border-top-color:rgba(255,255,255,0.3);}
	.fwys .cont li span {font-size: 24px;}
	.fwys .cont li h4 {margin-top: 5px; font-size: 16px;}
	.fwys .cont li p {margin-top: 8px; font-size: 14px;}
	.fwys .cont .text {padding-left: 0; padding-right: 0;}
	/*===================================================================================*/
	/* 资料下载 */
	.zlxz > div {padding-top: 5%; padding-bottom: 8%;}
	.zlxz .cont dl {column-gap: 0; padding: 12px 10px;}
	.zlxz .cont .head {font-size: 14px;}
	.zlxz .cont .name {padding-left: 0;}
	.zlxz .cont .name i {margin-right: 8px; width: 12px; height: 15px; background-size: 24px 15px;}
	.zlxz .cont .date {display: none;}
	.zlxz .cont .btn {width: 80px; justify-content: flex-end;}
	.zlxz .cont .btn a {padding-left: 8px; padding-right: 8px; height: 20px; font-size: 10px; border-radius: 12px; border-color: #999;}
	.zlxz .cont .btn a i {margin-right: 3px; width: 10px; height: 9px; background-size: 20px 9px;}
	.zlxz .cont dl {font-size: 14px;}

	.video > div {padding-top: var(--pad-tb); padding-bottom: 8%;}
	.video .list {gap: 15px 10px;}
	.video .list a {border-radius: 5px;}
	.video .list a:hover .name span {transform: none;}
	.video .list .name {padding: 8px 10px; height: 60px; font-size: 14px;}
	.video .list .icon {margin-left: -18px; margin-top: -18px; width: 36px; height: 36px;}
	.video .list .icon::after {width: 12px; height: 14px;}
	/*===================================================================================*/
	/* 关于我们 */
	.gywm .gsjj .cont {padding-top: 6%; padding-bottom: 10%;}
	.gywm .gsjj .cont .text .intro {margin-top: 4%; font-size: 14px;}
	.gywm .gsjj .cont .imgs {margin-top: 10%;}
	.gywm .gsjj .cont .imgs img {max-width: 70%;}
	.gywm .gys .cont {margin-top: 6%; height: 105px;}
	.gywm .gys .cont .items {border-radius: 4px;}
	.gywm .fwln {padding-top: 10%; padding-bottom: 10%;}
	.gywm .fwln .rows:not(:first-child) {margin-top: 15%;}
	.gywm .fwln .rows .tis {padding-bottom: 15px;}
	.gywm .fwln .rows .tis::after {width: 32px; height: 2px;}
	.gywm .fwln .rows .tis h4 {margin-top: 3px;}
	.gywm .fwln .rows .desc {margin-top: 4%;}

	.jrwm .tits {display: block;}
	.jrwm .tits > div {row-gap: 8px;}
	.jrwm .tits .phone {margin-top: 5%; align-items: flex-start;}
	.jrwm .tits .phone h2 {font-size: 18px;}
	.jrwm .head {padding: 8px 12px;}
	.jrwm .head .number {width: 80px;}
	.jrwm .head .date {width: 80px; display: none;}
	.jrwm .head .arrow {width: 10px;}
	.jrwm .head .arrow i {font-size: 8px;}
	.jrwm .thead {height: auto; font-size: 14px;}
	.jrwm .rhead {height: auto; font-size: 12px;}
	.jrwm .rhead .name {font-size: 14px;}
	.jrwm .cont {margin-top: 6%;}
	.jrwm .list .text {padding: 10px 12px;}
	/*===================================================================================*/
	/* 联系我们 */
	.lxwm .info {padding-bottom: 8%; font-size: 14px;}
	.lxwm .info .intro p {margin-top: 2px; line-height: var(--text-lh);}
	.lxwm .info .tel {column-gap: 10px; margin-top: 10%;}
	.lxwm .info .tel i {width: 42px; height: 42px; font-size: 20px;}
	.lxwm .info .tel div h2 {font-size: 20px;}
	.lxwm .info .lxs {row-gap: 10px; margin-top: 10%;}
	.lxwm .info .lxs p i {margin-right: 10px;}
	.lxwm .info .lxs .email {margin-top: 4px; width: 16px; height: 12px; background-size: contain;}
	.lxwm .info .lxs .address {margin-top: 2px; width: 16px; height: 15px; background-size: contain;}
	.lxwm .info .qrcode {display: flex; column-gap: 20px; margin-top: 10%;}
	.lxwm .info .qrcode li {width: 35%; border-radius: 6px;}
	.lxwm .info .qrcode li p {font-size: 14px;}

	.lxwm .message {padding-top: 8%; padding-bottom: 10%; font-size: 14px;}
	.lxwm .message .dw {top: -50px;}
	.lxwm .message .tis h3 {font-size: 18px; font-weight: bold;}
	.lxwm .message .tis p {margin-top: 8px;}
	.lxwm .message .items {margin-top: 5%;}
	.lxwm .message .items input {font-size: 14px; height: 22px;}
	.lxwm .message .items textarea {font-size: 14px; line-height: var(--text-lh);}
	.lxwm .message .btn {margin-top: 6%;}
	.lxwm .message .btn button {height: 45px; font-size: 16px;}
	/*===================================================================================*/
	.news-page {margin-top: 10%;}
	.pros-page {margin-top: 8%;}
	.fypage {gap: 5px;}
	.fypage a,.fypage span {width:22px; height:22px; font-size:12px;}
	.fypage .fypage-prev i,.fypage .fypage-next i {font-size:10px;}
}