﻿@media only screen and (max-width: 1680px){
	.wrap {width:1440px;}
	#header .nav li > a {padding-left: 25px; padding-right: 25px;}
	#iabout .cont .text .intro {padding: 30px;}
	#iabout .cont .text .intro .abtn {position: static; bottom: auto; left: auto; margin-top: 30px;}
	#iabout .cont .text .intro .abtn a {height: 50px; line-height: 50px; border-radius: 25px;}
}

@media only screen and (max-width: 1500px){
	.wrap {width:1280px;}
	#header .search {margin-right: 20px;}
	#header .nav li > a {padding-left: 20px; padding-right: 20px; font-size: 16px; font-weight: bold;}

	#banners .btis h2 {font-size: 50px;}
	#banners .btis p {font-size: 20px;}
	/*===================================================================================*/
	#ipros .cont li a .text h2 {font-size: 18px;}
	#ipros .cont .s1 .text p {font-size: 16px;}

	#iabout .cont .imgs a {background-size: 100px auto;}
	#iabout .cont .imgs span {background-size: 100px auto;}
	#iabout .cont .text .intro .name {font-size: 26px;}
	#iabout .cont .text .intro .editorc {margin-top: 15px; font-size: 16px;}
	#iabout .cont .text .intro .abtn a {font-size: 14px;}
	#iabout .cont .text .szys li {padding: 20px 10px;}
	#iabout .cont .text .szys li p {margin-top: 15px; font-size: 16px;}
	#iabout .cont .text .szys li .number {font-size: 40px;}
	#iabout .cont .text .szys li .year {margin-top: 3px; font-size: 16px;}
	#iabout .cont .text .szys li .jia {font-size: 24px;}

	#ivideo .cont li a {padding: 10px 15px;}
	#ivideo .cont li a .text {margin-left: 15px; font-size: 16px;}
	#ivideo .cont li a .text h2 {font-size: 16px;}
	#ivideo .cont li a .text p {margin-top: 5px; height: auto; line-height: normal;}
	#ivideo .cont li a .text p span {display: none;}
	/*===================================================================================*/
	#bmenu > div a {padding: 2vw 0; font-size: 16px;}
	/*===================================================================================*/
	/* 产品中心 */
	#pros .fls {padding: 40px 0; width: 300px;}
	#pros .fls > li .name {padding: 0 45px;}
	#pros .fls > li .list {padding: 0 45px;}
	#pros .fls > li .list dt a {padding: 15px 0;}
	#pros .fls > li .list ul li a {padding: 6px 0;}
	#pros .pnav {margin-bottom: 40px;}
	#pros .xds {padding: 40px 60px 60px 60px;}
	#pros .nrs {padding: 40px 60px 60px 60px;}
	#pros .nrs .list a {padding: 30px;}
	#pros .nrs .list a .text h2 {font-size: 18px;}
	/*===================================================================================*/
	/* 新闻资讯 */
	#news a .text {padding: 20px 50px 0 50px;}
	#news a .text h2 {font-size: 22px;}
	#news a .text .desc {margin-top: 10px;}
	#news a .text .abtn {margin-top: 25px;}
	#wzds .contl {width:calc(100% - 300px);}
	#wzds .contr {width:300px;}
	/*===================================================================================*/
	/* 关于我们 */
	.gsjj .cont .imgs a {background-size: 100px auto;}
	.gsjj .cont .editorc {font-size: 16px;}
	.gsjj .cont .szys li p {margin-top: 15px; font-size: 16px;}
	.gsjj .cont .szys li .number {font-size: 40px;}
	.gsjj .cont .szys li .year {margin-top: 3px; font-size: 16px;}
	.gsjj .cont .szys li .jia {font-size: 24px;}
	#jobs {width: 100%;}
}

