﻿@media only screen and (max-width: 1680px){
	.banner-pros {height: 688px;}
}

@media only screen and (max-width: 1500px){
	.wrap, .wraps {width: 1280px;}
	.banner-pros {height: 615px;}
	.footer > div {width: 1280px;}
	.cases .cont {width: auto; padding-left: var(--pad-lr); padding-right: var(--pad-lr);}
	.ppys .wraps {padding-top: 5%; padding-bottom: 6%; background-color: initial;}
	.psearch .result .text h2 {font-size: var(--tis-fs);}
}

@media only screen and (max-width: 1280px){
	:root {--tis-fs: 32px; --text-fs: 14px; --fs16: 14px; --lh19: 1.8; --editorc-fs: 14px; --editorc-lh: 1.8;}
	body {font-size: 14px;}
	input,select,button,textarea {font-size: 14px;}
	.footer > div {width: 100%;}
	.wrap, .wraps {padding-left: var(--pad-lr); padding-right: var(--pad-lr); width: auto;}

	.nav-menu {padding-top: 30px; padding-bottom: 30px;}
	.nav-menu .cont {margin: 0; width: 100%;}
	.nav-menu .items {padding: 0 40px;}
	.nav-menu .items a h2 {font-size: 18px;}
	.nav-menu .items a div {margin-top: 15px;}
	.nav-menu .items a p {margin-top: 10px; height: 66px; line-height: 22px; font-size: 14px;}

	.banner-pros {height: 525px;}
	.banner-news h2 {font-size: 40px;}

	.footer > div {flex-wrap: wrap; padding-top: 5%; padding-bottom: 3%;}
	.footer .logo {margin-bottom: 3%; width: 100%; text-align: center;}
	.footer .logo img {max-height: 40px;}
	.footer .contr {width: 75%;}
	/*===================================================================================*/
	.itis {margin-bottom: 4%;}
	.itis::after {height: 3px;}
	.itis .logo img {max-height: 40px;}
	.lya {width: 180px; height: 42px; font-size: 16px; border-radius: 21px;}

	.ipros .cont .text div h2 {font-size: 18px;}
	.iabout .text {font-size: 16px; line-height: 2;}
	.ippsl {margin-top: -50px; margin-left: var(--pad-lr); margin-right: var(--pad-lr);}
	.ippsl ul {padding: 30px;}
	.ippsl ul li h3 {font-size: 20px;}
	.ippsl ul li h3::after {margin-top: 20px; height: 3px;}
	.ippsl ul li h4 {font-size: 22px;}
	.ippsl ul li p {padding: 15px 10px 0 10px;}

	.inews .cont .items .text {padding: 20px;}
	.ipartner > div {margin-left: var(--pad-lr); margin-right: var(--pad-lr); padding-left: 0; padding-right: 0; width: auto;}
	.ipartner .cont::before {width: 100px;}
	.ipartner .cont::after {width: 100px;}
	/*===================================================================================*/
	.tmar {margin-top: 8%;}
	.tpad {padding-top: 8%;}
	.ipad {padding-top: 8%; padding-bottom: 9%;}
	.cpad {padding-top: 6%; padding-bottom: 8%;}
	.video-play {width:1000px;height:560px;}
	.button-wp {font-size: 20px;}
	/*===================================================================================*/
	/* 产品 */
	.pros .fls h1 {font-size: 20px;}
	.pros .fl2 {margin-top: var(--pad-tb);}
	.pros .fls div a {font-size: 13px;}
	.pros .plist {gap: 30px; margin-top: var(--pad-tb);}
	.pros .plist .text {padding-top: 20px;}
	.pros .plist .name {min-height: 52px; line-height: 26px; font-size: 16px;}
	.pros .like {padding-top: 5%; padding-bottom: 8%;}
	.pros .like .list {gap: 50px; margin-top: 5%;}
	.pros .fla {padding-top: 5%; padding-bottom: 8%;}
	.pros .fla h3 {font-size: var(--tis-fs);}

	.prods {padding-top: 6%; padding-bottom: 9%;}
	.prods .tabs {margin-bottom: var(--pad-tb);}
	.prods .tabs ul li.active {font-size: 16px;}
	.prods .zytd .cont li .text h4 {font-size: 16px;}

	.psearch {padding-bottom: 8%;}
	.psearch .result .text p {font-size: 18px;}
	.psearch .list a {column-gap: 60px; padding: 5% 0;}
	.psearch .list .text h2 {font-size: 22px;}
	/*===================================================================================*/
	/* 新闻资讯 */
	.xwds {padding-top: 6%; padding-bottom: 8%;}
	.xwds .contr {width: 25%;}
	.xwds.iframe {padding-top: 5%;}
	.xwds.iframe > div {width: auto;}
	/*===================================================================================*/
	/* 案例 */
	.cases > div {padding-top: 6%; padding-bottom: 4%;}
	.cases .cont {width: auto; padding-left: 0; padding-right: 0;}
	.cases .cont::after {margin-top: 5%; margin-bottom: 6%;}
	.cases .cont .list-new {gap: 50px;}
	.cases .cont .list {gap: 50px;}
	.cases-wf .cont a h2 {padding: 10px 12px; font-size: 16px;}
	.ands-pics {padding: var(--pad-lr);}
	.ands-pics > div {padding-left: 0; padding-right: 0;}
	/*===================================================================================*/
	/* 关于我们 */
	.ppsl .cont {padding: 8% 0 5% 0;}
	.ppsl .cont li h3 {font-size: 24px;}
	.ppsl .cont li h3::after {margin-top: 20px; height: 3px;}
	.ppsl .cont li h4 {font-size: 20px;}
	.ppsl .cont li p {padding: 15px 10px 0 10px;}

	.ppys .list {margin-top: var(--pad-tb);}
	.ppys .list .text h3 {font-size: 18px;}
	.ppys .list .text p {margin-top: 3px;}

	.fzlc-text {margin-bottom: 4%;}

	.honor {padding-bottom: 8%;}
	.honor > div {width: auto;}
	.honor .tis {padding-top: 8%; padding-bottom: 4%;}
	.honor .tis p {margin-top: 12px; font-size: 20px;}
	.honor .list p {margin-top: 15px;}

	.team .tis h2 {font-size: 26px;}
	.team .tis p {margin-top: 10px; font-size: 14px;}
	.team .intro {padding-top: 7%; padding-bottom: 7%;}
	.team .whjz {padding-top: 6%; padding-bottom: 7%;}
	.team .whjz .cont {margin-top: 6%;}
	.team .whjz .desc {padding: 40px;}
	.team .whjz .editorc {margin-left: 5%;}
	.team .zycy .list {margin-top: 5%;}
	/*===================================================================================*/
	/* 联系我们 */
	.rczp .bnav {padding-top: 25px; padding-bottom: 25px;}
	.rczp .bnav i {margin-left: 5px; margin-right: 5px; font-size: 14px;}
	.rczp .list {padding-bottom: 6%;}
	.rczp .list .thead {padding: 25px 50px;}
	.rczp .list .tbody a {padding: 25px 50px;}
	.rczp .info {padding-top: 6%; padding-bottom: 6%;}
	.rczp .info .xxs {font-size: 16px;}
	.rczp .info .xxs strong {font-size: 16px;}
	.rczp .detail {padding-top: 5%; padding-bottom: 5%;}
	.rczp .detail .editorc {padding: 30px 30px 30px 0;}
	.rczp .detail .contr {padding: 30px 0 30px 30px;}
	.rczp .detail .contr h3 {padding-bottom: 20px; font-size: 18px;}
	.rczp .detail .contr a {padding: 20px 0;}
	.rczp .detail .contr a .xxs {margin-top: 8px;}

	.contact {padding-top: 5%; padding-bottom: 6%;}
	.contact .name {font-size: 26px;}
	.contact .tel {font-size: 24px;}
	.message .tis {margin-bottom: 3%; font-size: 26px;}
	.message .items .input-text {padding:0 20px; height:60px; font-size:16px; border-radius:10px;}
	.message .items .input-area {padding:15px 20px; height:154px; font-size:16px; border-radius:10px;}
	.message .btns {margin-top: 3%;}
	/*===================================================================================*/
	.news-page {margin-top: 8%;}
	.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:12px;}
}

