﻿@media only screen and (max-width: 1680px){
	.wrap {width:1440px;}
	#header .ss {width: 120px;}
	#icases {background-size: 50% auto;}
}

@media only screen and (max-width: 1500px){
	.wrap {width:1280px;}
	#header .ss {width: 110px;}
	.btext h2 {font-size: 50px;}
	.btext p {font-size: 20px;}
	/*===================================================================================*/

	/*===================================================================================*/
	/* 产品中心 */
	
	/*===================================================================================*/
	/* 新闻资讯 */
	#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 .szys li p {margin-top: 15px; font-size: 16px;}
	.gsjj .szys li .number {font-size: 40px;}
	.gsjj .szys li .year {margin-top: 3px; font-size: 16px;}
	.gsjj .szys li .jia {font-size: 24px;}
	#jobs {width: 100%;}
}

@media only screen and (max-width: 1280px){
	:root {--itis-pad: 6%; --itis-fs: 38px; --atis-fs: 38px; --ptis-fs: 24px; --ntis-fs: 38px; --fs16 : 14px; --lh19: 1.8; --editorc-fs: 14px; --editorc-lh: 1.8;}
	body {font-size: 14px;}
	input,select,button,textarea {font-size: 14px;}

	#header .wrap {position: relative; justify-content: flex-end;}
	#header .logo {position: absolute; top: 50%; left: var(--pad-lr); display:flex; align-items:center; font-size:0; transform: translateY(-50%);}
	#header .ss {position: static; width: 20px; border-left: none;}
	#header .nav li > a {padding-left: 35px; padding-right: 35px; font-size: 16px;}
	#header .nav li p {padding: 0 15px 13px 15px; max-width: 160px;}
	#header .nav li p a {padding:13px 5px;}
	.ihead {height: 90px;}
	.ihead .logo {height: 52px;}

	#banner .btns {bottom: 25px; left: var(--pad-lr); right: var(--pad-lr); padding: 0; width: auto; transform: translateY(0);}
	#banner .swiper-pagination {font-size: 20px;}
	#banner .swiper-pagination-current {margin-top: -7px; font-size: 60px;}
	#banner .swiper-button {width: 50px; height: 50px; font-size: 16px;}
	#banner .swiper-prev {right: 50px;}

	.wrap {padding-left: var(--pad-lr); padding-right: var(--pad-lr); width:100%;}
	#content {padding-bottom: 5%;}
	#left {width:210px;}
	#right {width:calc(100% - 230px);}
	#footer {border-top-width: 3px;}
	#footer .fnav {padding: 40px 0;}
	#footer .fnav dl dt {padding-bottom: 15px; font-size: 16px;}
	#footer .fnav dl dd {margin-top: 15px;}
	#footer .copyright {padding-top: 20px; padding-bottom: 20px;}
	#footer .info {padding: 40px 0 40px 30px;}
	#footer .info .qrcode {margin-top: 30px; width: 145px;}
	#footer .info .qrcode p {padding: 10px 5px;}
	#footer .info .lxs {margin-top: 30px;}
	#footer .info .lxs li:not(:first-child) {margin-top: 10px;}
	/*===================================================================================*/
	.itis p {margin-top: 15px; font-size: 46px;}
	.itis .xts {margin-top: 22px;}
	.itis .ens {margin-top: 10px; font-size: 3vw;}
	.imore {width: 128px; height: 40px; font-size: 14px;/*width: 60px; height: 60px;*/}
	
	#ipros {margin-top: var(--pad-lr);}
	#ipros > div {padding-top: var(--pad-lr); padding-bottom: var(--pad-lr);}
	#ipros .list .item .name {padding: 10px 15px; height: 50px;}
	#ipros .list .item .name div {height: 25px;}
	#ipros .list .item .name h2 {margin-left: 10px; font-size: 16px;}
	#ipros .list .item ul {padding: 20px;}
	#ipros .list .item ul li {padding-right: 35px; min-height: 20px;}
	#ipros .list .item ul li:not(:first-child) {margin-top: 15px;}
	#ipros .list .item ul li a i {top: 2px; width: 14px; height: 14px; font-size: 12px;}
	#ipros .cont {margin-top: var(--pad-lr);}
	#ipros .intro {padding-left: 80px; width: 50%;}
	#ipros .intro .text h2 {font-size: 20px;}
	#ipros .intro .text h2::before {left: -80px; width: 65px;}
	#ipros .intro .text p {margin-top: 15px;}
	#ipros .intro .ys {margin-top: 40px;}
	#ipros .intro .ys li div {padding: 15px; width: 60px; height: 60px;}
	#ipros .intro .ys li p {margin-top: 12px;}
	#ipros .intro .imore {margin-top: 40px;}

	#icases {margin-top: var(--pad-lr);}
	#icases > div {padding-top: 3%; padding-bottom: var(--pad-tb5);}
	#icases .cont .item .text {padding-left: 80px; padding-right: 50px;}
	#icases .cont .item .text h2 {font-size: 20px;}
	#icases .cont .item .text h2::before {left: -80px; width: 65px;}
	#icases .cont .item .text p {margin-top: 15px;}
	#icases .cont .item .text .imore {margin-top: 40px;}
	#icases .cont .item .info .name {padding: 10px 20px; height: 65px;}
	#icases .cont .item .info .name h2 {font-size: 16px;}
	#icases .cont .item .info .name p {margin-top: 8px;}
	#icases .thumbs {margin-left: 80px; padding-left: 80px; padding-right: 80px;}
	#icases .thumbs .swiper-container {padding: 15px;}
	#icases .thumbs .swiper-button {width: 60px; height: 60px; font-size: 18px;}

	#inews > div {padding-bottom: 6%;}
	#inews .cont {margin-top: var(--pad-lr);}
	#inews .tws {padding: 25px; width: 32%;}
	#inews .tws .btns {margin-top: 20px; height: 40px;}
	#inews .tws .swiper-pagination span.swiper-pagination-bullet {margin-right: 8px;}
	#inews .tws .swiper-button {width: 40px; height: 40px; font-size: 20px;}
	#inews .tws .swiper-prev {right: 40px;}
	#inews .tws a .text h2 {margin-top: 20px; font-size: 16px;}
	#inews .tws a .text .desc {margin-top: 10px;}
	#inews .tws a .text .date {margin-top: 10px; font-size: 12px;}
	#inews .tws a .text .date i {margin-right: 5px; font-size: 13px;}
	#inews .tws a .text .imore {margin-top: 30px;}
	#inews .r {margin-left: var(--pad-lr);}
	#inews .fls a {padding: 0 15px; min-width: 150px; height: 60px; font-size: 16px;}
	#inews .list a .text {margin-right: 5%;}
	#inews .list a .text h2 {margin-top: 2px; font-size: 16px;}
	#inews .list a .text .desc {margin-top: 5px;}
	#inews .list a .text .date {margin-top: 10px; font-size: 12px;}
	#inews .list a .text .date i {margin-right: 5px; font-size: 13px;}
	#inews .list a .imgs {width: 30%;}

	#isthz > div {padding-top: var(--pad-tb5); padding-bottom: var(--pad-tb5);}
	#isthz .info {padding-right: 3%; width: 32%;}
	#isthz .info .text {margin-top: 12px; padding-top: 20px;}
	#isthz .info .text div img {max-height: 50px;}
	#isthz .info .text p {margin-top: 15px; line-height: 1.6;}

	#icert {height: auto;}
	#icert > div {padding-bottom: 5%;}
	#icert .itis {padding-top: 6%;}
	#icert .list {margin-top: var(--pad-lr); padding-left: 70px; padding-right: 70px; width: auto;}
	#icert .list .swiper-button {margin-top: -25px; width: 50px; height: 50px; font-size: 30px;}
	/*===================================================================================*/
	.btext:not(.no-bmenu) {padding-bottom: 0;}
	.btext h2 {font-size: 42px;}
	.btext p {font-size: 18px;}
	.ptext:not(.no-bmenu) {padding-bottom: 0;}
	.ptext h2 {font-size: 38px;}
	.ptext p {font-size: 16px;}
	.ptext .xts {margin-top: 30px; margin-bottom: 25px;}
	#bnav {padding-top: 4%; padding-bottom: 4%;}
	#bmenu > div {margin-left: 4%; margin-right: 4%; padding: 0; width: auto; height: 60px;}
	#bmenu .name a {width: 60px; background-size: 20px 20px;}
	#bmenu .name h2 {margin-left: 15px; font-size: 16px;}
	#bmenu .bfls a {padding: 0 20px; font-size: 16px;}
	#bmenu .bfls a.curt::before {height: 2px;}
	#bmenu .abtn {column-gap: 30px; padding-right: 25px;}
	#bmenu .abtn a::after {height: 2px;}
	#video_play {width:1000px;height:560px;}
	.editorc_nrs {margin-top: 6%;}
	/*===================================================================================*/
	/* 产品中心 */
	
	/*===================================================================================*/
	/* 新闻资讯 */
	#ntws {margin-top: 5%; gap: 40px;}
	#news {margin-top: 5%;}
	#news a .text h2 {font-size: 22px;}
	#wzds > div {padding-top: 4%; padding-bottom: 4%;}
	#wzds .info h1 {font-size: 22px;}
	#wzds .contl {padding: 40px;}
	#wzds .contr ul li {padding-top: 12px; padding-bottom: 12px; font-size: 14px; line-height: 1.5;}
	#wzds .contr ul li span {font-size: 12px;}
	/*===================================================================================*/
	/* 关于我们 */
	.ntis {padding-top: var(--itis-pad);}
	.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 .szys {margin-top: 5%;}
	.gsjj .szys li p {margin-top: 10px; font-size: 14px;}
	/*
	.gsjj .szys li .number {font-size: 30px;}
	.gsjj .szys li .year { font-size: 14px;}
	.gsjj .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; --atis-fs: 28px; --ptis-fs: 22px; --ntis-fs: 28px; --tis-fs: 28px;}
	#header .nav {display: none;}
	#header .ss { margin-right: calc(4% + 30px);}
	#header .ss i {font-size: 20px;}
	#mheader_menu {position:absolute;top:0;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;}
	#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;}
	#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;}
	#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;}

	.ihead {height: 70px;}
	.ihead .logo {height: 40px;}
	.ihead #mheader_menu span, .ihead #mheader_menu span::before, .ihead #mheader_menu span::after {background-color:#fff;}
	.ihead.fd {height: 70px;}
	.ihead.fd .logo {height: 40px;}
	.ihead.fd #mheader_menu span, .ihead.fd #mheader_menu span::before, .ihead.fd #mheader_menu span::after {background-color:#333;}
	.nhead {height: 70px;}
	.nhead #mheader_menu span, .nhead #mheader_menu span::before, .nhead #mheader_menu span::after {background-color:#333;}
	.nhead .logo {height: 40px;}

	#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-pagination {font-size: 16px;}
	#banner .swiper-pagination-current {margin-top: -4px; margin-right: 5px; font-size: 40px;}
	#banner .swiper-pagination-total {margin-left: 5px;}
	#banner .swiper-button {width: 40px; height: 40px; font-size: 14px;}
	#banner .swiper-prev {right: 40px;}
	#bmar {height: 70px;}
	#banners {height: 340px;}
	.banner-ms {display: block;}

	#content {padding-bottom:6%;}
	#left {display:none;float:none;}
	#right {float:none;width:100%;background:none;}
	#footer > div {display: block; padding: 0;}
	#footer .l {display: block;}
	#footer .fnav {justify-content: space-between; padding: 5%;}
	#footer .fnav dl {width: auto;}
	#footer .copyright {padding: 2.5% 3%; text-align: center;}
	#footer .info {display: none;}
	#footer .info-m {display: block; padding: 0 5% 4% 5%;}
	#footer .info-m .logo {font-size: 0; text-align: center;}
	#footer .info-m .logo img {max-width: 100%; max-height: 50px;}
	#footer .info-m .tel {margin-top: 30px; padding-left: 42px; height: 30px; line-height: 30px; font-size: 30px; font-weight: normal; font-family: Arial; background: url(../images/icon-tel.png) no-repeat;}
	#footer .info-m .tel a {color:#fff;}
	#footer .info-m .lxs {margin-top: 20px;}
	#footer .info-m .lxs li:not(:first-child) {margin-top: 15px;}
	#footer .info-m .lxs li i {flex: 0 0 auto; margin-top: 3px; width: 30px; height: 20px; background-repeat: no-repeat; background-position: center center;}
	#footer .info-m .lxs li p {flex: 1 1 auto; margin-left: 12px; line-height: 1.8;}
	#footer .info-m .lxs .address i {background-image: url(../images/icon-address.png);}
	#footer .info-m .lxs .email i {background-image: url(../images/icon-email.png);}
	#footer .info-m .qrcode {margin: 20px auto 0 auto; padding: 13px; width: 145px; height: 145px; font-size: 0; text-align: center; box-sizing: border-box; background: url(../images/qrcode_bg.png) no-repeat;}
	#footer .info-m .qrcode img {width: 100%; height: 100%;}

	.nodata {font-size:16px;}
	.mhide {display: none;}
	.editorc_box {padding-top:3%;}
	.btext h2 {font-size: 32px;}
	.btext p {font-size: 16px;}
	.ptext h2 {font-size: 32px;}
	.ptext p {margin-left: 3px; font-size: 14px;}
	.ptext .xts {margin-top: 3%; margin-bottom: 2%;}
	.xts {width: 16px;}
	.xts::before {height: 4px;}
	.xts::after {height: 4px;}
	#bnav-m, #bname-m {display:block;}
	#bnav, #bmenu, #fos {display:none;}
	#bmenu.fd {top: 70px;}
	#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 p {margin-top: 15px; font-size: 34px;}
	.itis .xts {margin-top: 20px;}
	.imore {width: 112px; height: 35px; font-size: 14px;}
	/*
	.imore {width: 50px; height: 50px;}
	.imore i {width: 12px; height: 12px;}
	.imore i::before, .imore i::after {top: 5px; height: 2px;}
	*/
	#ipros .list .item .name {padding: 8px 10px; height: 40px;}
	#ipros .list .item .name div {height: 20px;}
	#ipros .list .item .name h2 {margin-left: 5px; font-size: 15px;}
	#ipros .list .item ul {padding: 15px 20px;}
	#ipros .list .item ul li {padding-right: 25px; min-height: 16px;}
	#ipros .list .item ul li:not(:first-child) {margin-top: 10px;}
	#icases .thumbs {padding-left: 65px; padding-right: 65px;}
	#icases .thumbs .swiper-button {width: 50px; height: 50px; font-size: 16px;}
	/*===================================================================================*/
	/* 产品中心 */
	
	/*===================================================================================*/
	/* 新闻资讯 */
	#ntws {gap: 30px;}
	#ntws a .text h2 {margin-top: 5px; font-size: 16px;}
	#news a {padding-top: 30px; padding-bottom: 30px;}
	#news a .imgs {width: 30%;}
	#news a .text {margin-left: 30px;}
	#news a .text h2 {font-size: 18px;}
	#news a .text .date {font-size: 12px;}
	#news a .text .date i {margin-right: 5px; font-size: 13px;}

	#wzds {background-color:#fff;}
	#wzds >div {display: block; padding-top: 3%; padding-bottom: 6%;}
	#wzds .contl {padding: 0; width: 100%;}
	#wzds .contr {display: none;}
	#wzds .info h1 {font-size: 22px;}
	#wzds .info p {padding-top: 12px; padding-bottom: 10px; font-size: 13px;}
	#wzds .info p span {margin-left: 30px;}
	#wzds .info p span i {top:0; margin-right: 5px; font-size: 14px;}
	/*===================================================================================*/
	/* 关于我们 */
	.ntis p {font-size: 14px;}
	.gsjj .name {font-size: 24px;}
	.gsjj .szys {/*margin-top: 40px;*/}
	.gsjj .szys li .number {font-size: 30px;}
	.gsjj .szys li .year { font-size: 14px;}
	.gsjj .szys li .jia {font-size: 20px;}
	.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; --atis-fs: 22px; --ntis-fs: 22px; --ptis-fs: 18px; --tis-fs: 22px;}
	#content > div {padding-left: 0; padding-right: 0;}
	#banners {height: 260px;}
	#video_play {width: 700px; height: 392px;}
	.phide {display: none;}
	.editorc_nrs {margin-top: 4%;}
	/*===================================================================================*/
	.itis p {margin-top: 10px; font-size: 28px;}
	.itis .xts {margin-top: 15px;}
	.imore {/*width: 40px; height: 40px;*/}

	#ipros > div {padding-bottom: 5%;}
	#ipros .list {grid-template-columns: repeat(3,1fr); gap: 15px;}
	#ipros .intro {margin-top: 5%; padding-left: 50px; width: 60%;}
	#ipros .intro .text h2 {font-size: 16px;}
	#ipros .intro .text h2::before {left: -50px; width: 38px;}
	#ipros .intro .text p {margin-top: 10px;}
	#ipros .intro .ys {margin-top: 6%;}
	#ipros .intro .ys li div {padding: 12px; width: 50px; height: 50px;}
	#ipros .intro .imore {margin-top: 8%;}

	#icases > div {padding-top: 4%;}
	#icases .cont .item .text {padding-left: 0; padding-right: 5%;}
	#icases .cont .item .text h2 {font-size: 16px;}
	#icases .cont .item .text h2::before {display: none;}
	#icases .cont .item .text p {margin-top: 10px; -webkit-line-clamp: 4;}
	#icases .cont .item .text .imore {margin-top: 8%;}
	#icases .cont .item .info .name {padding: 8px 15px; height: 50px;}
	#icases .cont .item .info .name h2 {font-size: 14px;}
	#icases .cont .item .info .name p {margin-top: 5px; font-size: 12px;}
	#icases .thumbs {margin-left: 0; padding-left: 50px; padding-right: 50px;}
	#icases .thumbs .swiper-container {padding: 12px;}
	#icases .thumbs .swiper-button {width: 40px; height: 40px; font-size: 14px;}

	#inews .cont {display: block;}
	#inews .tws {width: 100%;}
	#inews .r {margin-left: 0; margin-top: 5%;}

	#isthz .info .text div img {max-height: 40px;}
	#isthz .info .text .xts {display: none;}
	/*===================================================================================*/
	.btext:not(.no-bmenu) {padding-top: 0; padding-bottom: 0;}
	.btext h2 {font-size: 26px;}
	.btext p {font-size: 14px;}
	.ptext h2 {font-size: 26px;}
	/*===================================================================================*/
	/* 产品中心 */
	
	/*===================================================================================*/
	/* 新闻资讯 */
	#ntws {gap: 20px;}
	#news a .text .abtn {display: none;}
	#wzds .info h1 {font-size: 18px;}
	/*===================================================================================*/
	/* 关于我们 */
	.ntis p {margin-top: 10px; font-size: 12px;}
	.gsjj .name {font-size: 20px;}
	.gsjj .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; --atis-fs: 20px; --ntis-fs: 20px; --tis-fs: 20px; --lh18: 1.65; --lh19: 1.65; --editorc-fs: 14px; --editorc-lh: 1.65;}
	body {padding-top: 70px; color:#222;}
	.ihead, .nhead {border-bottom: none; box-shadow: 0 2px 8px rgba(0,0,0,0.15); background-color:#fff;}
	.ihead #mheader_menu span, .ihead #mheader_menu span::before, .ihead #mheader_menu span::after {background-color:#222;}
	.ihead .logo img:nth-child(1) {display: none;}
	.ihead .logo img:nth-child(2) {display: initial;}
	.ihead .ss i {color:#333;}
	.ihead.fd .ss i {color:#333;}
	.sshow {transform:translateY(0);}

	#bmar {display: none; height: 0;}
	#banners {height: 220px;}
	#footer > div {padding-top: 5%;}
	#footer .fnav {display: none;}
	#footer .copyright {font-size: 12px;}

	.btext {text-align: center;}
	.btext h2 {font-size: 24px;}
	.btext p {margin-top: 12px; font-size: 14px;}
	.button {width:130px;height:40px;font-size:16px;}
	.ptext h2 {font-size: 22px;}
	.ptext p {font-size: 14px; width: auto;}
	.pnas {padding-right:0;}
	.pnas .back {display:none;}
	#video_play {width:580px;height:325px;}
	.mfypage a,.mfypage span {color:#666;}
	#news_page, #pros_page {display:none;}
	#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;}
	/*===================================================================================*/
	/* 产品中心 */
	
	/*===================================================================================*/
	/* 新闻资讯 */
	#ntws {grid-template-columns: 1fr 1fr;}
	#ntws a:nth-child(n+3) {display: none;}
	#wzds .info 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 .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 {--pad-lr: 5%; --pad-tb: 5%; --itis-pad: 8%; --itis-fs: 18px; --atis-fs: 18px; --ptis-fs: 18px; --ntis-fs: 16px; --tis-fs: 18px;}
	body {padding-top: 45px;}
	#header .lang {display: none;}
	#header .ss {margin-right: calc(5% + 30px);}
	#header .ss i {font-size: 16px;}
	.ihead {height: 45px;}
	.ihead .logo {height: 27px;}
	.ihead.fd {height: 45px;}
	.ihead.fd .logo {height: 27px;}
	.nhead {height: 45px;}
	.nhead .logo {height: 27px;}

	#mheader_menu {right:5%; width:26px; line-height:45px;}
	#mheader_menu span {margin-top:-2px;}
	#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; color:#999; font-size:18px;}

	#banner .btns {bottom: 10px;}
	#banner .swiper-pagination {font-size: 12px;}
	#banner .swiper-pagination-current {margin-top: -2px; margin-right: 5px; font-size: 20px;}
	#banner .swiper-pagination-total {margin-left: 5px;}
	#banner .swiper-button {width: 20px; height: 20px; font-size: 10px;}
	#banner .swiper-prev {right: 20px;}
	#banners {height: 160px;}

	#content {padding-bottom: 8%;}
	#footer > div {padding-top: 8%;}
	#footer .copyright {padding: 4% 3%;}
	#footer .info-m {padding: 0 5% 6% 5%;}
	#footer .info-m .logo img {max-height: 40px;}
	#footer .info-m .tel {display: flex; align-items: center; justify-content: center; margin-top: 6%; padding-left: 0; height: auto; line-height: normal; font-size: 20px; background: none;}
	#footer .info-m .tel::before {margin-right: 10px; width: 22px; height: 22px; background: url(../images/icon-tel.png) no-repeat center center/contain; content: '';}
	#footer .info-m .lxs {margin-top: 6%;}
	#footer .info-m .lxs li {padding-left: 0; line-height: 1.6;}
	#footer .info-m .lxs li:not(:first-child) {margin-top: 8px;}
	#footer .info-m .lxs .address {background: none;}
	#footer .info-m .lxs .email {background: none;}
	#footer .info-m .qrcode {margin-top: 6%; width: 120px; height: 120px; background-size: contain;}

	.nodata {padding:100px 0px;font-size:16px;}
	.editorc_nrs {padding-top: 5%;}
	.editorc_box {padding-top: 4.5%;}
	.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;}
	.pnas {margin-top: 6%; padding-top: 15px;}
	.pnas p {height: 25px;}
	.pnas .back {display: none;}
	.ptext h2 {font-size: 18px;}
	.ptext p {font-size: 12px; line-height: 1.6;}
	.ptext .xts {margin-top: 4%; margin-bottom: 3%;}
	.btext h2 {font-size: 20px; font-weight: bold;}
	.btext p {margin-top: 6px; font-size: 14px;}
	#video_play {width:100%;height:220px;}
	#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 p {margin-top: 8px; font-size: 16px;}
	.itis .ens {margin-top: 8px; font-size: 16px;}
	.itis .xts {margin-top: 10px;}
	.imore {width: 90px; height: 30px; font-size: 12px; /*width: 30px; height: 30px;*/}
	.xts {width: 16px;}
	.xts::before {height: 3px;}
	.xts::after {margin-top: 3px; height: 3px;}

	#ipros .list {grid-template-columns: repeat(3,1fr); gap: 3px;}
	#ipros .list .item .name {padding: 5px; height: 36px; border-bottom: none;}
	#ipros .list .item .name div {display: none;}
	#ipros .list .item .name h2 {margin-left: 5px; font-size: 14px;}
	#ipros .list .item ul {display: none;}
	#ipros .list .curt .name::after {display: none;}
	#ipros .intro {padding-left: 0; width: 100%;}
	#ipros .intro .text {margin-top: 6%;}
	#ipros .intro .text h2 {font-size: 16px;}
	#ipros .intro .text h2::before {display: none;}
	#ipros .intro .ys li div {padding: 12px; width: 45px; height: 45px;}
	#ipros .intro .ys li p {margin-top: 8px; font-size: 12px;}
	#ipros .intro .imore {margin-left: auto; margin-right: auto;}

	#icases .cont .item {display: block;}
	#icases .cont .item .text {margin-top: 4%;}
	#icases .cont .item .text h2 {display: none;}
	#icases .cont .item .text p {margin-top: 0;}
	#icases .cont .item .text .imore {margin: 6% auto 0 auto;}
	#icases .cont .item .info {display: none;}
	#icases .cont .item .info-m {display: block; position: relative;}
	#icases .cont .item .info-m .imgs {position: relative; padding-top: 59.872%; overflow: hidden;}
	#icases .cont .item .info-m .name {position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; padding: 0 12px; height: 48px; color:#fff; box-sizing: border-box; background-color: rgba(35,24,21,0.8);}
	#icases .cont .item .info-m .name h2 {font-size: 14px;}
	#icases .cont .item .info-m .name p {margin-top: 3px; font-size: 12px;}
	#icases .thumbs {margin-top: 6%; padding-left: 35px; padding-right: 35px;}
	#icases .thumbs .swiper-container {padding: 10px;}
	#icases .thumbs .swiper-button {width: 24px; height: 24px; font-size: 10px;}

	#inews .tws {padding: 5%;}
	#inews .tws .btns {margin-top: 5%; height: 24px;}
	#inews .tws .swiper-pagination {height: 8px;}
	#inews .tws .swiper-pagination span {width: 8px; height: 8px;}
	#inews .tws .swiper-pagination span.swiper-pagination-bullet {margin-right: 6px;}
	#inews .tws .swiper-button {width: 24px; height: 24px; font-size: 14px;}
	#inews .tws .swiper-prev {right: 24px;}
	#inews .tws a .text h2 {margin-top: 12px; font-size: 14px; line-height: 1.5; white-space: normal; text-overflow: none; overflow: initial;}
	#inews .tws a .text .desc {margin-top: 5px; -webkit-line-clamp: 2;}
	#inews .tws a .text .date {margin-top: 10px; color:#999; font-size: 12px;}
	#inews .tws a .text .date i {margin-right: 5px; font-size: 12px;}
	#inews .tws a .text .imore {display: none;}

	#inews .fls a {padding: 0 12px; min-width: 80px; height: 40px; font-size: 14px;}
	#inews .list a {padding-top: 5%; padding-bottom: 5%;}
	#inews .list a .text {position: relative; margin-right: 4%; padding-bottom: 20px;}
	#inews .list a .text h2 {margin-top: -2px; font-size: 14px; font-weight: normal; line-height: 1.5; white-space: normal; text-overflow: none; overflow: initial;}
	#inews .list a .text .desc {display: none;}
	#inews .list a .text .date {position: absolute; bottom: 0; left: 0; margin-top: 0; color:#999; font-size: 12px;}
	#inews .list a .text .date i {margin-right: 5px; font-size: 12px;}
	#inews .list a .imgs {width: 35%;}


	#isthz > div {display: block; padding-top: 8%;}
	#isthz .info {padding-right: 0; width: 100%;}
	#isthz .info .itis {padding-top: 0; text-align: center;}
	#isthz .info .itis span {display: initial;}
	#isthz .info .text {display: none;}
	#isthz .imgs {margin-top: 4%;}

	#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;}
	/*===================================================================================*/
	/* 产品中心 */
	
	/*===================================================================================*/
	/* 新闻资讯 */
	#ntws {display: none;}
	#news {border-top: none;}
	#news a {padding-top: 5%; padding-bottom: 5%;}
	#news a:first-child {padding-top: 0;}
	#news a .imgs {width: 35%;}
	#news a .text {margin-left: 4%; padding-bottom: 20px;}
	#news a .text h2 {margin-top: -2px; font-size: 14px; white-space: normal; text-overflow: none; overflow: initial;}
	#news a .text .date {position: absolute; left: 0; bottom: 0; font-size: 10px;}
	#news a .text .date i {font-size: 10px;}
	#news a .text .desc {display: none;}
	
	#wzds > div {padding-top: 5%;}
	#wzds .info h1 {font-size: 16px; line-height: 1.5;}
	#wzds .info p {padding-top: 8px; padding-bottom: 8px; font-size: 12px; border-bottom-color:#eee;}
	#wzds .info p span {margin-left: 15px;}
	#wzds .info p span:first-child {margin-left: 0;}
	#wzds .info p span i {margin-right: 5px; font-size: 12px;}
	/*===================================================================================*/
	/* 关于我们 */
	.ntis {padding-top: 8%;}
	.ntis p {margin-top: 6px;}

	.gsjj > div {padding-bottom: 8%;}
	.gsjj .name {font-size: 16px;}
	.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 .szys {margin-top: 5%;}
	.gsjj .szys li {padding: 0; text-align: center;}
	.gsjj .szys li p {margin-top: 5px; font-size: 12px;}
	.gsjj .szys li .number {margin-right: 3px; font-size: 16px; font-weight: bold;}
	.gsjj .szys li .year {margin-top: 2px; font-size: 12px;}
	.gsjj .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;}
	#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;}
}