@media only screen and (max-width: 1280px){
	:root {--itis-fs: 38px; --tis-fs: 38px; --lh19: 1.8; --editorc-fs: 14px; --editorc-lh: 1.8;}
	body {font-size: 14px;}
	input,select,button,textarea {font-size: 14px;}

	#header .logo {left: 4%;}
	#header .search {margin-right: 20px;}
	#header .nav li > a {padding-left: 15px; padding-right: 15px; font-size: 14px; font-weight: bold;}

	#banner .swiper-pagination {bottom: 30px; height: 12px;}
	#banner .swiper-pagination span {width: 12px; height: 12px;}
	#banner .swiper-pagination span.swiper-pagination-bullet {margin: 0 6px;}
	#banners .btis h2 {font-size: 42px;}
	#banners .btis p {font-size: 18px;}

	.wrap {padding-left:4%; padding-right:4%; width:100%;}
	#content {padding-bottom: 5%;}
	#left {width:210px;}
	#right {width:calc(100% - 230px);}
	#finfo > div {padding-top: 4%; padding-bottom: 4%;}
	#finfo .fnav dl dt {font-size: 16px;}
	#finfo .fnav dl dd {margin-top: 20px;}
	#finfo .info .tel {padding-top: 15px; padding-bottom: 15px; font-size: 26px;}
	#footer > div {text-align: center;}
	#footer .text .l {width: 100%;}
	#footer .text .r {width: 100%;}
	/*===================================================================================*/
	.itis {padding-top: 6%;}
	.itis > a {bottom: 2px; width: 150px; height: 40px; font-size: 14px; border-radius: 21px;}
	.itis > a i {margin-left: 5px; font-size: 14px;}

	#ipros > div {padding-bottom: 5%;}
	#ipros .cont {margin-top: 4%;}
	#ipros .cont li a .text h2 {font-size: 18px;}
	#ipros .cont .s1 {padding: 30px;}
	#ipros .cont .s1 .text p {margin-top: 15px; font-size: 14px;}
	#ipros .cont .s1 .text div {margin-top: 20px;;}
	#ipros .cont .s1 .text span {min-width: 120px; height: 40px; line-height: 40px; border-radius: 20px;}
	#ipros .cont .s1 .imgs {height: 70%;}
	#ipros .cont .s2 {padding: 20px 20px 20px 25px;}
	#ipros .cont .s2 .text {margin-right: 20px;}
	#ipros .cont .s2 .text h2 {padding-top: 10px;}
	#ipros .cont .s2 .text p {margin-top: 15px;}
	#ipros .cont .s2 .text div span {bottom: 20px; min-width: 120px; height: 40px; line-height: 40px; border-radius: 20px;}
	#ipros .cont .s3 {padding: 20px 10px 10px 10px;}
	#ipros .cont .s3 .text p {margin-top: 10px;}
	#ipros .cont .s3 .text div {margin-top: 10px;}
	#ipros .cont .s3 .imgs {height: 60%;}

	#ivideo {height: auto;}
	#ivideo > div {padding-bottom: 5%; border-left: none; border-right: none;}
	#ivideo .play {position: static; top: auto; left: auto; margin: 6% auto; width: 80px; height: 80px; transform: none;}
	#ivideo .cont {position: static; bottom: auto; left: auto; right: auto; border-left: 1px solid rgba(255,255,255,0.28);}
	#ivideo .cont li a {padding: 10px;}
	#ivideo .cont li a .imgs {padding: 12px; width: 66px; height: 66px;}
	#ivideo .cont li a .imgs::after {inset: 3px;}
	#ivideo .cont li a .text {margin-left: 12px; font-size: 14px;}
	#ivideo .cont li a .text h2 {font-size: 14px;}
	#ivideo .cont li a .text p {margin-top: 5px;}

	#iabout > div {padding-bottom: 6%;}
	#iabout .cont {margin-top: 4%;}
	#iabout .cont .imgs a {background-size: 80px auto;}
	#iabout .cont .imgs span {background-size: 80px auto;}
	#iabout .cont .text .intro .name {font-size: 22px;}
	#iabout .cont .text .intro .editorc {font-size: 14px;}
	#iabout .cont .text .intro .abtn a {padding: 0 20px; min-width: 120px; height: 40px; line-height: 40px; border-radius: 20px;}
	#iabout .cont .text .szys li p {margin-top: 10px; font-size: 14px;}
	#iabout .cont .text .szys li .number {font-size: 30px;}
	#iabout .cont .text .szys li .year {font-size: 14px;}
	#iabout .cont .text .szys li .jia {font-size: 20px;}

	#icert {height: auto;}
	#icert > div {padding-bottom: 5%;}
	#icert .itis {padding-top: 6%;}
	#icert .list {margin-top: 4%; padding-left: 70px; padding-right: 70px; width: auto;}
	#icert .list .swiper-button {margin-top: -25px; width: 50px; height: 50px; font-size: 30px;}

	#inews > div {padding-bottom: 5%;}
	#inews .cont {gap: 30px; margin-top: 4%;}
	#inews .cont a .imgs span {inset: 20px;}
	#inews .cont a .text {padding: 20px;}
	#inews .cont a .text .date {margin-bottom: 15px; color: var(--a-hover-color);}
	#inews .cont a .text .name {font-size: 18px;}
	#inews .cont a .text .desc {margin-top: 10px;}
	#inews .cont a .text .abtn {margin-top: 25px; width: 120px; height: 40px; line-height: 40px; border-radius: 21px;}
	/*===================================================================================*/
	#bnav {padding-top: 4%; padding-bottom: 4%;}
	#bmenu > div {margin-left: 4%; margin-right: 4%; padding: 0; width: auto;}
	#bmenu.fd > div {margin-left: 0; margin-right: 0;}
	#video_play {width:1000px;height:560px;}
	.editorc_nrs {margin-top: 6%;}
	/*===================================================================================*/
	/* 产品中心 */
	#pros .pnav {margin-bottom: 4%;}
	#pros .xds {padding: 37px 40px 5% 40px;}
	#pros .nrs {padding: 37px 40px 5% 40px;}
	#pros .nrs .list a {padding: 25px;}
	#pros .nrs .list a .text {margin-top: 20px;}
	#pros .nrs .list a .text h2 {font-size: 18px;}

	#pros .info .name {font-size: 30px;}
	#pros .info .intro {margin-top: 4%;}
	#pros .info .intro .text {margin-left: 5%;}
	#pros .info .intro .desc {line-height: 2;}
	#pros .info .intro .abtn {column-gap: 20px;}
	#pros .info .intro .abtn span, #pros .info .intro .abtn a {min-width: 140px; height: 40px; line-height: 40px; border-radius: 20px;}
	#pros .info .tis {padding-top: 6%; padding-bottom: 12px; font-size: 18px;}
	#pros .info .detail {margin-top: 3%;}
	#pros .info .message .items {margin-top: 20px;}
	#pros .info .message .items p {margin-bottom: 8px; font-size: 14px;}
	#pros .info .message .items p span {margin-left: 5px; font-size: 12px;}
	#pros .info .message .btns {margin-top: 30px;}
	/*===================================================================================*/
	/* 新闻资讯 */
	#news a {margin-top: 4%;}
	#news a:first-child {margin-top: 6%;}
	#news a .text {padding: 20px 40px 0 40px;}
	#news a .text h2 {margin-top: 8px; font-size: 18px;}
	#news a .text .date {font-size: 12px;}
	#news a .text .date i {font-size: 13px;}
	#news a .text .abtn span {padding: 0 20px; min-width: 140px; height: 36px; font-size: 14px; border-radius: 18px;}
	#news a .text .abtn span i {margin-left: 10px; font-size: 18px;}
	#xwds .tis h1 {font-size:24px;}
	/*===================================================================================*/
	/* 关于我们 */
	.ntis {padding-top: 6%;}
	.ntis p {margin-top: 15px; font-size: 16px;}

	.gsjj > div {padding-bottom: 5%;}
	.gsjj .name {padding-top: 6%; font-size: 30px;}
	.gsjj .cont {margin-top: 4%;}
	.gsjj .cont .imgs a {background-size: 80px auto;}
	.gsjj .cont .text {margin-left: 4%;}
	.gsjj .cont .editorc {font-size: 14px;}
	.gsjj .cont .szys li p {margin-top: 10px; font-size: 14px;}
	.gsjj .cont .szys li .number {font-size: 30px;}
	.gsjj .cont .szys li .year { font-size: 14px;}
	.gsjj .cont .szys li .jia {font-size: 20px;}

	.fzlc .ntis {padding-top: 6%;}
	.fzlc .cont {margin-top: 5%;}
	.qywh > div {padding-bottom: 5%;}
	.qywh .editorc {margin-top: 3%;}
	.kehu > div {padding-bottom: 5%;}
	.kehu .cont {margin-top: 4%;}

	#jobs .rows {margin-top: 3%;}
	#jobs .rows:first-child {margin-top: 6%;}
	#jobs .rows .name {padding:20px 30px;}
	#jobs .rows .name h3 {font-size:22px;}
	#jobs .rows .name p {margin-top:8px;font-size:16px;}
	#jobs .rows .sqbtn {padding:15px 20px 15px 10px;width:200px;}
	#jobs .rows .sqbtn div p {font-size:18px;}
	#jobs .rows .sqbtn div span {margin-top:5px;font-size:14px;}
	#jobs .rows .text {padding:20px 30px 30px 30px;border-radius:0 0 12px 12px;}
	#jobs .rows .intro .tis {font-size:16px;}
	#jobs .rows .place {margin-top:30px;font-size:16px;}
	/*===================================================================================*/
	/* 联系我们 */
	#contact > div {padding-top: 5%; padding-bottom: 5%;}
	#contact .info .tis {font-size: 20px;}
	#contact .map {margin-top: 4%;}
	/*===================================================================================*/
	#news_page {margin-top:5%;}
	#pros_page {margin-top:5%;}
	.fypage a,.fypage span {margin:0 4px;width:32px;height:32px;line-height:32px;font-size:14px;}
	.fypage .fypage_prev i,.fypage .fypage_next i {font-size:14px;}
}

