*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box;}
:root {
  --hoverclotp: #004099;
  --warm-white: #fff;
  --ivory: #F1EEE7;
  --charcoal: #333;
  --warm-grey: #6B6862;
  --warm-bg: #004099;
  --champagne: #B49A63;
  --white: #FFFFFF;
  --transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

html { scroll-behavior: smooth; font-size: 16px; -webkit-text-size-adjust: 100%;}

body {font: 14px/1.6 "Microsoft YaHei", Arial, Helvetica, sans-serif;color: var(--charcoal); background: var(--warm-white); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
 overflow-x: hidden;}
img {max-width: 100%;display: block; height: auto;border: 0;}
a {text-decoration: none; color: inherit; transition: var(--transition);}
a:hover { color: var(--hoverclotp); }
ul, li { list-style: none; padding: 0; margin: 0; }
.container { max-width: 1440px; margin: 0 auto; padding: 0 40px;}
input::placeholder, textarea::placeholder { color: var(--warm-grey);}
input:focus { outline: none; }
/* ==========  Header ========== */
header.headerd {position: fixed; top: 0; left: 0; width: 100%;z-index: 999;background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 100%); /*background-color: rgba(0, 0, 0, .5);*/ /*backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);*/transition: background .3s ease;}
header.onss{ background-color: rgba(0, 0, 0, .8);backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}	
/*header.onss .logo img{filter:inherit;}*/header.onss .nav{/* background:var(--warm-bg);border:none;*/}
/*header.onss .gufen a{color:#333;}*/
header.headerd.scrolled { background-color: rgba(0, 0, 0, .85);}
.top { padding: 15px 0 15px 0;border-bottom: 1px solid rgba(255, 255, 255, .1); position: relative;}
.top .container {display: flex; align-items: center; justify-content: space-between;}
.logo { flex: 0 0 auto; }
.logo img {height: 38px; width: auto; filter: brightness(0) saturate(100%) invert(1);}
.search {flex: 1; max-width: 50%; }
.el-input { display: flex; align-items: center; height: 44px; border-radius: 30px; overflow: hidden; border: 2px solid #004099; background-color: #fff; padding: 0 4px;}
.el-input-group__prepend { display: flex;align-items: center; justify-content: center;  padding: 0 14px;}
.el-input-group__prepend img {width: 18px;height: 18px;object-fit: contain;}
.el-input__inner { flex: 1; height: 100%; border: none; outline: none;font-size: 14px;background: transparent;padding: 0 8px; color: #333;}
.el-input__inner::placeholder {color: var(--warm-grey);font-weight: 300;letter-spacing: .5px;}
.el-input-group__append .button { height: 36px; padding: 0 26px;border-radius: 25px; border: none; background-color: #004099;color: #fff;font-size: 14px; cursor: pointer; white-space: nowrap;}
.el-input-group__append .button:hover {background-color: #003070;}
.gufen { flex: 0 0 auto; }
.gufen a {display: inline-flex;align-items: center; gap: 8px;color: #fff; font-size: 14px;}
.gufen img { height: 26px; width: auto; }
.gufen a i {display: inline-flex;align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background-color: var(--warm-bg);}
.gufen a i img { width: 12px;height: 12px; filter: brightness(0) invert(1);}
.seert:hover .search{ visibility:visible;}
.serop {width: 50px;margin-top:30px;position: relative;border-left: 1px rgba(255,255,255,.1) solid;display: flex; justify-content: flex-end;}
.serop p img{height:20px;}
.serop p {cursor: pointer;transition: .3s;}
.seert{ display:block;height:80px;}
.nav-a a::after { content: "";position: absolute; width: 0; left: 50%;bottom: 0; height: 2px;background: #fff;transition: .3s;}
.nav-a a:hover::after, .nav-a a.active::after {width: 100%;left: 0;}
/*  */
.nav {width: 100%;/*background-color: var(--warm-bg);*//* border-top:solid 1px rgba(255,255,255,.1);border-bottom: 1px solid rgb(255 255 255 / 10%);*/border-bottom: 1px solid rgba(255, 255, 255, .1);}
.nav .container {display: flex; align-items: center;justify-content: center; min-height: 56px;}
.nav-a {display: flex;align-items: center; justify-content: center; gap: 6px;width: 100%;flex-wrap: wrap;}
.nav-a a { font-size: 16px; padding: 0px 3%; color: #fff; cursor: pointer; white-space: nowrap;position: relative;line-height:80px;}
.nav-a a:hover { color: rgba(255, 255, 255, .6); }
/*  */
.menu-toggle {display: none; width: 40px; height: 40px; border: none; background: transparent; cursor: pointer;padding: 0; flex-direction: column; justify-content: center; align-items: center;
gap: 5px; border-radius: 6px;}
.menu-toggle span { display: block;width: 24px; height: 2px; background: #fff; transition: var(--transition); border-radius: 2px;}
.menu-toggle.active span:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}
.menu-toggle.active span:nth-child(2) { opacity: 0; }
.menu-toggle.active span:nth-child(3) {transform: rotate(-45deg) translate(5px, -5px);}
/* ========== Banner  ========== */
.banner-area {position: relative; width: 100%; height: 100vh;padding: 0; overflow: hidden; background: #000;}
.slide-area { position: relative;width: 100%; height: 100%;}
.banner-area .swiper.swiper-renewal-main {width: 100%; height: 100%;position: relative;}
.banner-area .swiper-wrapper { height: 100%; }
.banner-area .swiper-slide { position: relative;width: 100%; height: 100%;overflow: hidden;background: #000;}

/*  */
.banner-area .swiper-slide img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
/* 标题浮层 */
.title-area { position: absolute; top: 65%; right: 8%; transform: translateY(-50%);width: 52%; max-width: 660px;background: rgba(255, 255, 255, .55);
 padding: 44px 40px; border-radius: 12px; box-shadow: 0 24px 60px rgba(0, 0, 0, .18); z-index: 3; text-align: left;}
.title-area .main-tit,
.title-area .main-tit { font-size: 2.6rem;  line-height: 1.15; color: #111; text-transform: uppercase;margin-bottom: 18px; font-weight: 700;}
.title-area .sub-tit {font-size: 1.6rem; line-height: 1.6; color: #555; margin-bottom: 26px;}
.slide-arrow a {display: inline-block; border: 1.5px solid #333;color: #333; padding: 10px 36px; font-size: 14px; font-weight: 600; border-radius: 30px; transition: var(--transition);}
.slide-arrow a:hover {background: var(--warm-bg); color: #fff; border-color: var(--warm-bg);}
.title-area .main-tit strong{ font-size:4rem;}
/* 分页点 */
.diao { position: absolute;bottom: 40px;left: 0; width: 100%;z-index: 5;pointer-events: none;}
.diao .container {display: flex;justify-content: center;}
.banner-area .swiper-pagination {display: flex; gap: 10px; pointer-events: auto;position: static !important;}
.banner-area .swiper-pagination .swiper-pagination-bullet { width: 36px; height: 3px; background: rgba(255, 255, 255, .5); border-radius: 2px; opacity: 1; margin: 0 !important; transition: var(--transition);}
.banner-area .swiper-pagination .swiper-pagination-bullet-active {background: #fff;width: 48px;}

/* 箭头 */
.banner-area .swiper-pagination2 {position: absolute; inset: 0; pointer-events: none;z-index: 4;}
.banner-area .main_slide_handler { position: relative; width: 100%; height: 100%;}
.banner-area .swiper-button-prev,
.banner-area .swiper-button-next {position: absolute; top: 50%; width: 54px; height: 54px; background: rgba(255, 255, 255, .9); border-radius: 50%; display: flex;align-items: center;justify-content: center;cursor: pointer;pointer-events: auto;transition: var(--transition); margin: 0; z-index: 6;}
.banner-area .swiper-button-prev {left: 40px;transform: translateY(-50%) rotate(180deg);}
.banner-area .swiper-button-next {right: 40px; transform: translateY(-50%);}
.banner-area .swiper-button-prev img,
.banner-area .swiper-button-next img {width: 20px; height: 20px;}
.banner-area .swiper-button-prev::after,
.banner-area .swiper-button-next::after { display: none; }
.banner-area .swiper-button-prev:hover,
.banner-area .swiper-button-next:hover { background: var(--warm-bg); }
.banner-area .swiper-button-prev:hover img,
.banner-area .swiper-button-next:hover img { filter: brightness(0) invert(1); }
.slide-area .swiper-button-next, .slide-area .swiper-button-prev, .slide-area .swiper-button-next::after, .slide-area .swiper-button-prev::after {
 border: none; font-size: 20px;color: #fff; font-weight: bold; width: auto; width: 50px; background-color: #fff; height: 50px; text-align: center; border-radius: 50%;}
/* ========== mainbop  ========== */
.mainbop {width: 100%;float:left; padding-top: 0% ;padding-bottom:5%;}
.mainbop-1 {width: 100%;float: left; margin-top: 5%; margin-bottom: 5%;}

.mainbop-1:last-child { margin-bottom: 0%;}

.mainbop-top { margin-bottom: 32px; }
.mainbop-top h2 {font-size: 1.8rem; font-weight: 700;position: relative; padding-left: 18px; color: var(--charcoal);}
.mainbop-top h2::before { content: ""; position: absolute;  left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 28px;background: var(--warm-bg);border-radius: 3px;}
.mainbop-bottom {display: flex; gap: 30px;align-items: stretch;}
.mainbop-1-left {position: relative;  flex: 0 0 30%;border-radius: 15px;overflow: hidden; min-height: 360px; box-shadow: 0 8px 24px rgba(0, 0, 0, .08);}
.mainbop-1-left-a {width: 100%; height: 100%;position: absolute; inset: 0;}
.mainbop-1-left-a img { width: 100%;height: 100%; object-fit: cover;}
.mainbop-1-left-b {position: absolute; left: 0; bottom: 0;width: 100%; padding: 80px 20px 32px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 100%); z-index: 2;}
.left-cf { text-align: center; }
.left-cf span {display: block;color: #fff;font-size: 1.2rem;margin-bottom: 14px;font-weight: 600;}
.left-cf a {display: inline-block;color: #fff; border: 1px solid rgba(255, 255, 255, .6);  font-size: .9rem;border-radius: 20px;padding: 6px 30px;}
.left-cf a:hover { background-color: var(--warm-bg); border-color: var(--warm-bg); color: #fff;}
.mainbop-1-right {flex: 1;min-width: 0;}
.right-prosdu ul { display: grid; gap: 24px; grid-template-columns: repeat(3, 1fr); height: 100%;}
.right-prosdu ul li {background: #fff;border-radius: 15px; overflow: hidden; box-shadow: 0 4px 16px rgba(0, 0, 0, .06); transition: transform .4s ease, box-shadow .4s ease; display: flex; flex-direction: column;}
.right-prosdu ul li:hover {transform: translateY(-6px); box-shadow: 0 16px 32px rgba(0, 64, 153, .15);}
.prosdu-1 {width: 100%;aspect-ratio: 1 / 1;overflow: hidden; background: #f5f5f5;}
.prosdu-1 img {width: 100%;height: 100%;object-fit: cover;transition: transform .5s ease;}
.right-prosdu ul li:hover .prosdu-1 img { transform: scale(1.06); }
.prosdu-2 {padding: 18px 16px 22px; text-align: center; flex: 1; display: flex;flex-direction: column;justify-content: space-between; gap: 10px;}
.prosdu-2 h3 a {font-size: 1rem;color: var(--charcoal);font-weight: 600;}
.prosdu-2 p {font-size: .9rem; color: #666;}
.dinban{width:100%;float:left;min-height:200px;}
.dinban img{border-radius: 15px;}	
/* ========== Footer ========== */
footer { width: 100%;float:left; background-color: var(--warm-bg); color: #fff;}
.foot-1 { padding: 50px 0; }
.foot-1 ul { display: grid; gap: 30px 20px;grid-template-columns: repeat(7, 1fr);}
.foot-1 ul li { text-align: center; }
.foot-1 ul li span {display: inline-flex;align-items: center;justify-content: center;width: 70px; height: 70px; background: rgba(255,255,255,.2); border-radius: 15px; margin: 0 auto 12px; padding: 2px; overflow: hidden;transition: var(--transition);}
.foot-1 ul li span img { width: 100%; height: 100%; object-fit: contain;transition: transform .4s ease;}
.foot-1 ul li:hover span img { transform: scale(1.08); }
.foot-1 ul li p { font-size: .95rem; color: rgba(255, 255, 255, .9);}
.foot-2 {padding: 20px 0; border-top: 1px solid rgba(255, 255, 255, .15); font-size: .9rem; color: rgba(255, 255, 255, .7); text-align: center;}
.foot-2 a:hover{ color:rgba(255,255,255,.5)}.foot-2 img{display: inherit;}
/*neiyw*/
.ibanner{position: relative;}
.ibanner img{width: 100%;height: auto;}
.ibanner section{line-height: 64px;color: #fff;font-family:Futura-Md;position: absolute;width: 100%;top: 50%;margin-top: -96px;left:0;right:0;padding: 0px 5%;}
.ibanner section h1 {padding-left: 60px; font-size: 3rem;}
.ibanner section::before { position: absolute;top: 0.47708vw;width: 2.23958vw;height: 2.23958vw; background: url("../images/iconTitle.png") no-repeat; background-size: auto; background-size: 2.23958vw;content: "";
display: block;}
.ibanner section p{   font-size: 1.2rem;}
.nbanner{width:100%;float:left;min-height:500px; background-color:#333;}
.mainbop-contaui{width:100%;float:left;margin-top:5%;}
.mainbop-contaui-1{width:100%;float:left;}
.contaui-title{width:100%;float:left; text-align:center;}.contaui-title h2{ font-size:1.8rem;}
.contaui-neoooio{width:100%;float:left; font-size:1rem;margin-top:5%;  background-color:#222;padding-top:5%;padding-bottom:5%;}
.contaui-neoooio .Technology .title{ color:#fff;}
.contaui-neoooio .Technology .intro{ color:rgba(255,255,255,.8);}
.contaui-neoooio-pa{width:100%;float:left; font-size:1rem;margin-top:5%; background-color:#fff;}
.contaui-neoooio-pa .Technology .amplify { position: relative; margin: 0 0 -2.239583vw 0;}
.contaui-neoooio-pa .Technology .image { min-width: 39.895833vw;width: 39.895833vw;margin: 1.927083vw 0 0 0; overflow: hidden;position: relative;z-index: 2;}
.contaui-neoooio-pa .Technology .amplify::after {content: "";width: 95%; height: 100%;background:var(--warm-bg); position: absolute; border-radius:15px;top: 0; right: 0; z-index: 1;content: ""; position: absolute; inset: 26px -18px -18px -20px;
z-index: 0;}
.contaui-neoooio-pa .Technology .text {margin: 5vw 0 0 2.208333vw;}
.Technology .image img{ border-radius:15px;}
.mainbop-title::before { position: absolute; top: 0.47708vw;width: 2.23958vw;height: 2.23958vw; background: url("../images/iconTitle.png") no-repeat;   background-size: auto;background-size: 2.23958vw; content: ""; display: block;}
#npopb{ background-color:#fff;}
.location {position: absolute;left: 0px;padding-top:15px;bottom: 15px;border-top: 1px solid rgba(255, 255, 255, .1);width: 100%;overflow: hidden;}
.location .container { display: -webkit-box;  display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center; align-items: center}
.location .container a {color: rgba(255,255,255,.5); font-size: 1rem;  display: -webkit-box;display: -webkit-flex;  display: -ms-flexbox; display: flex;
 -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 5px}
.location .container a i {font-size: 1rem;  margin-right: 5px;margin-left: 5px}
.location .container a i img{height:15px; opacity:.5;}
.location .container a:last-child i {display: none}
@media (max-width:992px) {
.ibanner section{line-height: 24px;margin-top: 0px;}
.ibanner section h1 { padding-left: 20px;font-size: 1.4em;}
.ibanner section p{font-size: .9rem;display:none;}
.location .container a{font-size: .9em;}
}
/*about*/
.Technology .text { margin: 5vw 2.208333vw 0 0;}
.Technology .title { font-size: 2.2rem; font-weight: bold;line-height: 1;}
.Technology .title span:nth-child(2) {color: rgb(0, 0, 0);}
.Technology .intro {font-size: 1rem;line-height: 1.7; padding: 2.5625vw 0 1.041667vw;}
.Technology .image { min-width: 39.895833vw; width: 39.895833vw;margin: 1.927083vw 2.239583vw 0 0;overflow: hidden;position: relative;z-index: 2;}
.Technology .amplify {position: relative;margin: 0 -2.239583vw 0 0;}
.Technology .amplify::after {content: "";width: 95%; height: 100%; background:var(--warm-bg); position: absolute; border-radius:15px; top: 0; right: 0; z-index: 1; content: ""; position: absolute;
inset: 26px -18px -18px 26px;z-index: 0;}
.columns {display: -webkit-box;display: -webkit-flex; display: -ms-flexbox; display: flex;}
.contaui-neoooio-a{width:100%;float:left; background-color:#dedede;margin-top:3%}
.contaui-neoooio-1{width:100%;float:left; background-color:#f3f3f3;padding-top:5%;padding-bottom:5%;}
.contaui-neoooio-1 .Technology .text{margin:0 0 0;}
.contaui-neoooio-yuanjing{width:100%;float:left; MARGIN-TOP:5%;}
.contaui-neoooio-yuanjing .vision-card{background: linear-gradient(135deg,#d1e2fa 0%,#FFE9F1 46%,#E8F1FF 100%); border: 1px solid rgba(255,255,255,.9);border-radius: 30px;padding: 60px 48px;text-align: center; box-shadow: 0 24px 60px rgba(27,31,42,.07);}
.contaui-neoooio-yuanjing h2{font-size: 2.2rem;font-weight: bold; line-height: 1;}
.contaui-neoooio-yuanjing .intro{font-size: 1rem; line-height: 1.7; padding: 1.5625vw 0 1.041667vw;}
.contaui-neoooio-youshi{width:100%;float:left; background-color:#222;margin-top:5%;padding-top:5%;padding-bottom:5%;}
.contaui-neoooio-yuanjing h2{ position:relative;} .contaui-neoooio-youshi .youshi-op h2{ color:#FFF;}
.contaui-neoooio-yuanjing h2::after {background: linear-gradient(90deg,#0762e0,#004099);content: "";position: absolute;left: 0;  right: 0;margin:auto;bottom: -20px;width: 58px; height: 5px; border-radius: 5px;}
.Technology .title{ position:relative;}  
.Technology .title::after { background: linear-gradient(90deg,#0762e0,#004099);content: ""; position: absolute; left: 0;  bottom: -20px; width: 58px; height: 5px; border-radius: 5px;}
.youshi-op{width:100%;float:left; text-align:center;}
.youshi-op h2 { font-size: 2.2rem; position:relative; font-weight: bold;line-height: 1;}
.youshi-op h2::after {background: linear-gradient(90deg,#0762e0,#004099);content: "";position: absolute; left: 0;  right: 0;margin:auto; bottom: -20px; width: 58px; height: 5px;border-radius: 5px;}
#lkop li{margin-bottom:0;}
.youshi-opt{width:100%;float:left; }
.yslist { padding-bottom: 2px; font-size: 0; padding-top: 3%;display: grid;gap: 24px;grid-template-columns: repeat(3, 1fr);}
#lkop{  grid-template-columns: repeat(2, 1fr);padding-top:0%;}
.yslist li {float: left;margin-bottom: 36px; }
.yslist li a {display: block; padding: 52px 48px 44px;border: 1px solid #dedede; background-color:#fff;border-radius:15px; position: relative;}
.yslist .ysone { position: relative; height: 66px;}
.yslist .pic { width: 66px; height: 66px; position: absolute; left: 0;top: 0; z-index: 0;font-size: 0; line-height: 66px; text-align: center;}
.yslist .pic.i1 {z-index: 0;}
.yslist .pic.i2 { z-index: 1;opacity: 0;-webkit-transition: 0.5s; transition: 0.5s;}
.yslist img { max-width: 100%; max-height: 100%;}
.yslist li:hover .pic.i2 { opacity: 1;}
.yslist .cn {font-size:1.6rem; color: #000; line-height: 46px; height: 46px;overflow: hidden;}
.yslist .en { font-size: 16px; color: #ef9aa8; line-height: 20px; height: 20px;  overflow: hidden; text-transform: uppercase;}
.yslist .txt { font-size: 1rem;line-height: 30px; height: 150px; overflow: auto; margin-top: 32px;}
.yslist .num {font-size: 60px; color: #f4f4f4; line-height: 120px; height: 120px; position: absolute;  right: 48px; top: 20px; z-index: 0;}
.scrollarea2 .scrollbar { width: 2px; height: 100%; position: absolute; top: 0; right: 0;z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.scrollarea2 .track { width: 2px; height: 100%;background-color: #d7d7d7;position: relative;left: 0;}
.scrollarea2 .thumb { width: 2px; background-color: var(--warm-bg); position: absolute;  left: 0; top: 0; z-index: 1; cursor: pointer;}
.scrollarea2 { position: relative;padding-right: 20px;height: 150px;margin-top: 32px;}
.scrollarea2 .viewport { position: relative;  width: 100%;overflow: hidden; height: 100%;}
.scrollarea2 .overview { position: absolute;z-index: 1; left: 0;top: 0; width: 100%; font-size: 16px; line-height: 30px;text-align: justify;}
.scrollarea2 .overview img { max-width: 100%;}
.yslist .txt,
.yslist .overview,
.yslist a,
.yslist .cn,
.yslist .en { -webkit-transition: .4s;transition: .4s;}
.yslist li:hover a { background-color: var(--warm-bg); border-color: var(--warm-bg);}
.yslist li:hover .cn { color: #fff;}
.yslist li:hover .en {color: #fff;}
.yslist li:hover .txt,
.yslist li:hover .overview {color: #fff;}
.yslist li:hover .scrollarea2 .thumb { background-color: #222;}
@media screen and (max-width: 1440px) {
.yslist .txt,
.scrollarea2 {height: 180px;}
.yslist .num { font-size: 70px;}
}
@media screen and (max-width: 1300px) {
.yslist li a { padding: 40px 30px 30px;}
.yslist .num {top: 8px;right: 30px;}
}
@media screen and (max-width: 750px) {
.yslist li a { padding: 30px 20px 30px;}
.yslist .num {top: 0; right: 20px;font-size: 50px; }
.yslist .txt,
.scrollarea2 .overview {font-size: 14px;}
.yslist .cn { font-size: 24px;}
}
@media screen and (max-width: 600px) {
.yslist li { width: 100%;}
.yslist .txt {height: auto;}
.scrollarea2 {padding-right: 0; height: auto;}
.scrollarea2 .overview {position: static;}
}
  
/*news*/
.news{width:100%;float:left;padding-top:5%;}
.news ul {display: grid;gap: 10px; grid-template-columns: repeat(3, 1fr);height: 100%;}
.news ul li {background-color: #f2f2f2;border-radius:15px; overflow: hidden;margin-right: 3.125%;margin-bottom: 3.125%;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;}
.news ul li:hover {-webkit-box-shadow: 0 0.26042vw 1.04167vw #ddd;box-shadow: 0 0.26042vw 1.04167vw #ddd;}
.news ul li:hover .image img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.news ul li .image {overflow: hidden;}
.news ul li .image img {width: 100%;height: auto; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;}
.news ul li .text {padding: 1.03125vw;}
.news ul li .text h2 { font-size:1.2rem; font-weight: bold;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-top: 0.72917vw; margin-bottom: 1.61458vw;}
.news ul li .text span {font-size: 0.9375vw;color: #707070;}
.news ul li .time {display: -webkit-box;display: -webkit-flex; display: -moz-box; display: -ms-flexbox;display: flex;-webkit-box-align: center; -webkit-align-items: center;-moz-box-align: center; -ms-flex-align: center;align-items: center;font-size: 0.72917vw;color: #383838;}
.news ul li .time i {font-size: 0.72917vw;margin-right: 0.36458vw;}
.news ul li .time i img{height:15px;}
.page{text-align:center;width:100%;float:left;margin-top:3%;}
.page a,.page .a_cur{display:inline-block;width:48px;height:48px;border-radius:50%;font-size:16px;line-height:48px;margin-right:15px;color:#333;box-shadow: 0 0 20px rgba(0, 0, 0, .1);transition: .3s;}
.page .a_cur{background:var(--warm-bg) !important;color:#fff}
.page1 a,.page1 .a_cur{background:#fff}
.gszl_l .hzTit{border-bottom:1px solid #eeeeee;padding-bottom:3%;}
.gszl_l .hzTit h1{ font-size:2rem;}
.gszl_l .hzTit p{ font-size:.8rem; color:#999;margin-top:2%;}
.gszl_xq { display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;
 justify-content: space-between;margin-top: 5%;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.gszl_l {width: -webkit-calc(100% - 514px);width: -moz-calc(100% - 514px);width: calc(100% - 514px); border-right: 1px solid #f3f3f3;padding-right: 5%;}
.gszl_l ul {margin-top: 20px;}
.gszl_l ul li { display: -webkit-flex; display: -moz-box;display: -ms-flexbox;display: flex;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;padding: 30px 20px;border-bottom: 1px solid #f3f3f3;position: relative;}
.gszl_l ul li img { width: 30px; height: 30px;position: absolute; right: 2%; top: 35%;}
.gszl_time { text-align: center; font-size: 12px;}
.gszl_time b { font-size: 30px; line-height: 1.2;}
.gszl_text { margin-left: 5%;font-size: 16px; }
.gszl_text p:first-child {font-weight: 600;}
.gszl_l_gg {text-align: center;padding: 20px 0;color: #e0e0e0;}
.gpxx {padding: 40px 50px;background: #d55228;color: #fff;}
.gpxx .hzTit {width: 100%;color: #fff;padding: 0;}
.gpTit { padding-top: 5%; padding-bottom: 2%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.gpTit span { font-size: 24px;}
.gpZhishu {  padding: 4% 0;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.gpZhishu>div {display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10% 0;position: relative;}
.gpZhishu p { margin-right: 30%;   display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;
-ms-flex-direction: column;flex-direction: column;font-size: 16px;}
.gpZhishu p img { width: 20px;position: absolute;right: 0%; top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); -ms-transform: translateY(-50%);-o-transform: translateY(-50%);
transform: translateY(-50%);}
.gpZhishu p b {font-size: 26px;}
.gpTime { padding: 10px 0 20px;}
.gpbt {margin-top: 5%;}
.gpbt p b { color: #D55228; position: relative;padding: 0 10px; }
.gpbt p b::after {content: ""; width: 4px; height: 60%; background: #D55228;border-radius: 50px;position: absolute; left: 0;top: 20%;}
.gszl_img { max-width: 100%;}
.newsDet_con {border-bottom: 1px solid #eeeeee;padding: 3% 0 3%;line-height:28px;overflow: hidden; }
.newsDet_con>p,  .newsDet_con {font-size: 1rem;}
.newsDet_con div.one { width: 100%;}
.newsDet_con div img {max-width: 72%; display: inline-block;}
.gtf ul li span{ font-size:20px;}
.gnhj{margin-top: 20px; border: none;  padding: 10px 20px 10px 20px; border-radius: 20px;border:solid 1px #666; color: #666; background-color: #fff; cursor:pointer;}
.gnhj:hover{ background-color:var(--warm-bg);border:solid 1px var(--warm-bg);  color: #fff;}
@media (max-width:1200px) {
.gszl_xq  .gszl_r {  display: none !important;}
.gszl_xq .gszl_l{width:100% !important; }
}
@media (max-width:1024px) {
.newsDet_con>p {font-size: 14px; }
.newsDet_con div img { max-width: 100%;}
}
@media (max-width:768px) {
.newsDet_con>p { line-height: 32px;letter-spacing: 0.5px;}
.newsDet_con div {width: 100%; margin: 20px 0 0;}
}
@media (max-width:480px) {
.newsDet_con>p {line-height: 30px;}
}
.cd-target__box span {font-size: 20px; line-height: 1.4;color: #111; display: block;margin-bottom: 25px;}
.cd-target__list li { margin-bottom: 30px; -webkit-transition: all .4s; -o-transition: all .4s;-moz-transition: all .4s;transition: all .4s;overflow: hidden;}
.cd-target__list a { display: -webkit-flex; display: -moz-box;display: -ms-flexbox; display: flex;-webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center;
justify-content: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;
align-items: center;-webkit-transition: color .4s;
-o-transition: color .4s; -moz-transition: color .4s; transition: color .4s; font-size: 15px; line-height: 1.8; color: rgba(17, 17, 17, 0.8); overflow: hidden;}
.cd-target__list a span {width: -webkit-calc(100% - 160px); width: -moz-calc(100% - 160px);  width: calc(100% - 160px); height: 54px; display: block;  font-size: 15px;  line-height: 1.8;
 color: rgba(17, 17, 17, 0.8);  margin-top: 10px; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;} 
.cd-target__list a:hover span{ color:var(--warm-bg);}
.cd-target__list li .img {position: relative;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;width: 140px; height: 80px;margin-right: 20px;}
.cd-target__list a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;display: block; }  
.cd-target__list li:hover img{   -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1);}
img{max-width: 100%;}
.gszl_xq .gszl_r { width: 300px; }
.gszl_xq .gszl_l{width: -webkit-calc(100% - 400px); width: -moz-calc(100% - 400px); width: calc(100% - 350px);}
.gszl_l .hzTit span{ color: #333; font-weight: bold;font-size: 30px; }
.gszl_l .hzTit span::after {content: ""; width: 0; height: 0;background: #D55228; border-radius: 25px; position: absolute;left: 0;bottom: -2px;}		
.padd {padding: 3% 0;}	
#nber{height:400px;overflow:hidden;}
/*contact*/
.erweima{width:100%;float:left;padding-top:0;}
.erweima_a{width:100%;float:left;}.erweima_a ul li{float: left;text-align: center; background-color:#fff;box-shadow: 0 4px 16px rgba(0, 0, 0, .06);padding-top:10%;padding-bottom:10%; border-radius:15px;}
.erweima_a ul li span{width:100%; text-align:center; font-size:16px; color:#333;}
.erweima_a ul li p{width:100%; text-align:center;padding-top:10px;padding-bottom:10px;}.erweima_a ul li p img{max-width:100%;margin: auto;}
.erweima_a ul li h4{width:100%; text-align:center; font-size:1rem; font-weight:normal; color:#666;}
.erweima_a ul{display: grid;gap: 24px; grid-template-columns: repeat(5, 1fr);}
.erweima_a ul li .icon{width:100%;float:left; text-align:center;margin-bottom: 10px;}.erweima_a ul li .icon img{margin:auto;}
.erweimatitle{width:100%;float:left;margin-bottom:3%;}
.erweimatitle-1{ font-size:2rem; font-weight:bold;width:100%;float:left}
.erweimatitle-2{ font-size:1.2rem;width:100%;float:left}
.line {width: 2.5rem;height: 5px; background-color:var(--warm-bg);margin-top: 1.5rem;float: left;}
/*produiop*/
.produiop{width:100%;float:left;}
.produiop-left{width:25%;float:left;}

.hop{width:100%;float:left; background-color: #f3f3f3;padding:20px;margin-bottom:5%;border-radius:15px;}
.hop h2{padding-left:20px; font-size:1.4rem;width:100%;float:left; border-bottom:solid 1px #dedede;padding-bottom:10px;position: relative;}
.hop h2::before {content: "";position: absolute;left: 0; top: 45%;transform: translateY(-50%); width: 6px; height: 28px; background: var(--warm-bg); border-radius: 3px;}
.hop ul{width:100%;float:left;}
.hop ul li{ background-color:rgba(255,255,255,.4);height:40px;line-height:40px;margin-top:20px; border-radius:5px;}
.hop ul li i{display: inline-flex;align-items: center; justify-content: center;width: 22px; height: 22px;border-radius: 50%; background-color: var(--warm-bg);margin-left:10px;margin-right:10px;} 
.hop ul li i img { width: 12px;height: 12px; filter: brightness(0) invert(1);}
.hop ul li a{ font-size:1rem;}
.hop ul li:hover{ background-color:var(--warm-bg);}
.hop ul li:hover a{ color:#fff;}
.hop ul li.active{ background-color:var(--warm-bg);}
.hop ul li.active a{ color:#fff;}
  
.produiop-right{width:73%;float:right;}
.produiop-right ul{display: grid;gap: 24px;grid-template-columns: repeat(3, 1fr);}
.produiop-right ul li {background: #fff;border-radius: 15px; overflow: hidden; box-shadow: 0 4px 16px rgba(0, 0, 0, .06); transition: transform .4s ease, box-shadow .4s ease; display: flex; flex-direction: column;}
.produiop-right ul li:hover {transform: translateY(-6px); box-shadow: 0 16px 32px rgba(0, 64, 153, .15);}
.produiophow-right{width:73%;float:right;}
.pro_page {position: relative;margin: 0.2rem auto 0.2rem auto;}
.prom_img {padding: 0;padding-right: 0px;text-align: center;padding-right: 0; border-radius: 0;}
/*pro_detail*/
.pro_page{position: relative;margin: 0.2rem auto 0.2rem auto;}
.pro_page .pro_main { display: flex; padding:15px;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .1);border-radius: 15px;}
.pro_page .prom_img {width: 55%;position: relative;}
.pro_page .main_text{ width:60%;padding-left: 3%;}
.pro_page a, .pro_page button {color: inherit;display: inline-block;line-height: inherit;text-decoration: none;cursor: pointer;}
.pro_page .clearfix:after {display: block;clear: both;content: ""}
.d-none {display: none!important}
.pro_page a{ display: block;}
.pro_page .thumb img{ width: 100%;}
.zoomImg{transition: 0.1s all;}
.pro_page a {display: block;}
.pro_main_title {font-size:1.6rem;display: block;text-transform: capitalize;color: #171717;margin-top:3%;margin-bottom: 20px;font-weight: bold;}
.pro_main_text {font-size: 1rem; color:#999;line-height: 24px;padding-bottom: 0.2rem;}
.pro_table{margin-top:2%;}
.enlarge_ico{ width: 40px; height: 40px; background-color: #fff; display: inline-block; position: absolute; right: 10px; top: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 50%; z-index: 999;background-image: url("data:image/svg+xml,%3Csvg t='1710902452033' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5097' width='22' height='22'%3E%3Cpath d='M970.837333 919.850667l-205.696-205.653334A382.421333 382.421333 0 0 0 853.333333 469.333333a384 384 0 0 0-384-384 384 384 0 0 0-384 384 384 384 0 0 0 384 384 382.421333 382.421333 0 0 0 244.906667-88.192l205.653333 205.653334a36.053333 36.053333 0 0 0 50.986667 0 36.266667 36.266667 0 0 0-0.042667-50.944z m-380.117333-162.986667c-38.4 16.256-79.189333 24.448-121.386667 24.448a311.296 311.296 0 0 1-220.586666-91.392A311.296 311.296 0 0 1 157.312 469.333333 311.296 311.296 0 0 1 248.746667 248.746667 311.296 311.296 0 0 1 469.333333 157.354667a311.296 311.296 0 0 1 220.586667 91.392A311.296 311.296 0 0 1 781.354667 469.333333a311.296 311.296 0 0 1-91.392 220.586667 310.186667 310.186667 0 0 1-99.242667 66.901333z' fill='%23900000' p-id='5098'%3E%3C/path%3E%3Cpath d='M652.672 431.829333h-147.84V292.010667a35.968 35.968 0 1 0-71.978667 0v139.818666H292.010667a35.968 35.968 0 1 0 0 72.021334h140.8v140.8a35.968 35.968 0 1 0 72.021333 0v-140.8h147.84a35.968 35.968 0 1 0 0-72.021334z' fill='%23900000' p-id='5099'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center;}
.embed-border {box-sizing: border-box; }
.embed-responsive {position: relative;width: 100%;max-width: 100%;padding-bottom: 50%;}
.embed-responsive iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.embed-responsive iframe video{top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;}
/* these styles are for the demo, but are not required for the plugin */
.prom_img{padding:0;text-align:center;padding-right:0;border-radius: 0;}
.prom_img .swiper-slide{ position: relative; display: inline-block; }
.prom_img #pro_img_gallery{ overflow: inherit; border: 2px solid #eee;}
.prom_img #pro_img_gallery .swiper-slide{opacity: 0 !important; z-index: -1; }
.prom_img #pro_img_gallery .swiper-slide-active{  opacity: 1 !important; z-index: 3;}
.prom_img #pro_img_gallery .swiper-slide img{width: 100%;background: #fff;}
.prom_img .video_play .video_buttom:before{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 20px;color: #fff;line-height: 60px;font-family: 'FontAwesome';content:"\f04b";z-index: 2;border-radius: 5px;background: #900000;width: 60px;height: 60px;text-align: center; cursor: pointer;}
.cloud-zoom-lens{ background:#000  !important;  opacity: 0.1 !important;}
.prom_img .swiper-slide iframe{ position: absolute; z-index: 66; width: 100%; left: 0; top: 0; height: 100%;}
#pro_img_thumbs{padding-top: 15px;}
#pro_img_thumbs .swiper-slide{border-radius: 0;overflow: hidden;cursor: pointer;border: 1px solid #eee;padding: 0;}
#pro_img_thumbs .swiper-slide-thumb-active{border: 1px solid #999; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
#pro_img_thumbs .swiper-slide.swiper-slide-thumb-active img{border-color:var(--warm-bg);}
.prom_img .sp-video-icon{position: relative;}
.prom_img .sp-video-icon img{opacity: 0.5;  border-radius: 0;}
.prom_img .sp-video-icon:before{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 14px;color: #fff;line-height: 30px;font-family: 'FontAwesome';content:"\f04b";z-index: 2;border-radius: 5px;background: #900000;width: 30px;height: 30px;text-align: center;}
.zoomImg{transition: 0.3s all;}
.pro_table .pro_main_title{ font-size:20px;overflow:hidden; display:block;text-transform:capitalize; color:#1c77be; line-height:30px; margin-bottom: 0.2rem; font-weight: normal; font-weight: 500;}
.pro_table .pro_main_text{line-height:0.28rem; padding-bottom:0.2rem;}
.pro_table ul{padding-left: 0; border-left: 1px solid #f7f7f7; border-top: 1px solid #f7f7f7; display: flex; flex-wrap: wrap;}
.pro_table ul li{ color:#666;list-style:none; float: left; width:100%; border-bottom: 1px solid #f7f7f7; border-right: 1px solid #f7f7f7;}
.pro_table ul li:nth-child(2n+1) { background: #f7f7f7;}
.pro_table ul li p{ display:inline-block;margin-right:0.1rem;vertical-align:middle;margin-bottom:0;color:#171717;min-width: 1.2rem; padding: 8px;border-right: 1px solid #f7f7f7; min-width: 25%;font-weight: 400;}
.pro_more div {display: inline-block;}
.main-more {text-align: left !important;margin-top: 20px;}
.pro_more .main-more a {background: #900000;text-transform: uppercase;border-radius: 0;font-size: 16px;line-height: 40px;color: #fff;margin-right: 0.1rem;display: inline-block;padding: 5px 15px;}
.ps-title {width: 100%;float: left; margin-bottom: 3%; border-bottom: solid 1px #f4f4f4;font-weight: bold;}
.ps-title span {background:var(--warm-bg);color: #fff;padding: 5px 45px;float: left; line-height: 40px; border-radius:15px 15px 0 0;}
.ps-title span i { margin-right: 10px;width:18px;height:18px; background-color:#fff; border-radius:50%;float:left;margin-top: 12%;}
.ps-title span i img{float: left;margin-top: 4px;margin-left: 6px;}
.pro_mop{width:100%;float:left;margin-top:3%;}
.ps-contune {width: 100%;float: left; font-size:1rem;}
.ps-contune table{text-align: center;}
.hjop{width:100%;float:left;margin-top:3%;}

@media (max-width: 1600px) {
  /* ---- Banner 手机端：不裁剪，图完整显示 ---- */
.banner-area { height: auto;min-height: auto;}
.banner-area .swiper-slide img{ position:inherit;}
.swiper-slide img { object-fit: contain;      /* 关键：图片不裁剪 */object-position: center;}
.nav-a a{padding: 0px 2%;}.title-area .main-tit strong{ font-size:3rem;}
}

@media (max-width: 1400px) {
.nav-a a{padding: 0px 1%;}	.erweima_a ul{grid-template-columns: repeat(3, 1fr);}.title-area .main-tit strong{ font-size:2rem;}
	}
	
/* ========== 响应式：平板 ========== */
@media (max-width: 1300px) {
.title-area { width: 38%; right: 5%;top:60%; }
  .title-area h1.main-tit,
  .title-area h2.main-tit { font-size: 2.2rem; }
  
.title-area .main-tit, .title-area .main-tit { font-size: 2.2rem; }
  
  .swiper-button-prev { left: 20px; }
  .swiper-button-next { right: 20px; }
}

@media (max-width: 1024px) {
.container { padding: 0 24px; }
.foot-1 ul { grid-template-columns: repeat(4, 1fr); }
.title-area { width: 44%; right: 4%; padding: 32px 28px;}
.title-area h1.main-tit,
.title-area h2.main-tit { font-size: 1.8rem; }

.title-area .main-tit, .title-area .main-tit{ font-size: 1.8rem; }

.title-area .sub-tit { font-size: .95rem; }
.mainbop-1-left { flex: 0 0 34%; min-height: 280px; }
.right-prosdu ul { grid-template-columns: repeat(2, 1fr); }
}
/* ========== 响应式：手机 ========== */
@media (max-width: 768px) {
.news ul{grid-template-columns: repeat(2, 1fr);}
.news ul li .text h2{font-size: 1rem;}.news ul li .time{font-size: .8rem;}
.seert{height:60px;}.serop{margin-top: 20px;}
.banner-area{margin-top:60px;}
.container { padding: 0 18px; }
header.onss .logo img {
filter: brightness(0) saturate(100%) invert(1);}
  /* ---- Header ---- */
header.headerd { background: rgba(0, 0, 0, 1); }
.top .container { gap: 12px; }
.logo img { height: 30px; }
.search {flex: 1; max-width: none; }
.el-input { height: 38px; border-width: 1.5px; }
.el-input-group__prepend { padding: 0 8px; }
.el-input-group__prepend img { width: 14px; height: 14px; }
.el-input__inner { font-size: 13px; padding: 0 4px; }
.el-input-group__append .button { height: 30px; padding: 0 14px; font-size: 12px; }
.gufen { display: none; }
  /* 汉堡按钮出现 */
.menu-toggle { display: flex; }
  /* 手机端导航：默认收起，点击弹出 */
.nav { max-height: 0;  overflow: hidden;transition: max-height .0s ease; background: var(--warm-bg);}
.nav.open { max-height: 600px;position: fixed;top: 70px; left: 0; } 
.nav .container { padding: 0; min-height: 0; }.nav-a {  flex-direction: column;align-items: stretch;gap: 0; width: 100%; }
.nav-a a { width: 100%;  padding: 16px 24px; border-bottom: 1px solid rgba(255, 255, 255, .1); font-size: 1rem; text-align: left; white-space: normal;line-height: 20px;}
.nav-a a:last-child { border-bottom: none; }
.title-area {top:30%;width:60%; transform: none; max-width: none; padding: 15px 10px; border-radius: 10px;}
.title-area h1.main-tit,
.title-area h2.main-tit { font-size: 1.2rem; margin-bottom: 10px; line-height: 1.3; }
.title-area .main-tit, .title-area .main-tit { font-size: 1.2rem; margin-bottom: 10px; line-height: 1.3; }

.title-area .sub-tit {font-size: .85rem; margin-bottom: 14px;}
.slide-arrow a { padding: 8px 24px; font-size: 13px; }
.diao { bottom: 24px; }
.banner-area .swiper-pagination .swiper-pagination-bullet {width: 24px; height: 3px; }
.banner-area .swiper-pagination .swiper-pagination-bullet-active { width: 32px; }
.banner-area .swiper-button-prev, .banner-area .swiper-button-next { width: 40px; height: 40px;}
.banner-area .swiper-button-prev { left: 10px; }
.banner-area .swiper-button-next { right: 10px; }
.banner-area .swiper-button-prev img,
.banner-area .swiper-button-next img { width: 14px; height: 14px; }

  /* ---- mainbop 手机端 ---- */
.mainbop { }
.mainbop-1 { margin-bottom: 40px; }
.mainbop-top h2 { font-size: 1.35rem; }
.mainbop-bottom { flex-direction: column;gap: 20px;}
.mainbop-1-left { flex: 0 0 auto; width: 100%; min-height: 220px; max-height: 280px;}
.mainbop-1-left-b { padding: 60px 16px 20px; }
.left-cf span { font-size: 1rem; margin-bottom: 10px; }
.left-cf a { font-size: .8rem; padding: 5px 22px; }
.mainbop-1-right { width: 100%; }
.right-prosdu ul { grid-template-columns: repeat(2, 1fr); gap: 14px;}
.prosdu-2 { padding: 12px 10px 16px; }
.prosdu-2 h3 a { font-size: .9rem; }
.prosdu-2 p { font-size: .8rem; }.dinban { margin: 30px 0; }
  /* ---- Footer ---- */
.foot-1 { padding: 36px 0; }
.foot-1 ul { grid-template-columns: repeat(3, 1fr); gap: 22px 12px; }
.foot-1 ul li span { width: 56px; height: 56px; margin-bottom: 8px; }
.foot-1 ul li p { font-size: .8rem; }
.foot-2 { font-size: .75rem; padding: 16px 12px; }
.Technology .title{ font-size:1.2rem;}.contaui-neoooio-yuanjing h2{ font-size:1.2rem;}
.columns{display:block;}.Technology .image{width:100%;}.Technology .amplify{margin:0;}.contaui-neoooio-pa .Technology .image{width:100%;}
.erweima_a ul{grid-template-columns: repeat(2, 1fr);}
.produiop-left{width:100%;}.produiop-right{width:100%;}.produiop-right ul{ grid-template-columns: repeat(2, 1fr); }
.hop ul{display:none;}
#catg .hd {position: relative; }
.hop h2{ font-size:1.2rem;    position: relative;}.hop h2 i{float:right;width:20px;height:20px;}
.hop h2 i::before {content: "+"; font-style:normal;position: absolute; right: 0;cursor: pointer;}
.hop h2 i::after {content: "-";position: absolute; font-style:normal;right: 0;cursor: pointer;display:none;}
.hop.active h2 i::before {display:none;}
.hop.active h2 i::after {display:block;}
.produiophow-right{width:100%;}#nber{height:auto;}
.pro_page .pro_main{display:block;}
.pro_page .prom_img{width:100%;}.pro_page .main_text {width: 100%;padding-left: 0%;}
.pro_main_title{font-size: 1.2rem;}.title-area .main-tit strong{ font-size:1.4rem;}
.slide-arrow{DISPLAY:NONE;}.erweimatitle-1{font-size: 1.2rem;}.erweimatitle-2{font-size: 1rem;}
.Technology .intro{padding-top:3rem;}.contaui-neoooio-yuanjing .intro{padding-top:3rem;} .contaui-neoooio-pa .Technology .image { width: 100%;margin:0;}
.yslist{grid-template-columns: repeat(1, 1fr);}.yslist{padding-top: 5%; }#lkop{grid-template-columns: repeat(1, 1fr);}.yslist .cn{font-size: 1.2rem;}
.yslist .num{ font-size:2rem;}.scrollarea2{margin-top:0;}.contaui-neoooio-pa .Technology .amplify::after{display:none;}
.Technology .amplify::after{display:none;}.gszl_l .hzTit h1{font-size: 1.2rem;}.gszl_l{border-right: 0px solid #f3f3f3; padding-right: 0;}
}

@media (max-width: 400px) {
.right-prosdu ul { grid-template-columns: 1fr; }
.foot-1 ul { grid-template-columns: repeat(2, 1fr); }
.title-area {}
.title-area h1.main-tit,
.title-area h2.main-tit { font-size: 1rem; }
.news ul{grid-template-columns: repeat(1, 1fr);}

}