/* ====移动端导航==== */
/* 按钮 */
.mobmenu {
	display: none;
	margin: 0 1.25rem;
	position: relative;
}
.mobmenu dl {
	width: 30px;
	margin-right: 10px;
	cursor: pointer;
}
.mobmenu dl dd {
	width: 0;
	height: 2px;
	background: #333;
}
.mobmenu dl dd:first-child {
	animation: sjnav 2.4s linear infinite;
}
.mobmenu dl dd:nth-child(2) {
margin: 6px 0;
width: 20px;
}
.mobmenu dl dd:last-child {
	animation: sjnav 2.4s linear infinite;
	animation-delay: 0.4s;
}
/* 导航头 */
.flexsb {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mobmenu h4 {
	color: #333;
}
.mobmask {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	height: 100vh;
	background: rgba(7, 16, 26, 0.8);
	transition: all 0.5s;
	visibility: hidden;
	opacity: 0;
	transition-delay: 0.2s;
}
.mobmask.active {
	opacity: 1;
	visibility: visible;
}
.mobnavBox {
	padding-bottom: 20px;
	width: 60%;
	height: 100vh;
	position: fixed;
	z-index: 100;
	top: 0;
	left: -50%;
	overflow-y: auto;
	opacity: 0;
	transition: all 0.3s;
	background: #fff;
	visibility: hidden;
}
.mobnavBox.active {
	transition-delay: 0.3s;
	opacity: 1;
	left: 0;
	visibility: visible;
}
.mobCon {
	padding: 0 1.25rem;
}
.mobnavBox .top {
padding: .625rem 1.25rem;
	height: 5rem;
	min-height: 50px;
	position: sticky;
	top: 0;
	z-index: 9999;
	background: #fff;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.03);
}
.mobnavBox .top .logo {
	display: flex;
	align-items: center;
}
.mobnavBox .top .logo img {
	height: 3.375rem;
}
.mobnavBox .top .mobnavclose {
	width: 30px;
	height: 30px;
	position: relative;
	cursor: pointer;
}
.mobnavBox .top .mobnavclose:before, .mobnavBox .top .mobnavclose:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #333;
	border-radius: 1px;
}
.mobnavBox .top .mobnavclose:before {
	width: 20px;
	height: 2px;
	transform: translate(-50%, -50%) rotate(45deg);
}
.mobnavBox .top .mobnavclose:after {
	width: 2px;
	height: 20px;
	transform: translate(-50%, -50%) rotate(225deg);
}
/* 导航搜索 */
/* version1.0 */
.mobsearch {
	margin-top: 30px;
}
.mobsearch form {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mobsearch form input {
	width: calc(100% - 52px);
	line-height: 40px;
	border: 1px solid #eee;
	border-radius: 2px;
	padding: 0 12px;
	font-size: var(--font14);
	color: #333;
}
.mobsearch form button {
	width: 42px;
	height: 42px;
	background: #236DEF;
	color: #333;
	border-radius: 2px;
	font-size: 14px;
	border: 0;
	cursor: pointer;
}
.mobsearch form button img {
	filter: brightness(100);
	-webkit-filter:brightness(100);
}
/* version2.0 */
.mobnavBox .form {
	background-color: #f5f5f5;
	display: flex;
	align-items: center;
	margin-bottom: 2.125rem;
	margin-top: 3.125rem;
}
.mobnavBox .form .f_sub, .mobnavBox .form .tx {
	height:5rem;
}
.mobnavBox .form .int {
	display: flex;
	align-items: center;
	width: calc(100% - 9.625rem);
	padding: 0 2.8125rem;
}
@media (max-width: 767px) {
.mobnavBox .form .int {
width: calc(100% - 1.5rem);
padding: 0 1rem;
}
}
.mobnavBox .form .int i {
	width: 2rem;
	display: block;
	overflow: hidden;
}
.mobnavBox .form .int i svg {
	float: left;
	width: 100%;
}
.mobnavBox .form .int .tx {
	width: calc(100% - 2rem);
	padding: 1.25rem 1rem;
	font-size: var(--font20);
}
@media (max-width: 767px) {
.mobnavBox .form .f_sub, .mobnavBox .form .tx {
height: 4rem;
}
}
.mobnavBox .form .f_sub {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 9.625rem;
	color: #fff;
	background-color: #236DEF;
	cursor: pointer;
	font-size: var(--font24);
}
@media (max-width: 767px) {
.mobnavBox .form .f_sub {
font-size: var(--font20);
}
}
/* 导航内容 */
.mobnavBox .bottom {
	padding: 6px 0;
}
.mobnavBox .bottom .nav li {
margin: .4rem 0;
}
.mobnavBox .bottom .nav li h3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mobnavBox .bottom .nav li h3 a {
	display: block;
	text-align: center;
	color: #333;
	padding-left: 4px;
	font-size: var(--font24);
}
.mobnavBox .bottom .nav li h3 i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	color: #333;
	text-align: center;
	font-size: 12px;
transition: .4s;
	cursor: pointer;
}
.mobnavBox .bottom .nav li h3 i svg {
	max-width: 100%;
}
.mobnavBox .bottom .nav li .m-subnav {
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 5px;
	display: none;
}
.mobnavBox .bottom .nav li .m-subnav a {
	margin: 10px 0;
	padding-left: 5px;
	position: relative;
	font-size: var(--font17);
	color: #333;
	display: flex;
	align-items: center;
}
.mobnavBox .bottom .nav li .m-subnav a::before {
content: '';
width: 4px;
height: 4px;
border-radius: 50%;
background: #236DEF;
display: inline-flex;
margin-right: 5px;
flex-shrink: 0;
}
/*三级导航 */
.mobnavBox .bottom .nav li .m-subnav dl {
	border-bottom: 1px solid #eee;
}
.mobnavBox .bottom .nav li .m-subnav dl:last-child {
	border: 0;
}
.mobnavBox .bottom .nav li .m-subnav dl dt {
	display: flex;
	justify-content: space-between;
}
.mobnavBox .bottom .nav li .m-subnav dl dt a::before {
display: none;
}
.mobnavBox .bottom .nav li .m-subnav dl dt .btn {
	width: 16px;
	position: relative;
}
.mobnavBox .bottom .nav li .m-subnav dl dt .btn i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-weight: 700;
}
.mobnavBox .bottom .nav li .m-subnav dl dt .btn .i2 {
	opacity: 0;
}
.mobnavBox .bottom .nav li .m-subnav dl .list {
	display: none;
}
.mobnavBox .bottom .nav li .m-subnav dl .list a {
	display: flex;
	position: relative;
	align-items: center;
}
.mobnavBox .bottom .nav li .m-subnav dl.on dt .btn .i2 {
	opacity: 1;
}
.mobnavBox .bottom .nav li .m-subnav dl.on dt .btn .i1 {
	opacity: 0;
}
/* .mobnavBox .bottom .nav li .m-subnav a:before{content: "";width: 8px;height: 8px;border: 1px solid #CCCCCC;border-radius: 50%;position: absolute;left: 4px;top: 5px;transition: all 0.4s;}
.mobnavBox .bottom .nav li .m-subnav a:after{content: "";width: 4px;height: 4px;background: #CCCCCC; border-radius: 50%; position: absolute; left: 7px;top: 8px;transition: all 0.4s;} */
.mobnavBox .bottom .nav li.on h3 a {
	color: #236DEF;
}
.mobnavBox .bottom .nav li.on h3 i {
	transform: rotate(90deg);
	color: #236DEF;
}
.mobnavBox .bottom .nav li.on h3 i:before, .mobnavBox .bottom .nav li.on h3 i:after {
	background: #fff;
}
.mobnavBox .bottom .nav li h3 a:hover, .mobnavBox .bottom .nav li .m-subnav a:hover, .mobnavBox .bottom .nav li .m-subnav a.on {
	color: #236DEF;
}
.mobnavBox .bottom .nav li .m-subnav a:hover:before, .mobnavBox .bottom .nav li .m-subnav a.on:before {
	border-color: #236DEF;
}
.mobnavBox .bottom .nav li .m-subnav a:hover:after, .mobnavBox .bottom .nav li .m-subnav a.on:after {
	background: #236DEF;
}
.mobnavBox .bottom .links dl dd {
margin: .3rem 0;
}
.mobnavBox .bottom .links dl dd a {
	display: flex;
	align-items: center;
}
.mobnavBox .bottom .links dl dd span {
margin-left: .2rem;
	display: block;
	text-align: center;
	color: #333;
	padding-left: 4px;
	font-size: var(--font20);
}
/* 导航语言 */
/* version2.0 */
.mobnavBox .moblang .tit {
	font-size: var(--font20);
	text-align: center;
	font-weight: 700;
margin-bottom: .2rem;
}
.mobnavBox .moblang .moblan a {
	border: 1px solid #eee;
margin: .15rem 0;
	color: #666;
}
.mobnavBox .moblang .moblan a:active {
	border-color: #236DEF;
	background: #236DEF;
	color: #fff;
}
/* 导航联系方式 */
/* version1.0 */
.moblan a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 0.9rem;
}
.sitebtn {
	display: block;
	border-radius:4px;
	background-image: linear-gradient(135deg, #236DEF 10%, #fff 60%, #236DEF 100%);
	overflow: hidden;
	background-size: 200% auto;
	color: #fff;
	text-align: center;
}
/* .sitebtn:hover {background-position: right center;} */
.mobinfo {
	padding-top: 20px;
	border-top: 1px solid #eee;
}
.mobinfo h2 {
	color: #236DEF;
	font-weight: 700;
margin-bottom: .3rem;
}
.mobinfo dl dd {
	display: flex;
margin-top: .15rem;
	align-items: center;
}
.mobinfo dl dd {
}
.mobinfo dl dd .icBox {
	max-width: 15px;
	max-height: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
}
.mobinfo dl dd .icBox img {
	max-width: 100%;
}
.mobinfo dl dd p {
	width: calc(100% - 14px);
	color: #333;
}
.mobinfo dl dd p a {
	color: #333;
}
.mobinfo dl dd p a:active {
	color: #236DEF;
}
@keyframes sjnav {
0% {
width: 0;
}
25% {
width: 15px;
}
50% {
width: 30px;
}
75% {
width: 15px;
}
100% {
width: 0;
}
}
/* version2.0 */
.fz_bt {
	margin-top: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	background-color: #fff;
	color: #236DEF;
	transition: all 0.3s linear;
	border: 1px solid #eee;
	width: 100%;
padding: .625rem 0;
	font-size: var(--font24);
}
.fz_bt i {
	display: flex;
	width: 1.875rem;
	height: 1.875rem;
	margin-right:1.25rem;
	overflow: hidden;
}
.fz_bt i svg {
	width: 100%;
	height: 100%;
}
.fz_bt i svg path {
	fill: #236DEF;
}
.fz_bt span {
	color: #236DEF;
}
.fz_bt:active {
	background: #236DEF;
	border-color: #236DEF;
}
.fz_bt:active i svg path {
	fill: #fff;
}
.fz_bt:active span {
	color: #fff;
}
@media (any-hover: hover) {
 .mobinfo dl dd p a:hover {
color: #236DEF;
}
 .fz_bt:hover {
background: #236DEF;
border-color: #236DEF;
}
 .fz_bt:hover i svg path {
fill: #fff;
}
 .fz_bt:hover span {
color: #fff;
}
}




/* 大桌面显示器，≥ 1200px */
@media (max-width: 1400px) {
 .pro-tel dl dt {
margin-right: 1rem;
}
 .class-box ul {
justify-content: space-between;
}
 .class-box ul li a {
padding: 2.125rem 3.125rem;
}
}
@media (max-width: 1367px) {
.pro-tel dl dd b {
font-size: 1.1rem;
}
}
/* 大设备（小桌面/平板横屏，≥ 992px） 小于 1200px */
@media (max-width: 1200px) {
  /* 头部 */
  .pc-nav, .luangage, .headSearch {
display: none;
}
 .mobmenu {
display: flex;
}
 .head-right {
width: auto;
}

  /* 首页 */
  .pro-btn ul li {
margin-left: 1.8125rem;
}
}

/* 中等设备（平板，≥ 768px）小于 992px */
@media (max-width: 992px) {
  /* 首页 */
  .index-title {
text-align: center;
width: 100%;
}
 .product-right {
width: 100%;
}
 .product-right b {
display: none;
}
 .pro-btn {
margin-bottom: 3.8rem;
}
 .pro-btn ul {
justify-content: space-between;
}
 .honor-box .honor-left, .honor-box .honor-pic {
width: 100%;
}
 .honor-box .honor-left {
justify-content: center;
}
 .honor-box .info {
width: 94%;
margin-bottom: 5rem;
}
 .news-top .index-title {
margin-bottom: 4rem;
}
 .news-btn {
width: 100%;
}
 .news-btn ul {
justify-content: center;
}
 .news-latest {
width: 100%;
margin-bottom: 3rem;
}
 .problem, .news-middle {
width: 48%;
}
 .partner-list ul li .partner-box>img {
width: 13.4375rem;
}
 .partner-list ul li .pic img {
width: 50%;
}
 .partner-list ul:nth-child(2) {
margin-top: -8.25rem;
}
 .partner-list ul:last-child {
margin-top: -8.25rem;
}



  /* 内页产品 */
  .product-box {
flex-wrap: wrap;
}
 .product-box .pro-left {
position: relative;
top: auto;
width: 100%;
margin-bottom: 3rem;
background: #fff;
}
 .product-box .pro-right {
width: 100%;
}
 .pro-title strong, .pro-consult, .pro-tel {
display: none;
}
 .pro-class ul {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
}
 .pro-class ul li {
border-bottom: none;
background: #fcfcfc;
text-align: center;
padding: 1.8rem 0;
}
 .pro-class ul li img {
display: none;
}
 .pro-class ul li a {
justify-content: center;
}
 .productxq-box {
flex-wrap: wrap;
}
 .productxq-box .pro-left, .productxq-box .pro-right {
width: 100%;
}
 .productxq-box .pro-left {
background: transparent;
position: relative;
top: 0;
margin-bottom: 3rem;
}

  /* 内页图片列表页 */
  .nysolution-list ul {
grid-template-columns: repeat(3, 1fr);
}

  /* 内页图片详情页 */
  .news-details {
width: 100%;
}
 .news-recom {
display: none;
}
 .solunav ul {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 2rem;
}
 .solunav li .icBox, .solunav ul::after {
display: none;
}
 .solunav li span {
margin-top: 0;
}
 .solunav li a {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ccc;
height: 4rem;
}
 .pro-btns {
margin-top: 2rem;
}
 .pro-btns ul {
justify-content: space-between;
flex-wrap: wrap;
}
 .pro-btns ul li {
width: 48%;
margin-bottom: 1rem;
}
 .pro-btns ul li a {
border-radius: 0;
background: #fff;
height: 3rem;
width: auto;
}
 .pro-btns ul li .small {
display: none;
}
 .video-btn em {
font-size: 1rem;
}
}

/* 小设备（手机横屏/大手机，≥ 576px）小于 768px */
@media (max-width: 768px) {
   /* 手机端头部 */
   .mobnavBox {
width: 100%;
}
 .mobmenu dl {
margin-right: 0;
}
 .headBox .re .btn a {
width: 3rem;
}
 .mobnavBox .bottom .nav li h3 a, .fz_bt {
font-size: var(--font19);
}
 .fz_bt i {
width: 1.25rem;
height: 1.25rem;
margin-right: .5rem;
}
 
   /* 字体大小调试 */
   .tit-60 {
font-size: var(--font34);
}
 .tit-56 {
font-size: var(--font32);
}
 .tit-52 {
font-size: var(--font30);
}
 .tit-50 {
font-size: var(--font30);
}
 .tit-48 {
font-size: var(--font30);
}
 .tit-42 {
font-size: var(--font30);
}
 .tit-40 {
font-size: var(--font30);
}
 .tit-38 {
font-size: var(--font28);
}
 .tit-36 {
font-size: var(--font28);
}
 .tit-34 {
font-size: var(--font28);
}
 .tit-30 {
font-size: var(--font26);
}
 .tit-28 {
font-size: var(--font26);
}
 .tit-26 {
font-size: var(--font24);
}
 .header {
position: sticky;
}
 .headBox {
height: 4.4375rem;
padding: 0 4%;
}
 .headBox .logo img {
width: 16.5625rem;
}
 .indexBanner .slide .bjBox img {
min-height: 18rem;
object-fit: cover;
}
 .indexBanner .pagtion {
bottom: .625rem;
}
 .index-title {
margin-bottom: 1.5rem;
}

   /* 首页 */
   .pro-btn {
margin-bottom: 2.3rem;
}
 .pro-btn ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap:1rem 1.875rem
}
 .pro-btn ul li::after {
display: none;
}
 .pro-btn ul li {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ccc;
margin-left: 0;
padding: 0.5rem 0;
}
 #index-prev, #index-next {
display: none;
}
 #product-num {