@media only screen and (max-width: 1024px){
	:root {--itis-fs: 28px; --tis-fs: 28px;}
	body {padding-top: 70px;}
	#header .wrap {height:70px;}
	#header .nav {display: none;}
	#header .ss {display: inherit; margin-right: calc(4% + 30px);}
	#header .ss i {font-size: 20px;}
	#header .lang {margin-right: 4%;}
	#header .search {position:absolute;top:100%;right:0;z-index:1;margin:0;padding:15px;width:380px;height:auto;box-sizing:border-box;box-shadow:0 5px 10px 2px rgba(0,0,0,0.05);background-color:#f0f0f0;transition:all ease-out 300ms;}
	#header .search input {padding:0 60px 0 20px;width:100%;height:48px;line-height:48px;font-size:14px;border-radius:28px;box-sizing:border-box;border:1px solid #eee;background-color:#fff;}
	#header .search i {position:absolute;top:50%;bottom:auto;right:22px;z-index:2;margin-top:-13px;display:block;width:27px;height:27px;line-height:27px;text-align:center;font-size:20px;font-weight:normal;cursor:pointer;}
	.shide {opacity:0; visibility: hidden; transform:translateY(-100%);}
	.sshow {opacity:1; visibility: visible; transform:translateY(0);}

	#mheader_menu {position:absolute;top:10px;right:4%;z-index:10;display:block;width:30px;height:inherit;line-height:70px;cursor:pointer;}
	#mheader_menu span {position:relative;display:inline-block;margin-top:-2px;width:100%;height:2px;border-radius:2px;vertical-align:middle;background-color:#222;}
	#mheader_menu span:before {position:absolute;top:8px;left:0;display:inline-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:#222;}
	#mheader_menu span:after {position:absolute;bottom:8px;left:0;display:inline-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:#222;}
	#mheader_menu span.active {background-color:transparent;transition-delay:0s, 0.3s;}
	#mheader_menu span.active:before {top:0px;transform:rotate(45deg);transition-delay:0s, 0.3s;}
	#mheader_menu span.active:after {bottom:0px;transform:rotate(-45deg);transition-delay:0s, 0.3s;}
		
	#menu {position:fixed;top:0px;left:0px;z-index:999;display:block;width:100%;height:100%;overflow-y:auto;box-sizing:border-box;background-color:rgba(0,0,0,0.9);opacity:0;transform:translateX(100%);transition:all ease-out 300ms;}
	#menu.active {opacity:1;transform:translateX(0);}
	#menu .close {position:relative;padding:15px 4%;color:#fff;text-align:right;font-weight:bold;background-color:var(--a-hover-color);}
	#menu .close i {position:relative;top:1px;margin-right:5px;}
	/*
	#menu .close .lang {position:absolute;top:15px;left:4%;color:#fff;font-size:14px;}
	#menu .close .lang a {color:#fff;}
	*/
	#menu .list {border-bottom:1px solid rgba(50,50,50,0.8);}
	#menu .list a {display:block;}
	#menu .list a:hover {color:#fff;}
	#menu .list p {position:relative;}
	#menu .list p > a {padding:15px 4%;color:#fff;font-size:16px;font-weight:bold;}
	#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:16px;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 .lang {margin-top: 5%; color:#666; font-size: 16px; text-align: center;}
	#menu .lang a {color:#fff;}
	#menu .lang span {margin-left: 15px; margin-right: 15px;}
	#menu dl {display:none;transition:none;}
	#menu dl dt {position:relative;border-top:1px solid rgba(50,50,50,0.8);}
	#menu dl dt > a {padding:13px 6%;color:#fff;font-size:16px;}
	#menu dl dt > 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);}
	#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(50,50,50,0.8);}

	#banner .swiper-slide .play {background-size:60px 60px;}
	#banner .swiper-pagination {bottom: 20px; height: 10px;}
	#banner .swiper-pagination span {width: 10px; height: 10px;}
	#banner .swiper-pagination span.swiper-pagination-bullet {margin: 0 5px;}
	#banners {height: 340px;}
	#banners .btis h2 {font-size: 32px;}
	#banners .btis p {font-size: 16px;}
	.banner-ms {display: block;}

	#content {padding-bottom:6%;}
	#left {display:none;float:none;}
	#right {float:none;width:100%;background:none;}
	#finfo > div {display: block; padding-top: 6%; padding-bottom: 6%;}
	#finfo .fnav {justify-content: space-between;}
	#finfo .fnav dl {flex: 0 0 auto; width: auto;}
	#finfo .info {margin-top: 5%; width: 100%;}
	#finfo .info .logo {text-align: center;}
	#footer > div {font-size: 12px;}

	.nodata {font-size:16px;}
	.mhide {display: none;}
	.editorc_box {padding-top:3%;}
	#bnav {display: none;}
	#bmenu.fd {top: 70px;}
	#bmenu.fd > div a {padding: 1.5vw 0;}
	#bmenu > div a {font-size: 14px;}
	#bmenu > div a::after {height: 2px;}
	#video_play {width:857px;height:480px;}
	#prevnext {padding-left: 4%;}
	#prevnext_back {right: 4%;}
	/*===================================================================================*/
	.itis > a {bottom: 0; padding: 0 20px; width: auto; height: 28px; font-size: 12px; border-radius: 15px;}
	.itis > a i {margin-left: 3px; font-size: 12px;}

	#ipros .cont li a .text h2 {font-size: 16px;}
	#ipros .cont .s1 {padding: 20px;}
	#ipros .cont .s1 .text p {margin-top: 12px;}
	#ipros .cont .s1 .text div {margin-top: 20px;}
	#ipros .cont .s1 .text span {min-width: 90px; height: 32px; line-height: 32px; font-size: 12px; border-radius: 16px;}
	#ipros .cont .s1 .imgs {height: 65%;}
	#ipros .cont .s2 {padding: 20px;}
	#ipros .cont .s2 .text {margin-right: 15px;}
	#ipros .cont .s2 .text h2 {padding-top: 0;}
	#ipros .cont .s2 .text p {margin-top: 12px;}
	#ipros .cont .s2 .text div span {bottom: 0; min-width: 90px; height: 32px; line-height: 32px; font-size: 12px; border-radius: 16px;}
	#ipros .cont .s3 {padding: 15px 10px 10px 10px;}
	#ipros .cont .s3 .text span {font-size: 12px;}
	#ipros .cont .s3 .imgs {height: 50%;}
	/*===================================================================================*/
	/* 产品中心 */
	#pros {display: block;}
	#pros .fls {display: none;}
	#pros .nrs {padding: 4% 4% 6% 4%;}
	#pros .xds {padding: 4% 4% 6% 4%;}
	#pros .pnav {display: none;}
	#pros .info .name {font-size: 24px;}
	#pros .info .intro .desc {line-height: 1.8;}
	/*===================================================================================*/
	/* 新闻资讯 */
	#news a .text {padding: 20px 30px 0 30px;}
	#news a .text .abtn {display: none;}
	#xwds > div {padding: 0 0 6% 0;}
	#xwds .tis {padding: 4% 4% 3% 4%; text-align: center; background-color:#f6f9ff;}
	#xwds .tis h1 {font-size: 22px;}
	#xwds .tis p {margin-top: 15px; color:#808080; font-size: 13px;}
	#xwds .tis p span i {position: relative; top: 1px;}
	#xwds .text {margin-top: 0; padding: 4% 4% 0 4%;}
	/*===================================================================================*/
	/* 关于我们 */
	.ntis p {font-size: 14px;}
	.gsjj .name {font-size: 24px;}
	.gsjj .cont .szys {margin-top: 40px;}
	.fzlc .cont .year {font-size: 16px;}
	.kehu .cont .item div {padding: 15px;}

	#jobs .rows .text {padding-top:1px;}
	#jobs .rows .intro {display:block;}
	#jobs .rows .intro .cont {margin-top:30px;width:100%;}
	#jobs .rows .place {display:block;margin-top:0;}
	#jobs .rows .place div {margin-top:30px;width:100%;}
	/*===================================================================================*/
	/* 联系我们 */
	#contact > div {padding: 0;}
	#contact .info {display:block;}
	#contact .info .text {padding: 4%; width:auto; border-right:none; border-bottom:1px solid #e0e0e0;}
	#contact .info .message {padding: 4% 4% 5% 4%; width: auto;}
	#contact .map {margin-top: 0;}
	/*===================================================================================*/
	#news_page {margin-top:6%;}
	#pros_page {margin-top:6%;}
}