@media only screen and (max-width: 1024px){
	:root {--itis-fs: 24px; --ptis-fs: 24px; --tis-fs: 24px;}
	.header .nav {display: none;}
	.header .ss {margin-left: 0;}
	.header .lang {margin-left: 4%; margin-right: 4%;}
	.header .lang div {padding: 8px 0;}
	.header .lang div a {padding: 5px; font-size: 14px;}
	.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;}
	.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 .search {padding: var(--pad-lr);}
	.header .search div {padding-bottom: 10px;}
	.header .search input {font-size: 16px;}
	.header .search i {top: 10px; font-size: 20px;}

	.menu {position:fixed;top:0;left:0;z-index:98;display:block;width:100%;height:100%;overflow-y:auto;box-sizing:border-box;background-color:var(--blue);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:#fff;}
	.menu .lang span {padding: 0 10px;}
	.menu .list {border-bottom:1px solid rgba(255,255,255,0.1);}
	.menu .list a {display:block;}
	.menu .list a:hover {color:#fff;}
	.menu .list p {position:relative;}
	.menu .list p > a {padding:15px var(--pad-lr);color:#fff;font-size:16px;font-weight:600;}
	.menu .list span {position:absolute;top:0px;right:0px;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:#fff;font-size:12px;font-weight:bold;transition:all 300ms;}
	.menu .list span.active {background-color:var(--blue);}
	.menu .list span.active i {color:#fff;transform:rotate(-180deg);}
	.menu dl {display:none;transition:none;}
	.menu dl dt {position:relative;border-top:1px solid rgba(255,255,255,0.1);}
	.menu dl dt > a {padding:13px 6%;color:#fff;font-size:16px;}
	.menu dl dd {display:none;transition:none;}
	.menu dl dd a {padding:13px 4% 13px 10%;color:#fff;font-size:16px;border-top:1px solid rgba(255,255,255,0.1);}
	.menu dl dd a.thds {padding-left: 14%;}
	.menu dl dd > a:before {display:inline-block;margin-right:8px;width:6px;height:6px;content:"";vertical-align:middle;border-radius:50%;background-color:#fff;transform:translateY(-1px);}

	.banner {height: 70vh;}
	.banner .swiper-pagination {bottom:20px;}
	.banner .swiper-pagination span.swiper-pagination-bullet {margin:0 6px;}
	.banner-pros {height: 420px;}
	.banner-news h2 {font-size: 36px;}

	.footer .tis p {margin-top: 5px;}
	.footer .tis p::after {margin-top: 10px;}
	.footer .info {width: 100%;}
	.footer .info .ly {margin-top: 3%;}
	.footer .info .lxs {margin-top: 3%; line-height: 1.8;}
	.footer .info .copyright {margin-top: 3%; line-height: 1.8;}
	.footer .contr {width: 100%; display: block;}
	.footer .social {margin-top: 5%;}
	.footer .social .qrcode {margin-top: 3%;}
	.footer .social .icon {margin-top: 4%;}
	.footer .fnav {margin-top: 5%; width: 100%;}
	.footer .fnav ul {margin-top: 3%;}
	/*===================================================================================*/
	.lya {width: 150px; height: 38px; font-size: 14px; border-radius: 20px;}

	.ipros .cont {gap: 30px;}
	.ipros .cont .text {column-gap: 20px; padding: 20px;}
	.ipros .cont .text div {row-gap: 5px;}
	.ipros .cont .text div h2 {font-size: 16px;}
	.ipros .cont .text span {padding: 5px 15px; font-size: 12px;}

	.iabout .text {font-size: 14px; line-height: 1.8;}
	.ippsl ul {padding: 30px 10px;}
	.ippsl ul li h3 {font-size: 18px;}
	.ippsl ul li h3::after {margin-top: 18px; height: 2px;}
	.ippsl ul li h4 {font-size: 20px;}
	.ippsl ul li p {padding: 10px 10px 0 10px;}

	.inews .cont .items .text {padding: 15px;}
	.inews .cont .items .text h2 {margin-top: 8px; font-size: 14px;}
	.inews .cont .items .hangye {font-size: 12px;}
	.inews .cont .items .desc {margin-top: 15px; min-height: 42px; line-height: 1.8;}
	.inews .cont .items .more {margin-top: 15px; font-size: 12px;}
	.inews .cont .info {padding: 0; font-size: 14px; line-height: 1.8;}
	.inews .cont .info a {margin-top: 30px;}
	/*===================================================================================*/
	.nodata {font-size:16px;}
	.mhide {display: none;}
	.button-wp {font-size: 18px;}
	.faw-button {padding: 12px 30px;}
	.editorc-box {padding-top:3%;}
	.video_play {width:857px;height:480px;}
	.pnas {margin-top: 6%; padding-top: 4%;}
	.bmenu {padding-top: 4%; column-gap: 40px;}
	.bmenu a {height: 28px; font-size: 14px;}
	/*===================================================================================*/
	/* 产品 */
	.pros .plist {gap: 25px;}
	.pros .plist .text {padding-top: 15px; padding-bottom: 55px;}
	.pros .plist .name {min-height: 44px; line-height: 22px; font-size: 14px;}
	.pros .plist .desc {margin-top: 10px;}
	.pros .plist .more {bottom: 16px; font-size: 12px;}
	.pros .plist .more .learn {width: 90px; height: 26px; font-size: 12px;}
	.pros .like .list {gap: 30px;}
	.pros .like .list h2 {margin-top: 15px;}

	.prods-name {bottom: 25px;}
	.prods-swiper .swiper-button {margin-top: -20px; width: 40px; height: 40px;}

	.prods .intro .tis h4 {font-size: 16px;}
	.prods .zytd .cont {grid-template-columns: repeat(3,1fr); gap: 20px;}
	.prods .zytd .cont li .text {margin-top: 15px;}
	.prods .zytd .cont li .text h4 {font-size: 14px;}
	.prods .zytd .cont li .text p {margin-top: 10px; line-height: var(--lh18);}

	.psearch .wrap {width: auto;}
	.psearch .result .text p {margin-top: 10px; font-size: 16px; font-weight: normal;}
	.psearch .list a {grid-template-columns: auto 200px;}
	.psearch .list .imgs {width: 200px; height: 120px;}
	.psearch .list .text h2 {font-size: 18px;}
	/*===================================================================================*/
	/* 案例 */
	.cases .cont::after {width: 25%;}
	.cases .cont .tis {margin-bottom: 15px;}
	.cases .cont .tis h2 {font-size: 18px;}
	.cases .cont .tis a {font-size: 14px;}
	.cases .cont .list-new {gap: 30px;}
	.cases .cont .list-new p {margin-top: 12px; font-size: 14px;}
	.cases .cont .list {gap: 30px;}
	.cases .cont .list .text {padding: 15px 18px;}
	.cases .cont .list .text h2 {font-size: 14px;}
	.cases .cont .list .text p {margin-top: 5px; font-size: 14px;}
	.cases-wf .cont {grid-template-columns: repeat(3,1fr);}
	.cases-wf .cont a h2 {padding: 10px 12px; font-size: 16px;}
	.ands-name {padding-top: 3%; padding-bottom: 3%;}
	.ands-name h1 {font-size: 20px;}
	/*===================================================================================*/
	/* 新闻资讯 */
	.news .list {gap: 20px;}
	.news .list .text {padding: 12px 15px 0 15px;}
	.news .list .text h2 {height: 44px; line-height: 22px; font-size: 14px;}
	.news .list .more {height: 40px; font-size: 12px;}
	.news .list .more i {width: 26px; height: 26px; font-size: 14px;}

	.xwds > div {display: block;}
	.xwds .contl {width: auto;}
	.xwds .contr {display: none;}
	.xwds .info h1 {font-size: 20px;}
	.xwds .editorc {margin-top: 4%;}
	.xwds-iframe img {right: 3%; width: 40px;}
	.xwds-iframe iframe {width: 84%;}
	/*===================================================================================*/
	/* 关于我们 */
	.ppsl .qyyj {margin-top: -50px; padding: 20px; border-radius: 8px;}
	.ppsl .qyyj li {width: 23%;}
	.ppsl .qyyj .imgs {width: 60px;}
	.ppsl .qyyj .text {margin-left: 12px;}
	.ppsl .qyyj .text h4 {font-size: 15px;}
	.ppsl .qyyj .text p {margin-top: 5px; font-size: 12px;}

	.ppsl .cont li h3 {font-size: 20px;}
	.ppsl .cont li h3::after {margin-top: 18px; height: 2px;}
	.ppsl .cont li h4 {font-size: 18px;}
	.ppsl .cont li p {padding: 10px 10px 0 10px;}

	.ppys .list {gap: 30px;}
	.ppys .list .text h3 {font-size: 16px;}
	.honor .tis::after {height: 3px;}
	.honor .tis p {margin-top: 10px; font-size: 16px;}
	.honor .list {gap: 30px;}
	.honor .list p {margin-top: 12px;}
	.honor .list li:hover {transform: translateY(-20px);}

	.team .tis h2 {font-size: 24px;}
	.team .tis p {font-size: 14px;}
	.team .tis .line {margin-top: 15px; width: 50px; height: 2px;}
	.team .whjz .desc {padding: 25px;}
	.team .zycy .name {font-size: 16px;}
	/*===================================================================================*/
	/* 联系我们 */
	.rczp .info .xxs {font-size: 14px;}
	.rczp .info .xxs span {margin: 0 10px; font-size: 10px;}
	.rczp .info .xxs strong {font-size: 14px;}
	.rczp .detail {display: block;}
	.rczp .detail .editorc {padding: 0; width: auto;}
	.rczp .detail .contr {display: none;}

	.contact .name {margin-top: 6%; font-size: 24px;}
	.contact .tel {margin-top: 3%; font-size: 24px;}
	.contact .editorc {margin-top: 3%;}
	.contact .address {margin-top: 5%;}
	.contact .address li {padding: 20px;}

	.message .tis {font-size: 22px;}
	.message .items .input-text {padding:0 15px; height:50px; font-size:14px; border-radius:8px;}
	.message .items .input-area {padding:10px 15px; height:122px; font-size:14px; border-radius:8px;}
	/*===================================================================================*/
}

@media only screen and (max-width: 800px){
	:root {--itis-fs: 20px; --ptis-fs: 20px; --tis-fs: 20px;}
	.banner-pros {height: 315px;}
	.banner-news > div {height: 150px;}
	.banner-news h2 {font-size: 30px;}

	.bnav-m, .bname-m {display:block;}
	.video-play {width: 700px; height: 392px;}
	.editorc-nrs {margin-top: 4%;}
	/*===================================================================================*/

	/*===================================================================================*/
	/* 产品 */
	.pros .fls {gap: 10px 30px;}
	.pros .fls div {flex-wrap: wrap; gap: 10px 15px;}
	.pros .fl2 div {padding: 8px;}
	.pros .fl2 div a {padding: 8px 20px;}
	.pros .plist {grid-template-columns: repeat(3,1fr); gap: 20px;}
	.pros .plist .name {min-height: 42px; line-height: 21px; font-size: 14px;}
	.pros .like .list {gap: 20px;}
	.pros .like .list h2 {margin-top: 10px; font-size: 12px; font-weight: normal;}
	.pros .fla .list {justify-content: space-between;}
	.pros .fla .list li {width: auto;}
	.pros .fla .list dl dt {font-size: 12px;}
	.pros .fla .list dl dd {font-size: 12px;}

	.prods .intro {grid-template-columns: 1fr 1fr; gap: 20px;}
	.prods .intro li {padding: 20px;}
	.prods .intro .tis::after {margin-top: 12px;}
	.prods .intro .tis h4 {font-size: 16px;}
	.prods .intro .tis p {margin-top: 10px;}
	.prods .intro .text {margin-top: 12px; line-height: var(--lh18);}
	.prods .tabs ul {column-gap: 0; padding: 8px;}
	.prods .tabs ul li {padding: 8px 20px;}
	.prods .tabs ul li.active {font-size: 14px;}
	.prods .detail .cont {display: block;}
	.prods .detail .cont .text {width: auto;}
	.prods .detail .cont .text p {padding-left: 12px;}
	.prods .detail .cont .text p::before {top: 11px; width: 4px; height: 4px;}
	.prods .detail .cont .imgs {margin-top: var(--pad-tb); width: auto;}
	/*===================================================================================*/
	/* 案例 */
	.cases .cont .list-new {gap: 20px;}
	.cases .cont .list {gap: 20px;}
	.cases .cont .list .text {padding: 12px 15px;}
	.cases-wf .cont {/*column-count: 2;*/ grid-template-columns: 1fr 1fr;}
	.cases-wf .cont a h2 {font-size: 14px;}
	.ands-name h1 {font-size: 18px;}
	/*===================================================================================*/
	/* 新闻资讯 */
	.news .list {grid-template-columns: repeat(3,1fr);}
	.xwds .info h1 {font-size: 18px;}
	.xwds .info .xxs {flex-wrap: wrap; padding-bottom: 20px;}
	.xwds .info .social-share {margin-top: 20px; width: 100%;}
	/*===================================================================================*/
	/* 关于我们 */
	.fzlc {gap: 20px;}
	.fzlc li {padding: 20px;}
	.fzlc .year {font-size: 16px;}
	.ppys .list .text {padding: 15px 20px;}
	.ppys .list .text h3 {font-size: 16px;}
	.honor .tis::after {margin-top: 10px;}
	.honor .tis p {margin-top: 10px; font-size: 14px;}
	.honor .list { gap: 20px;}
	.honor .list li:hover {transform: translateY(-10px);}

	.team .tis h2 {font-size: 20px;}
	.team .tis p {margin-top: 5px; font-size: 14px;}
	.team .tis .line {margin-top: 12px; width: 40px; height: 2px;}
	.team .whjz .cont {display: block;}
	.team .whjz .desc {padding: var(--pad-lr); width: auto;}
	.team .whjz .desc .text {margin-top: 3%;}
	.team .whjz .desc .zhiwei {margin-top: 3%;}
	.team .whjz .editorc {margin-left: 0; margin-top: var(--pad-tb);}
	.team .zycy .list {gap: 30px;}
	.team .zycy .name {margin-top: 15px; font-size: 15px;}
	.team .zycy .zhiwei {margin-top: 5px;}
	/*===================================================================================*/
	/* 联系我们 */
	.rczp .bnav {padding-top: 3%; padding-bottom: 3%; font-size: 12px;}
	.rczp .bnav img {height: 12px;}
	.rczp .bnav i {font-size: 12px;}
	.rczp .list .number {width: 18%;}
	.rczp .list .thead {padding: 15px; font-size: 14px;}
	.rczp .list .tbody a {padding: 15px;}
	.message .tis {font-size: 20px;}
	/*===================================================================================*/
	.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: 18px; --lh17: 1.6; --lh18: 1.6; --lh19: 1.6; --text-lh: 1.6; --editorc-lh: 1.6;}
	.banner-pros {height: 262px;}
	.banner-news > div {height: 130px;}
	.banner-news h2 {font-size: 26px;}

	.footer {display: none;}
	.footer-m {display: block; padding: 5% var(--pad-lr); color:#757575; background-color:#f5f5f7;}
	.footer-m .logo {font-size: 0;}
	.footer-m .logo img {max-height: 30px;}
	.footer-m .lxs {margin-top: 3%; line-height: 1.8;}
	.footer-m .social {display: flex; align-items: center; margin-top: 5%; font-size: 0;}
	.footer-m .qrcode {display: flex;}
	.footer-m .qrcode li {width: 120px; text-align: center;}
	.footer-m .qrcode li img {width: 100%; box-sizing:border-box; border: 5px solid #fff;}
	.footer-m .qrcode li p {margin-top: 10px; font-size: 12px;}
	.footer-m .icon {display: flex; column-gap: 10px; margin-left: 5%;}
	.footer-m .icon a {width: 30px; height: 30px;}
	.footer-m .icon a img {width: 100%; height: 100%;}
	.footer-m .copyright {margin-top: 4%; font-size: 12px; line-height: 1.8; text-align: center;}

	.pnas {flex-direction: column; justify-content: flex-start; row-gap: 8px; font-size: 12px;}
	.pnas p {max-width: initial; line-height: 1.5;}
	.bmenu {padding-top: var(--pad-tb); column-gap: 30px;}
	.faw-button {padding: 10px 25px;}
	.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;}
	/*===================================================================================*/
	.itis::after {height: 2px;}
	.itis .logo img {max-height: 30px;}
	.lya {width: 130px; height: 30px; font-size: 14px; border-radius: 15px;}
	
	.ipros .cont {gap: 15px;}
	.ipros .cont .text {column-gap: 15px; padding: 15px;}
	.ipros .cont .text div h2 {font-size: 14px;}

	.iabout .text {font-size: 14px; line-height: 1.8;}
	.ippsl ul {padding: 20px 10px;}
	.ippsl ul li h3 {font-size: 16px;}
	.ippsl ul li h3::after {margin-top: 15px; height: 2px;}
	.ippsl ul li h4 {font-size: 18px;}
	.ippsl ul li p {padding: 8px 5px 0 5px; font-size: 12px;}

	.inews .cont {grid-template-columns: 1fr 1fr;}
	.inews .cont .info {display: none;}
	/*===================================================================================*/
	/* 产品 */
	.pros .fls h1 {font-size: 18px;}
	.pros .fls div a {font-size: 12px;}
	.pros .fl2 div {column-gap: 0;}
	.pros .fl2 div a {font-size: 12px;}
	.pros .plist {grid-template-columns: 1fr 1fr; gap: 20px;}
	.pros .like .list {grid-template-columns: 1fr 1fr;}
	.prods .intro .tis h4 {font-size: 12px;}
	.prods .intro .text {margin-top: 10px; font-size: 12px;}
	.prods .zytd .cont {gap: 15px;}
	.prods .zytd .cont li {padding: 15px;}
	.prods .zytd .cont li .text {margin-top: 12px;}
	.prods .zytd .cont li .text h4 {font-size: 14px;}
	.prods .zytd .cont li .text h4::after {margin-top: 10px;}
	.prods .zytd .cont li .text p {font-size: 12px;}
	.prods .zytd .cont li:hover {transform: none;}

	.psearch .result .text p {margin-top: 8px; font-size: 14px;}
	.psearch .result .type {width: 120px; height: 40px; cursor: pointer;}
	.psearch .result .type p {padding: 0 15px; font-size: 14px;}
	.psearch .result .type p::before {right: 15px; width: 7px; height: 12px;}
	.psearch .result .type p::after {right: 15px; width: 7px; height: 12px;}
	.psearch .result .type div a {padding: 8px 15px; font-size: 14px;}
	/*===================================================================================*/
	/* 案例 */
	.cases .cont .list-new {grid-template-columns: repeat(3,1fr);}
	.cases .cont .list {grid-template-columns: 1fr 1fr;}
	.cases-wf .cont a h2 {font-size: 14px;}
	.ands-name h1 {font-size: 16px;}
	/*===================================================================================*/
	/* 新闻资讯 */
	.news .list {grid-template-columns: 1fr 1fr;}
	.xwds .info h1 {font-size: 16px;}
	/*===================================================================================*/
	/* 关于我们 */
	.ppsl .qyyj {display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 30px 20px;}
	.ppsl .qyyj li {width: auto;}
	.ppsl .cont li h3 {font-size: 16px;}
	.ppsl .cont li h3::after {margin-top: 15px; height: 2px;}
	.ppsl .cont li h4 {font-size: 16px;}
	.ppsl .cont li p {padding: 8px 5px 0 5px; font-size: 12px;}
	.fzlc {grid-template-columns: 1fr 1fr;}
	.honor {background-color:#fff;}
	.honor .list {grid-template-columns: repeat(3,1fr);}

	.team .tis h2 {font-size: 16px; font-weight: bold;}
	.team .tis p {margin-top: 5px; font-size: 12px;}
	.team .tis .line {margin-top: 10px; width: 30px; height: 2px;}
	.team .intro {display: block; padding-top: var(--pad-tb); padding-bottom: var(--pad-tb);}
	.team .intro .imgs {width: auto;}
	.team .intro .text {margin-left: 0; margin-top: var(--pad-tb);}
	.team .intro .text .tis {text-align: left;}
	.team .intro .text .editorc {margin-top: var(--pad-tb);}
	.team .zycy .list {gap: 20px;}
	.team .zycy .name {margin-top: 12px; font-size: 14px;}
	/*===================================================================================*/
	/* 联系我们 */
	.rczp .rbanner {margin-top: 0; height: 150px; line-height: 150px; font-size: 30px;}
	.rczp .rbanner .basecont .en {font-size: 5em;}
	.rczp .list {overflow-x: auto;}
	.rczp .list .thead {padding: 10px 5px; font-size: 12px; width: 600px;}
	.rczp .list .tbody {width: 600px;}
	.rczp .list .tbody a {padding: 10px 5px; font-size: 12px;}

	.contact .name {font-size: 20px;}
	.contact .tel {font-size: 18px;}
	.contact .address {gap: 20px;}
	.contact .address li {padding: 15px;}
	.contact .address li h3 {font-size: 16px;}
	.message .tis {font-size: 18px;}
	/*===================================================================================*/
	.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 {--pad-lr: 5%; --pad-tb: 5%; --itis-fs: 18px; --ptis-fs: 16px; --tis-fs: 16px;}
	body {padding-top: 45px;}
	.header .wrap {height: 45px;}
	.header .logo {height: 25px;}
	.header .lang {margin-right: 5%;}
	.header .lang p {font-size: 12px;}
	.header .ss i {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;}

	.header .search {padding-top: 3%;}
	.header .search div {padding-bottom: 0; border-bottom-width: 1px;}
	.header .search input {font-size: 14px;}
	.header .search i {top: 10px; font-size: 16px;}

	.menu .close {height: 45px;}
	.menu .list p > a {padding: 12px var(--pad-lr); font-size:16px;}
	.menu .list span {width: 45px;}
	.menu dl dt > a {padding:10px var(--pad-lr) 10px 8%;font-size:14px;}
	.menu dl dd a {padding:10px var(--pad-lr) 10px 12%;font-size:14px;}
	.menu dl dd a.thds {padding-left: 18%;}
	.menu dl dd > a:before {margin-right:8px;width:4px;height:4px;}

	.banner {height: 50vh;}
	.banner .swiper-pagination {bottom:15px;height:8px;}
	.banner .swiper-pagination span {width:8px;height:8px;}
	.banner .swiper-pagination span.swiper-pagination-bullet {margin:0 5px;}
	.banner-pros {height: auto;}
	.banner-pros img {width: 100%; height: auto; object-fit: initial;}
	.banner-news > div {height: 100px;}
	.banner-news h2 {font-size: 20px;}

	.footer-m {padding-top: 8%; padding-bottom: 4%;}
	.footer-m .logo {text-align: center;}
	.footer-m .lxs {margin-top: 4%; font-size: 12px;}
	.footer-m .social {display: flex; justify-content: space-between;}
	.footer-m .qrcode li {width: 100px;}
	.footer-m .icon {margin-left: 0;}
	.footer-m .icon a {width: 24px; height: 24px;}
	.footer-m .copyright {margin-top: 5%; font-size: 10px;}
	/*===================================================================================*/
	.itis::after {margin-top: 8px; height: 2px;}
	.itis p {font-size: 16px;}
	.itis .logo img {max-height: 25px;}
	.lya {width: 120px; height: 30px; font-size: 12px; border-radius: 15px;}
	
	.ipros .cont {display: block;}
	.ipros .cont a {display: block;}
	.ipros .cont a:not(:first-child) {margin-top: 5%;}

	.iabout .lya {margin-bottom: 4%;}
	.ippsl {margin-top: -20px; padding-bottom: 3%;}
	.ippsl ul {display: grid; grid-template-columns: 1fr 1fr; gap: 20px 15px; padding: 6% 5%; border-radius: 8px;}
	.ippsl ul li {width: auto;}
	.ippsl ul li:first-child {width: auto; grid-column: span 2;}
	.ippsl ul li h3 {font-size: 16px;}
	.ippsl ul li h3::after {margin-top: 8px;}
	.ippsl ul li h4 {font-size: 16px;}
	.ippsl ul li p {padding: 5px 0 0 0; line-height: 1.5;}

	.inews .cont {display: block;}
	.inews .cont .items {display: block;}
	.inews .cont .items:not(:first-child) {margin-top: 5%;}

	.ipartner .cont::before, .ipartner .cont::after {display: none;}
	.ipartner .list a {margin: 5px; width: 120px; height: 50px;}
	.ipartner .list a div {padding: 5px; font-size: 12px;}
	/*===================================================================================*/
	.tmar {margin-top: 10%;}
	.tpad {padding-top: 10%;}
	.ipad {padding-bottom: 12%;}
	.cpad {padding-bottom: 10%;}
	.button-aw {height: 45px; font-size: 14px;}
	.button-wp {padding: 9px 25px; font-size: 14px;}
	.pnas {margin-top: 8%;}
	.pnas .back {display: none;}
	.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;}
	.bnav {font-size: 10px; line-height: 1.5;}
	.bmenu {justify-content: space-between; gap: 10px;}
	.bmenu a {height: 22px; font-size: 12px;}
	.bname-m h2 {padding: 10px 40px 10px var(--pad-lr); font-size:15px;}
	.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: 10px 40px 10px 5.3%;}
	.bmenu-m a i {right: 4.5%;}
	.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 .fls {display: block;}
	.pros .fls h1 {font-size: 18px; text-align: center;}
	.pros .fls div {flex-wrap: wrap; gap: 10px 15px; margin-top: 5%; margin-left: 0;}
	.pros .fl2 div {padding: 6px;}
	.pros .fl2 div a {padding: 6px 15px; font-size: 12px;}
	.pros .plist {display: block; margin-top: 0;}
	.pros .plist a {display: block; margin-top: 5%;}
	.pros .plist .text {padding: 15px;}
	.pros .plist .name {height: 46px; line-height: 23px; color:#333; font-size: 15px;}
	.pros .plist .awm-pic {margin-bottom: 15px;}
	.pros .plist .more {position: static; bottom: 0; left: 0; right: 0;}
	.pros .like {padding-top: 8%;}
	.pros .like .list h2 {margin-top: 8px;}
	.pros .fla {padding-top: 8%;}
	.pros .fla .list {display: block; margin-top: 5%;}
	.pros .fla .list li {width: auto;}
	.pros .fla .list li:not(:first-child) {margin-top: 8%;}
	.pros .fla .list dl dt {margin-top: 10px;}
	.pros .fla .list dl dd {margin-top: 10px;}

	.prods-name {bottom: 15px;}
	.prods-name h1 {font-size: 16px;}
	.prods .intro {display: block;}
	.prods .intro li {padding: 5%; padding-bottom: 4%;}
	.prods .intro li:not(:first-child) {margin-top: 4%;}
	.prods .intro li:hover {transform: none;}
	.prods .intro .tis::after {margin-top: 10px; height: 1px;}
	.prods .intro .tis h4 {font-size: 12px;}
	.prods .intro .tis p {margin-top: 5px; font-size: 12px;}
	.prods .intro .text {margin-top: 8px; font-size: 12px;}
	.prods .detail .cont .text p::before {top: 9px;}
	.prods .tabs ul {padding: 6px;}
	.prods .tabs ul li {padding: 6px 15px; font-size: 12px;}
	.prods .tabs ul li.active {font-size: 12px;}
	.prods .yycj {padding-left: 0; padding-right: 0;}

	.prods-swiper .swiper-button {margin-top: -15px; width: 30px; height: 30px;}
	.prods-swiper .swiper-next {right: 10px;}

	.prods .zytd .cont {display: block; padding-left: var(--pad-lr); padding-right: var(--pad-lr);}
	.prods .zytd .cont li {padding: 5%;}
	.prods .zytd .cont li:not(:first-child) {margin-top: 5%;}
	.prods .zytd .cont li .text {margin-top: 12px;}
	.prods .zytd .cont li .text h4 {font-size: 14px;}
	.prods .zytd .cont li .text h4::after {margin-top: 10px;}
	.prods .zytd .cont li .text p {margin-top: 8px; font-size: 12px;}

	.psearch .result {padding-top: 8%; padding-bottom: 8%;}
	.psearch .result .cont {display: block;}
	.psearch .result .type {margin-top: 15px; height: 35px;}
	.psearch .result .type p {color:#fff; font-weight: bold; background-color:#37383c;}
	.psearch .result .type p::before {display: none;}
	.psearch .result .type p::after {display: block;}

	.psearch .list a {display: flex; column-gap: 0;}
	.psearch .list .imgs {flex: 0 0 auto; width: 126px; height: 70px; text-align: center;}
	.psearch .list .imgs img {width: 100%; height: 100%; object-fit: cover;}
	.psearch .list .text {flex: 1 1 auto; margin-left: 4%;}
	.psearch .list .text h2 {font-size: 14px;}
	/*===================================================================================*/
	/* 案例 */
	.cases .cont::after {margin-top: 6%; margin-bottom: 12%;}
	.cases .cont .tis {margin-bottom: 12px;}
	.cases .cont .tis h2 {color:#333; font-size: 16px;}
	.cases .cont .tis a {margin-left: 30px; font-size: 12px;}
	.cases .cont .list-new {gap: 15px 10px;}
	.cases .cont .list-new p {margin-top: 8px; font-size: 12px;}
	.cases .cont .list {display: block;}
	.cases .cont .list a {display: block;}
	.cases .cont .list a:not(:first-child) {margin-top: var(--pad-tb);}
	.cases .cont .list .text {padding: 15px 18px;}
	.cases .cont .list .text h2 {font-size: 14px;}

	.cases-wf .cont {/*column-count: initial;*/ display: block;}
	.cases-wf .cont a {margin-bottom: var(--pad-tb);}
	.cases-wf .cont a h2 {padding: 10px 12px; font-size: 14px;}

	.ands-name h1 {font-size: 16px;}
	.ands-pics {padding: 0;}
	/*===================================================================================*/
	/* 新闻资讯 */
	.news .list {display: block;}
	.news .list a {display: block; background-color:#f5f5f5;}
	.news .list a:not(:first-child) {margin-top: var(--pad-tb);}
	.news .list .text {padding: 15px 18px 0 18px;}
	.news .list .text h2 {height: auto; line-height: 1.6; font-size: 14px;}

	.xwds .info h1 {font-size: 16px;}
	.xwds .info .xxs {padding-top: 8px; padding-bottom: 10px;}
	.xwds .info .date {column-gap: 10px; font-size: 12px;}
	.xwds .info .date i {font-size: 14px;}
	.xwds .info .date .layui-icon-time {font-size: 12px;}
	.xwds .info .social-share {margin-top: 10px;}
	.xwds .editorc {margin-top: 5%;}
	.social-share .social-share-icon {width: 22px; height: 22px; font-size: 14px; line-height: 22px;}
	/*===================================================================================*/
	/* 关于我们 */
	.ppsl .qyyj {display: block; margin-top: 3%; padding: 6% 5%;}
	.ppsl .qyyj li {width: auto;}
	.ppsl .qyyj li:not(:first-child) {margin-top: 8%;}
	.ppsl .qyyj .imgs {width: 50px;}
	.ppsl .qyyj .text {margin-left: 10px;}
	.ppsl .qyyj .text h4 {color:#222; font-size: 14px;}
	.ppsl .qyyj .text p {margin-top: 3px; font-size: 12px; line-height: 1.5;}

	.ppsl .cont {display: grid; grid-template-columns: 1fr 1fr; gap: 20px 15px; padding: 10% 5% 6% 5%;}
	.ppsl .cont li {width: auto;}
	.ppsl .cont li:first-child {width: auto; grid-column: span 2;}
	.ppsl .cont li h3 {font-size: 16px;}
	.ppsl .cont li h3::after {margin-top: 8px;}
	.ppsl .cont li h4 {font-size: 16px;}
	.ppsl .cont li p {padding: 5px 0 0 0; line-height: 1.5;}

	.fzlc-text {margin-bottom: 5%;}
	.fzlc {display: block;}
	.fzlc li {padding: 5%;}
	.fzlc li:not(:first-child) {margin-top: 10px;}
	.fzlc li:hover {transform: translateY(0);}
	.fzlc .year {font-size: 14px;}
	.fzlc .text {margin-top: 5px; font-size: 12px;}

	.ppys .list {display: block; margin-top: 8%;}
	.ppys .list li:not(:first-child) {margin-top: 5%;}
	.ppys .list .text {padding: 12px 15px;}
	.ppys .list .text h3 {font-size: 14px;}
	.ppys .list .text p {font-size: 12px;}

	.honor {padding-bottom: 5%;}
	.honor .tis {padding-bottom: 5%;}
	.honor .tis::after {margin-top: 8px; height: 2px;}
	.honor .tis p {margin-top: 5px; font-size: 12px;}
	.honor .list {grid-template-columns: 1fr 1fr; gap: 15px; padding-bottom: 5%;}
	.honor .list li:hover {transform: translateY(0);}
	.honor .list img {max-width: 100%; max-height: 100%;}
	.honor .list p {margin-top: 10px; font-size: 12px;}

	.team .whjz .desc .text {margin-top: 4%;}
	.team .whjz .desc .zhiwei {margin-top: 4%;}
	.team .zycy .list {grid-template-columns: 1fr 1fr; gap: 20px 15px;}
	.team .zycy .name {margin-top: 10px; font-size: 14px;}
	.team .zycy .zhiwei {margin-top: 5px; font-size: 12px;}
	/*===================================================================================*/
	/* 联系我们 */
	.rczp .bnav {padding-top: 4%; padding-bottom: 4%;}
	.rczp .bnav img {height: 10px;}
	.rczp .bnav i {margin-left: 3px; margin-right: 3px;}
	.rczp .info .name {font-size: 16px;}
	.rczp .info .xxs {margin-top: 8px; font-size: 12px;}
	.rczp .info .xxs span {color:#bbb;}
	.rczp .info .xxs strong {margin-top: 5px; width: 100%; font-size: 12px;}
	.rczp .detail .editorc {padding-bottom: 8%;}

	.contact {padding-top: 8%; padding-bottom: 8%;}
	.contact .name {margin-top: 8%; font-size: 18px;}
	.contact .tel {margin-top: 4%; font-size: 16px;}
	.contact .editorc {margin-top: 5%;}
	.contact .address {display: block; margin-top: 8%;}
	.contact .address li:not(:first-child) {margin-top: 4%;}
	.contact .address li {padding: 10px; border-radius: 8px;}
	.contact .address li h3 {font-size: 14px;}

	.message {padding-bottom: 20px;}
	.message .tis {margin-bottom: 5%; font-size: 16px;}
	.message .cont {display: block;}
	.message .items:not(:first-child) {margin-top: 4%;}
	.message .items .input-text {padding:0 10px; height:38px; border-radius:4px;}
	.message .items .input-area {padding:8px 10px; height:122px; border-radius:4px;}
	.message .btns {margin-top: 5%; text-align: center;}
	/*===================================================================================*/
	.news-page {margin-top: 10%;}
	.pros-page {margin-top: 8%;}
	.fypage {gap: 5px;}
	.fypage a,.fypage span {width:20px; height:20px; font-size:10px;}
	.fypage .fypage-prev i,.fypage .fypage-next i {font-size:8px;}
}