width: 100%;
}
 .about-bg {
padding: 5rem 0;
}
 .about-box .info {
width: 100%;
margin-bottom: 5rem;
}
 .about-box .info strong {
text-align: center;
}
 .about-link ul li img {
height: 2.75rem;
}
 .video-btn {
width: 35.25rem;
margin: 0 auto;
}
 .about-link ul li:last-child {
 margin-right: 5%;
}
 .ys-list ul li .info {
display: none;
}
 #ys-prev, #ys-next {
display: none;
}
 .honor-bg {
padding: 5rem 0;
}
 .honor-title {
text-align: center;
width: 100%;
}
 .honor-title strong {
margin-bottom: 1rem;
}
 .honor-title span {
right: 0;
margin: auto;
}
 .honor-title i {
margin:  0 auto;
}
 .honor-box .honor-pic img {
width: 100%;
}
 .honor-top img {
display: none;
}
 .honor-box .info h3, .num-list {
width: 100%;
}
 .num-list ul li .pic img {
width: 8.5rem;
}
 .idea {
padding: 5rem 0 2rem;
}
 .idea-list ul li {
width: 100%;
margin-bottom: 3rem;
}
 .solution-btn ul li {
width: 6.875rem !important;
}
 .problem, .news-middle {
width: 100%;
}
 .news-middle {
margin-bottom: 3rem;
}
 .news-top .index-title {
margin-bottom: 2rem;
}
 .news-btn ul li a {
padding: .5rem 2rem;
}
 .partner-bg {
padding: 4rem 0 3rem;
}
 .partner-bg .index-title {
margin-bottom: 2.5625rem;
}
 .partner-list ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