@media only screen and (max-width: 800px){
	:root {--itis-fs: 22px; --tis-fs: 22px;}
	#content > div {padding-left: 0; padding-right: 0;}
	#banners {height: 260px;}
	#banners .btis:not(.no-bmenu) {padding-bottom: 0;}
	#banners .btis h2 {font-size: 26px;}
	#banners .btis p {font-size: 14px;}
	#video_play {width: 700px; height: 392px;}
	.editorc_nrs {margin-top: 4%;}
	/*===================================================================================*/
	#ipros .cont {grid-template-columns: repeat(4,1fr); gap: 12px;}
	#ipros .cont li:nth-child(1) {grid-row: 1/3; grid-column: 1/3; padding-top: 139.11%;}
	#ipros .cont li:nth-child(2) {grid-row: 1/2; grid-column: 3/5;}
	#ipros .cont li:nth-child(3) {grid-row: 2/3; grid-column: 3/5;}
	#ipros .cont li:nth-child(n+4) {grid-row-start: 3; padding-top: 139.11%;}

	#ivideo .cont {grid-template-columns: repeat(2,1fr);}

	#iabout .cont {display: block;}
	#iabout .cont .imgs {padding-top: 73.5%; width: 100%; border-right: none; border-bottom: 1px solid rgba(255,255,250,0.18);}
	#iabout .cont .text .intro {padding: 4%;}
	#iabout .cont .text .intro .name {font-size: 18px;}
	#iabout .cont .text .intro .abtn a {padding: 0 20px; min-width: 90px; height: 32px; line-height: 32px; font-size: 12px; border-radius: 16px;}
	#iabout .cont .text .szys li .number {font-size: 22px;}

	#inews .cont {grid-template-columns: repeat(2,1fr); gap: 20px;}
	/*===================================================================================*/
	#bnav-m, #bname-m {display:block;}
	#bnav, #bmenu, #fos {display:none;}
	/*===================================================================================*/
	/* 产品中心 */
	#pros .nrs .list {grid-template-columns: repeat(2,1fr);}
	#pros .info .name {font-size: 22px;}
	/*===================================================================================*/
	/* 新闻资讯 */
	#news a {margin-top: 4%;}
	#news a:first-child {margin-top: 4%;}
	#news a .text {padding: 15px 20px;}
	#news a .text h2 {margin-top: 8px; font-size: 16px;}
	#news a .text .desc {margin-top: 5px;}
	#xwds .tis h1 {font-size: 20px;}
	/*===================================================================================*/
	/* 关于我们 */
	.ntis p {margin-top: 10px; font-size: 12px;}
	.gsjj .name {font-size: 20px;}
	.gsjj .cont .szys li .number {font-size: 24px;}
	.fzlc {padding-bottom: 5%;}
	.fzlc .cont {margin-top: 6%;}
	.fzlc .line {display: none;}
	/*===================================================================================*/
	/* 联系我们 */
	#contact .info .tis {font-size: 18px;}
}

@media only screen and (max-width: 640px){
	:root {--itis-fs: 20px; --tis-fs: 20px; --lh18: 1.65; --lh19: 1.65; --editorc-fs: 14px; --editorc-lh: 1.65;}
	body {color:#222;}
	#header .logo {height: 26px;}
	#banners {height:220px;text-align:center;}
	#banners .flex-column h2 {font-size:24px;}
	#banners .flex-column p {margin-top:12px;font-size:14px;}
	
	.button {width:130px;height:40px;font-size:16px;}
	#prevnext {padding-right:0;}
	#prevnext_back {display:none;}
	#video_play {width:580px;height:325px;}
	.mfypage a,.mfypage span {color:#666;}
	#news_mpage, #pros_mpage {display:block;}
	#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;}
	/*===================================================================================*/
	#ivideo .play {margin-top: 8%; margin-bottom: 8%; width: 60px; height: 60px;}
	#iabout .cont .imgs a {background-size: 60px 60px;}
	#iabout .cont .imgs span {background-size: 60px auto;}
	#icert > div {padding-bottom: 6%;}
	#icert .itis {padding-top: 8%;}
	#icert .list {padding-left: 60px; padding-right: 60px;}
	#icert .list .swiper-button {margin-top: -20px; width: 40px; height: 40px; font-size: 20px;}
	/*===================================================================================*/
	/* 产品中心 */
	#pros .nrs .list a {padding: 20px;}
	#pros .nrs .list a .text {margin-top: 15px;}
	#pros .nrs .list a .text h2 {font-size: 16px;}
	#pros .nrs .list a .text p {margin-top: 5px; font-size: 12px;}
	#pros .nrs .list a:hover {box-shadow: 0 0 20px rgba(15, 59, 220, 0.1);}

	#pros-mimg {display: block;}
	#pros .xds {padding: 0;}
	#pros .info .name {padding: 4% 4% 10px 4%; font-size: 16px; font-weight: bold;}
	#pros .info .intro {display: block; margin-top: 0;}
	#pros .info .intro .imgs {display: none;}
	#pros .info .intro .text {margin-left: 0; padding-left: 4%; padding-right: 4%;}
	#pros .info .intro .desc {line-height: 1.65;}
	#pros .info .intro .abtn {justify-content: center; column-gap: 20px; margin-top: 6%;}
	#pros .info .intro .abtn span, #pros .info .intro .abtn a {padding: 0 20px; min-width: 110px; height: 32px; line-height: 32px; border-radius: 16px;}
	#pros .info .intro .abtn a.pc {display: none;}
	#pros .info .intro .abtn a.sj {display: initial;}
	#pros .info .tis {padding: 6% 4% 10px 4%; font-size: 16px;}
	#pros .info .detail {margin-top: 0; padding: 4% 4% 0 4%;}
	#pros .info .message {padding: 4% 4% 8% 4%;}
	#pros .info .message form {display: block;}
	#pros .info .message .items {width: 100%;}
	#pros .info .message .items:first-child {margin-top: 0;}
	#pros .info .message .btns {margin-top: 5%;}
	/*===================================================================================*/
	/* 新闻资讯 */
	#xwds .tis h1 {font-size: 16px; font-weight: bold;}
	/*===================================================================================*/
	/* 关于我们 */
	.ntis h2 {font-weight: bold;}

	.gsjj .name {display: none;}
	.gsjj .cont {display: block;}
	.gsjj .cont .imgs {padding-top: 73.5%; width: 100%;}
	.gsjj .cont .imgs a {background-size: 60px 60px;}
	.gsjj .cont .text {margin-left: 0; margin-top: 5%;}
	.gsjj .cont .name-m {display: block; color:var(--tis-color); font-size: 18px; line-height: 1;}
	.gsjj .cont .editorc {margin-top: 3%;}
	.gsjj .cont .szys {margin-top: 6%;}
	.kehu .cont {grid-template-columns: repeat(4,1fr);}
	/*===================================================================================*/
	/* 联系我们 */
	#contact .info .message form {margin-top: 4%; display: block;}
	#contact .info .message .items {margin-top: 3%; width: 100%;}
	#contact .info .message .items:nth-child(n+3) {margin-top: 3%;}
	#contact .info .message .items:nth-child(n+5) {width:100%;}
	#contact .info .message .btns {margin-top: 4%;}
	#contact .map {height: 400px; background-size: auto 100%;}
	#contact .map img {display: none;}
	/*===================================================================================*/
	.editorc p {margin-bottom:12px;}
	.editorc p:last-child {margin-bottom:0;}
	.editorc a {text-decoration:underline;}
	.editorc ul {margin-bottom:12px;padding-left:1.4em;}
	.editorc ul:last-child {margin-bottom:0;}
	.editorc ul li {list-style-type:disc;}
	.editorc ol {margin-bottom:12px;padding-left:1.5em;}
	.editorc ol li {list-style-type:decimal;}
	.editorc ol:last-child {margin-bottom:0;}
	.editorc table.border {margin-bottom:12px;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:12px;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 {--itis-fs: 18px; --tis-fs: 16px;}
	body {padding-top: 45px;}
	#header .wrap {height: 60px;}
	#header .logo {height: 26px;}
	#header .lang {display: none;}
	#header .ss i {font-size: 18px;}
	#mheader_menu {right:5%; width:26px; line-height:45px;}
	#mheader_menu span {margin-top:20px;}
	#mheader_menu span:before {top:7px;left:0;}
	#mheader_menu span:after {bottom:7px;left:0;}
	#menu .close {padding:13px 4% 13px 5%;}
	#menu .close .lang {left:5%;}
	#menu .list p > a {padding:12px 5%;font-size:16px;}
	#menu .list span {width:45px;}
	#menu .list span i {font-size: 14px;}
	#menu .lang {margin-top: 8%; font-size: 14px;}
	#menu .lang span {margin-left: 8px; margin-right: 8px;}
	#menu dl dt > a {padding:10px 5% 10px 8%;font-size:14px;}
	#menu dl dt > a:before {margin-right:8px;width:4px;height:4px;}
	#menu dl dd a {padding:10px 5% 10px 12%;font-size:14px;}

	#header .search {right:0; padding:12px; width:100%;}
	#header .search input {padding:0 50px 0 20px; height:40px; line-height:40px; font-size:14px; border-radius:20px;}
	#header .search i {right:30px; margin-top:-9px; width:18px; height:18px; line-height:18px; font-size:18px;}

	#banner .swiper-slide .play {background-size:40px 40px;}
	#banner .swiper-pagination {bottom:12px;height:8px;}
	#banner .swiper-pagination span {width:8px;height:8px;}
	#banner .swiper-pagination span.swiper-pagination-bullet {margin:0 4px;}
	#banners {height:164px;}
	#banners .btis h2 {font-size:20px; font-weight:bold;}
	#banners .btis p {margin-top:6px; font-size:12px;}

	#finfo > div {padding-top: 8%; padding-bottom: 6%;}
	#finfo .fnav {display: none;}
	#finfo .info {margin-top: 0;}
	#finfo .info .logo img {height: 20px;}
	#finfo .info .tel {padding-top: 12px; padding-bottom: 12px; font-size: 18px;}
	#finfo .info .tel a {color: var(--a-hover-color);}
	#footer > div {padding-top: 4%; padding-bottom: 4%; font-size: 12px; line-height: 1.65;}

	.wrap, .padlr {padding-left:5%;padding-right:5%;}
	.nodata {padding:100px 0px;font-size:16px;}
	.editorc_nrs {margin-top:5%;}
	.editorc_box {margin-top:4%;}
	.input_text {padding:0 8px;height:36px;line-height:36px\9;}
	.input_area {padding:6px 8px;height:120px;line-height:1.65;}
	.button {width:140px;height:40px;line-height:40px;font-size:16px;}
	#video_play {width:100%;height:220px;}
	#prevnext {margin-top:6%;padding-top:15px;}
	#prevnext p {height:25px;}
	#prevnext_back {display:none;}
	#bname-m h2 {padding:10px 40px 10px 5%;font-size:16px;}
	#bname-m span {right:5%;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 5%;font-size:10px;line-height:1.4;}
	#bnav-m i {position:relativee;top:-1px;margin:0px 3px;font-size:8px;}
	/*===================================================================================*/
	.itis {padding-top: 8%;}
	.itis h2:nth-of-type(2) {margin-top: 8px;}
	.itis > a {display: none;}

	#ipros .cont {grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 5%;}
	#ipros .cont li:nth-child(1) {grid-row: 1; grid-column: 1/3;}
	#ipros .cont li:nth-child(2) {grid-row: auto; grid-column: auto; padding-top: 139.11%;}
	#ipros .cont li:nth-child(3) {grid-row: auto; grid-column: auto; padding-top: 139.11%;}
	#ipros .cont li:nth-child(n+4) {grid-row-start: auto;}
	#ipros .cont .s1 {padding-top: 30px;}
	#ipros .cont .s2 {display: flex; flex-direction: column; justify-content: space-between; padding: 15px 10px; text-align: center;}
	#ipros .cont .s2 .text {flex: 1 1 auto; margin-right: 0; min-width: 0;}
	#ipros .cont .s2 .text h2 {padding-top: 0; font-size: 14px; line-height: 1;}
	#ipros .cont .s2 .text p {margin-top: 8px; font-size: 12px; line-height: normal; -webkit-line-clamp: 1;}
	#ipros .cont .s2 .text div {margin-top: 12px; display: flex; justify-content: center;}
	#ipros .cont .s2 .text div span {position: static; bottom: auto; left: auto; padding: 0 12px; min-width: auto; height: 22px; line-height: 22px; font-size: 10px; border-radius: 11px;}
	#ipros .cont .s2 .imgs {width: auto; height: 50%;}
	#ipros .cont .s3 {padding: 15px 10px;}
	#ipros .cont .s3 .text h2 {font-size: 14px;}
	#ipros .cont .s3 .text p {margin-top: 8px; font-size: 12px;}
	#ipros .cont .s3 .text div {margin-top: 12px;}
	#ipros .cont .s3 .text span {padding: 0 12px; height: 22px; line-height: 22px; font-size: 10px; border-radius: 11px;}

	#ivideo .play {margin-top: 10%; margin-bottom: 12%; width: 50px; height: 50px;}
	#ivideo .play a.pc {display: none;}
	#ivideo .play a.sj {display: block;}
	#ivideo .cont li a {padding: 15px 10px;}
	#ivideo .cont li a .imgs {margin: 0 auto;}
	#ivideo .cont li a .text {display: block; margin-left: 0; margin-top: 12px; text-align: center;}
	#ivideo .cont li a.pc {display: none;}
	#ivideo .cont li a.sj {display: block;}

	#iabout > div {padding-bottom: 8%;}
	#iabout .cont {border: none;}
	#iabout .cont .imgs {border-bottom: none;}
	#iabout .cont .imgs div {inset: 0;}
	#iabout .cont .imgs span {background-size: 50px auto;}
	#iabout .cont .imgs a {background-size: 50px 50px;}
	#iabout .cont .imgs a.pc {display: none;}
	#iabout .cont .imgs a.sj {display: block;}
	#iabout .cont .imgs .video {inset: 0;}
	#iabout .cont .text .intro {margin-top: 6%; padding: 0;}
	#iabout .cont .text .intro .name {font-size: 16px;}
	#iabout .cont .text .intro .editorc {margin-top: 3%; line-height: 1.65;}
	#iabout .cont .text .intro .abtn {justify-content: center; margin-top: 6%;}

	#iabout .cont .text .szys {display: flex; justify-content: space-between; margin-top: 10%; border-top: none;}
	#iabout .cont .text .szys li {padding: 0; text-align: center;}
	#iabout .cont .text .szys li:not(:last-child) {border-right: none;}
	#iabout .cont .text .szys li p {margin-top: 8px; font-size: 12px;}
	#iabout .cont .text .szys li .number {margin-right: 3px; font-size: 18px; font-weight: bold;}
	#iabout .cont .text .szys li .year {margin-top: 2px; font-size: 12px;}
	#iabout .cont .text .szys li .jia {font-size: 14px;}

	#icert .itis {padding-top: 8%;}
	#icert .list {padding-left: 32px; padding-right: 32px;}
	#icert .list .swiper-button {margin-top: -12px; width: 24px; height: 24px; font-size: 16px;}

	#inews .cont {display: block; margin-top: 0;}
	#inews .cont a {display: block; margin-top: 5%;}
	#inews .cont a .imgs span {inset: 8px;}
	#inews .cont a .text {padding: 10px 15px;}
	#inews .cont a .text .date {margin-bottom: 5px; font-size: 12px;}
	#inews .cont a .text .date i {margin-right: 5px; font-size: 12px; font-weight: normal;}
	#inews .cont a .text .name {font-size: 14px; line-height: 1.5; white-space: normal; text-overflow: none; overflow: initial;}
	#inews .cont a .text .desc {margin-top: 5px; font-size: 12px;}
	#inews .cont a .text .abtn {display: none;}
	/*===================================================================================*/
	/* 产品中心 */
	#pros .nrs {padding: 0 5% 8% 5%;}
	#pros .nrs .list {display: block;}
	#pros .nrs .list a {display: block; margin-top: 8%; padding: 20px; box-shadow: 0 0 15px rgba(0,0,0,0.15);}
	#pros .nrs .list a:first-child {margin-top: 5%;}
	#pros .nrs .list a .imgs {padding-top: 60%;}
	#pros .nrs .list a .text p {margin-top: 3px;}
	#pros .nrs .list a:hover {box-shadow: 0 0 15px rgba(15, 59, 220, 0.1);}

	#pros .info .name {padding: 5% 5% 5px 5%;}
	#pros .info .intro .text {padding-left: 5%; padding-right: 5%;}
	#pros .info .intro .abtn {column-gap: 15px; margin-top: 8%;}
	#pros .info .intro .abtn span, #pros .info .intro .abtn a {min-width: 110px; height: 32px; line-height: 32px; border-radius: 16px;}
	#pros .info .tis {padding: 8% 5% 10px 5%;}
	#pros .info .detail {padding: 4% 5% 0 5%;}
	#pros .info .message {padding: 5% 5% 8% 5%;}
	/*===================================================================================*/
	/* 新闻资讯 */
	#news a {display: block; margin-top: 6%; box-shadow: 0 0 10px rgba(0,0,0,0.2); background-color:#fff;}
	#news a:first-child {margin-top: 5%;}
	#news a .imgs {padding-top: 51.61%; width: 100%;}
	#news a .text {padding: 4% 5% 5% 5%;}
	#news a .text h2 {margin-top: 5px; font-size: 15px; line-height: 1.5; white-space: normal; text-overflow: normal; overflow: initial;}
	#news a .text .date {color:#666;}
	#news a .text .date i {font-size: 12px;}
	#news a .text .desc {margin-top: 5px; font-size: 12px; -webkit-line-clamp:3;}

	#xwds .tis {padding: 6% 5% 4% 5%;}
	#xwds .tis p {margin-top: 10px; font-size: 12px;}
	#xwds .tis p span {margin-left: 15px;}
	#xwds .tis p span:first-child {margin-left: 0;}
	#xwds .tis p span i {top: 0; margin-right: 5px; font-size: 12px;}
	#xwds .text {padding: 5% 5% 0 5%;}
	/*===================================================================================*/
	/* 关于我们 */
	.ntis {padding-top: 8%;}
	.ntis p {margin-top: 6px;}

	.gsjj > div {padding-bottom: 8%;}
	.gsjj .cont {margin-top: 5%;}
	.gsjj .cont .imgs a {background-size: 50px 50px;}
	.gsjj .cont .imgs a.pc {display: none;}
	.gsjj .cont .imgs a.sj {display: block;}
	.gsjj .cont .text {margin-top: 6%;}
	.gsjj .cont .name-m {font-size: 16px;}
	.gsjj .cont .szys {margin-top: 10%;}
	.gsjj .cont .szys li {padding: 0; text-align: center;}
	.gsjj .cont .szys li p {margin-top: 8px; font-size: 12px;}
	.gsjj .cont .szys li .number {margin-right: 3px; font-size: 18px; font-weight: bold;}
	.gsjj .cont .szys li .year {margin-top: 2px; font-size: 12px;}
	.gsjj .cont .szys li .jia {font-size: 14px;}

	.fzlc .ntis {padding-top: 8%;}
	.fzlc .cont {margin-top: 8%;}
	.fzlc .cont .year {font-size: 14px;}
	.fzlc .cont .text {height: 60px; line-height: 20px; font-size: 12px;}

	.qywh .editorc {margin-top: 4%;}
	.kehu .cont {grid-template-columns: repeat(3,1fr);}
	.kehu .cont .item div {padding: 10px;}

	#jobs .rows {margin-top: 4%;}
	#jobs .rows:first-child {margin-top: 5%;}
	#jobs .rows .name {padding:10px 15px;}
	#jobs .rows .name h3 {font-size:14px;}
	#jobs .rows .name p {margin-top:3px;font-size:12px;line-height:1.4;}
	#jobs .rows .sqbtn {padding:10px 10px 10px 0;width:115px;}
	#jobs .rows .sqbtn div p {font-size:14px;}
	#jobs .rows .sqbtn div span {margin-top:3px;font-size:10px;}
	#jobs .rows .sqbtn i {margin-top:5px;width:16px;height:16px;line-height:16px;font-size:10px;}
	#jobs .rows .text {padding:1px 15px 15px 15px;border-radius:0 0 6px 6px;}
	#jobs .rows .intro .cont {margin-top:15px;}
	#jobs .rows .intro .tis {font-size:14px;}
	#jobs .rows .intro .editorc {margin-top:5px;overflow-x: auto;}
	#jobs .rows .place {font-size:14px;}
	#jobs .rows .place div { margin-top:15px;}
	/*===================================================================================*/
	/* 联系我们 */
	#contact .info .tis {font-size: 16px;}
	#contact .info .text {padding: 5%;}
	#contact .info .editorc {margin-top: 3%; line-height: 1.8;}
	#contact .info .message {padding: 5% 5% 8% 5%;}
	#contact .info .message form {margin-top: 4%; display: block;}
	#contact .info .message .items {margin-top: 4%; width: 100%;}
	#contact .info .message .items:nth-child(n+3) {margin-top: 4%;}
	#contact .info .message .btns {margin-top: 6%;}
	#contact .map {height: 350px;}
}