margin-bottom: 1rem;
}
 .partner-list ul li .partner-box {
background: #fff;
padding: 1rem 0;
}
 .partner-list ul li .partner-box>img {
display: none;
}
 .partner-list ul li .pic {
position: relative;
}
 .partner-list ul:nth-child(2), .partner-list ul:nth-child(3) {
display: none;
}
 .partner-list ul li .pic img {
width:90%;
}

  /* 公共底部 */
  .foot-logo {
margin-bottom: 3rem;
}
 .foot-logo a {
flex-wrap: wrap;
justify-content: center;
}
 .foot-logo img {
margin-right: 0;
margin-bottom: 1rem;
}
 .foot-top .index-tel {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
 .foternav {
display: none;
}
 .foot-copy {
text-align: center;
}
 .foot-copy p {
width: 100%;
}


  /* 内页产品 */
  .ny-banner .pic img {
min-height: 16rem;
object-fit: cover;
}
 .ny-banner .info {
top: 38%;
}
 .ny-banner .info h2 {
font-size: 1.3rem;
}
 .ny-banner .info span {
padding: .5rem 1rem;
}
 .proMain {
padding: 3rem 0;
}
 .pro-class ul {
grid-template-columns: repeat(2, 1fr);
gap:1rem 0.5rem;
}
 .pro-class ul li {
padding: 1rem 0;
}
 .nypro-list ul {
grid-template-columns: repeat(2, 1fr);
gap:1rem 0.5rem;
}
 .proDateOne {
padding: 4rem 0;
}
 .proDateOne .box {
margin: 2.25rem 0;
}
 .proDateOne .le, .proDateOne .re {
width: 100%;
}
 .proDateOne .re {
position: relative;
top: auto;
transform: translate(-100%, 0);
}

  /* 内页图片列表页 */
  .soluMain {
padding: 4rem 0;
}
 .nysolution-list ul {
grid-template-columns: repeat(2, 1fr);
gap:1rem 0.5rem;
}

  /* 内页图片详情页 */
  .newxq-arrow .text {
margin-bottom: 1rem;
}
 .newsxq-title strong {
font-size: 1.5rem;
}
 .class-box ul {
justify-content: space-between;
}
 .class-box ul li a {
padding: 1.125rem 1.125rem;
}
 .nynews-list ul {
grid-template-columns: repeat(1, 1fr);
gap:1rem 0.5rem;
}
 .nynews-list ul li .pic {
display: none;
}
 .nynews-list ul li .info {
border-top: none;
}
 .newsMain-bg {
padding: 4rem 0 1rem;
}


  /* 内页公司简介 */
  .about-title span {
font-size: 3rem;
}
 .nyabout-bg {
padding: 4.875rem 0 9.6875rem;
}
 .nyabout-bg .info h3 {
width: 100%;
}
 .pro-logo, #back-to-top {
display: none;
}
 .num-bg {
width: 100%;
height: auto;
padding: 2rem 0 0;
border-radius: 0;
}
 .num-bg ul {
flex-wrap: wrap;
width: 100%;
}
 .num-bg ul li {
width: 50%;
padding:  0 0 2rem;
border-right: none;
}
 .nyabout-bg .info {
margin-bottom: 3rem;
}
 .about-probg .info {
padding-top: 0;
}
 .about-probg {
padding-bottom: 5.5rem;
}
 .about-probg .info h4 {
width: 100%;
}
 .culture-bg {
padding: 5.875rem 0 3rem;
}
 .culture-bg .about-title {
margin-bottom: 3rem;
}
 .culture-list ul {
grid-template-columns: repeat(1, 1fr);
}
 .culture-list ul li {
margin-bottom: 3rem;
}
 .culture-list ul li .icon {
width: 6.1875rem;
height: 6.1875rem;
display: none;
}
 .culture-list ul li .icon::after {
width: 7.5rem;
height: 7.5rem;
}
 #environment-prev, #environment-next {
display: none;
}
 .environment-list ul li .info {
padding: 1rem 2%;
}
 #honor-prev, #honor-next {
width: 3rem;
height: 3rem;
}



  /* 联系我们 */
  .contact-left, .contact-right, .warranty {
width: 100%;
}
 .contact-left, .contact-right {
padding: 4rem 4%;
}
 .contact-left strong {
font-size: 1.6rem;
}
 .solunav ul {
grid-template-columns: repeat(3, 1fr);
gap:1rem 0.5rem;
}
 .solunav li a {
height: 3rem;
}
 .nyys-list ul {
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
.nyys-list ul li {
height: 16rem;
}
.nyys-list ul li .icon img {
width: 2.1875rem;
margin: 2rem auto 1.4375rem;
}
}

/* 超小设备（手机，小于 576px） */
@media (max-width: 576px) {
}