@import url(font/siyuan.css);
a{text-decoration:none;color:inherit;outline: none;}
a:hover{text-decoration:none;color:#000}
body{margin: 0;}
body.show{overflow:hidden;background-color: #fff;}
html{font-size: 16px; font-family: "HarmonyOS Sans"; font-style: normal;font-weight: 500;}
h1, h2, h3, h4, h5, h6{margin:0;}
ul{margin:0;padding:0}
li{list-style:none}
pre{white-space:pre-wrap;overflow:hidden}
table{width:100%!important}
table td{border:1px solid #333}
iframe{width:100%!important}
.fl{float:left;}
.fr{float:right;}
.clear{clear: both;}
p{margin-bottom: 0;}
.flexbetweent{display: flex;justify-content: space-between;align-items: center}
.section{padding:72px 0}
.w100{width: 100%;margin: 0 auto;}
.w1600{width: 1600px;max-width: 100%;margin: 0 auto;}
.w1440{width: 1400px;max-width: 100%;margin: 0 auto;}
@media (max-width:1440px){
  .w1600{width: 1360px;}
}
@media (max-width:1200px){
  .w1600,.w1440{width: 1140px;padding-left: 20px;padding-right: 20px;}
}
@media (max-width:992px){
  .w1600,.w1440{width: 100%;}
}
@media (max-width:768px){
  body{font-size: 14px;}
  .w1600, .w1440{padding-left:10px;padding-right: 10px;}
}
.topbar{background:var(--c-primary);color:#fff;font-size:12px;height: 48px;line-height: 48px;width: 100%;padding:0 35px;box-sizing: border-box;}
.topbar_shop{gap:25px;width: 200px;}
.topbar_shop a{opacity:.85;display:inline-flex;align-items:center;gap:4px}
.topbar_shop a::before{content:"";width:12px;height:9px;border-radius:2px;opacity:.8}
.topbar_shop a[aria-current="true"]{opacity:1;font-weight:600}
.topbar_shop a:hover{opacity:1}
.header{position:sticky;top:0;z-index:100;background:#fff; box-shadow:2px 1px 4px rgba(0,0,0,.06);transition:box-shadow .3s var(--ease);}
.header.is-stuck{box-shadow:0 6px 20px rgba(20,40,60,.1)}
.headerinner{display:flex;align-items:center;gap:24px;height:90px;width: 100%;padding: 0 35px;box-sizing: border-box;justify-content: space-between;}
.brand{display:flex;align-items:center;gap:16px;color:var(--c-ink);flex:0 0 auto}
.brandlogo{display:flex;align-items:center;gap:8px;color:var(--c-primary)}
.nav{margin-left:0}
.navlist{display:flex;gap:34px}
.navlist a{ position:relative;display:block;padding:6px 0;font-size:16px;color:var(--c-ink); transition:color .2s var(--ease);}
.navlist a::after{content:"";position:absolute;left:50%;bottom:-6px;width:25px;height:3px;transform:translateX(-50%);transition:width .25s var(--ease);background:#b1bbc4;}
.navlist a:hover,.navlist a.is-active{color:var(--c-primary)}
.navlist a:hover::after,.navlist a.is-active::after,.navlist .active a::after{width:30px;background:var(--c-primary);}
.language{height: 25px;line-height:25px;background-color: #eeeeef;padding: 0;border-radius: 25px;width: 180px;}
.language i{display: inline-block;width: 24px;height: 24px;background: url(../images/language.png);}
.language a{color: #000;display: inline-block;font-size: 14px;padding: 0 8px;}
.language span{display: inline-block;padding: 0 5px;}
.mobile-nav{display:none;border-top:1px solid var(--c-line);background:#fff}
.mobile-nav a{display:block;padding:13px var(--gutter);border-bottom:1px solid var(--c-line);color:var(--c-ink);text-align: center;}
.headertools{display:none;align-items:center;gap:8px;margin-left:8px}
.icon-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--c-ink);transition:background .2s var(--ease)}
.icon-btn svg{width:20px;height:20px}
.icon-btn:hover{background:var(--c-primary-soft);color:var(--c-primary)}

.burger{display:none;width:34px;height:34px;padding:8px 6px;flex-direction:column;justify-content:space-between}
.burger span{display:block;height:2px;background:var(--c-ink);transition:transform .3s var(--ease),opacity .2s var(--ease);width: 20px;}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
@media (max-width:1200px){
  .navlist{gap:22px}
  .newsgrid{grid-template-columns:170px 280px 1fr;gap:30px}
}
@media (max-width:1120px){
  .section{padding:56px 10px;}
  .sectiontitle{font-size:28px}
  .brand{width: 80%;}
  .nav{display:none}
  .languageshow{display: none;}
  .burger{display:flex}
  .mobile-nav.is-open{display:block}
  .mobile-nav ul{padding-bottom: 30px;}
  .headertools{display: flex}
  .headerinner{height:66px;gap:12px;padding: 0 10px;}
  .language{margin: 15px auto;height: 40px;line-height: 40px;width: 190px;}
  .language a{border-bottom: none;}
}

@media (max-width:768px){
  .section{padding: 40px 10px;}
  .header{box-shadow:0 0 0 rgba(0,0,0,.06);}
}
.indexbanner,.indexbanner1{background:var(--c-bg-alt);position: relative;}
.indexbanner .swiper-slide,.indexbanner1 .swiper-slide{overflow:hidden; background:linear-gradient(115deg,#dfeaf1 0%,#eef4f8 42%,#f7fafc 100%);}
.indexbanner img,.indexbanner1 img{width: 100%;object-fit: cover;margin:auto;}
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev,.indexbanner1 .swiper-button-next,.indexbanner1 .swiper-button-prev{color: #FFF;}
.indexbanner .swiper-pagination-bullet,.indexbanner1 .swiper-pagination-bullet{width: 15px;height: 15px;border-radius:2px;background: transparent;border: 1px solid #fff;opacity:1}
.indexbanner .swiper-pagination-bullet-active,.indexbanner1 .swiper-pagination-bullet-active{background: #22a6f5;border: none;}

.about{background:#fff}
.about_grid{ display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
.about h2{ font-size:60px;font-weight:500;  color:#474747;letter-spacing:.06em;line-height:1.2;}
.about h3{font-size:36px;color:var(--c-primary);margin:18px 0 14px;font-weight: normal}
.about h3>b{font-weight: bold;padding-right: 15px}
.about_desc{color:#000;max-width:max-content}
.about_text{max-width: 610px;}
.about_text .btn{margin-top:46px;width: 150px;height: 38px;line-height: 38px;display: flex;justify-content: space-between;}
.about_text .btn span{display:inline-block;width: 20px;height: 20px;background:url(../images/arrow.png) no-repeat;}
.about_text .btn:hover{color: #fff;}
.about_figure{margin:0;position:relative}
.about_figure img{ width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius); box-shadow:var(--shadow-card);}
.about_figure{background:linear-gradient(140deg,#eef3f7,#dde7ee);}

img.is-missing{visibility:hidden}
figure.is-placeholder{min-height:180px;background:linear-gradient(140deg,#eef3f7,#dde7ee)}
.about_figure.is-placeholder img{opacity:0}

.feature_grid{ display:flex;margin-top:64px;padding-top:44px;}
.feature_grid li{border-right:1px solid var(--c-line);padding:0 30px;align-items: flex-start;}
.feature_grid li:nth-child(1){padding-left: 0;}
.feature_grid li:last-child{border-right: none;}
.feature_icon{  display:block;width: 90px;height: 66px; background-repeat:no-repeat;}
.feature_icon-helix{background-image:url("../images/indexaboutico.png");background-position: 0 0;}
.feature_icon-target{background-image:url("../images/indexaboutico.png");background-position: -163px 0;}
.feature_icon-factory{background-image:url("../images/indexaboutico.png");background-position: -374px 0;}
.feature_title{font-size:24px;font-weight:400;color:var(--c-ink);margin-bottom:8px;display: block;}
.feature p{flex: 1;color: #999}
@media (max-width:768px){
  .feature_grid{padding-top: 0}
  .feature{flex-wrap: wrap}
  .feature p{flex: auto;margin-top: 30px}
}
@media (max-width:640px){
.about_grid{display: block}
.about h2{font-size: 50px;}
.about h3{font-size: 28px;}
.about h3>b{display: block;}
.about_figure{margin-top: 46px;}
.feature_grid{flex-wrap: wrap;margin-top: 46px;}

.feature_grid li{padding: 0;margin-top: 20px;border-right:none;}
}
.chuangyi{background-color: #23a6f6;padding:42px 0 0;}
.chuangyi h3{display: flex;justify-content: center;align-items: center;}
.chuangyi span{font-size: 36px;color: #fff;padding-left: 30px;}
.chuangyi ul{padding: 25px 0;}
.chuangyi ul li{width: 20%;}
.chuangyi ul li img{width: 100%;object-fit: cover}
@media (max-width:768px){
  .chuangyi span{font-size: 28px;}
}
@media (max-width:640px){
.chuangyi h3{flex-wrap: wrap;}  
.chuangyi ul{flex-wrap: wrap;padding-left:10px;padding-right: 10px;}
.chuangyi ul li{width: 100%;padding-top: 10px;}
}

.product h3{font-size: 47px;font-weight: bold;color: #474747;text-align: center}
.product abbr{display: block;color: #474747;text-align: center}
.product hr{margin: 58px auto;}
.product ul{gap: 3%}
.product ul li{width: 30%;}
.product ul li h3{height:80px;line-height: 80px;text-align: center;background-color: #e5e5e5;border-radius: 20px;font-weight: normal;justify-content: center;}
.product ul li h3>span{display: inline-block;font-size: 36px;color: #474747;overflow: hidden;width: 100%;}
.product ul li h3>span::before{content:"▶";width: 20px;height: 45px;margin-right: 20px;display: none;}
.product ul li h3>span::after{content:"◀";width: 20px;height: 45px;margin-left:10px;display: none;}
.product ul li img{margin-top: 20px;width: 100%;}
.product ul li:hover h3{background-color: #23a6f6;}
.product ul li:hover h3>span,.product ul li:hover a{color: #fff;}
.product ul li:hover h3>span::before,.product ul li:hover h3>span::after{display: inline-block;}
@media (max-width:768px){
.product h3{font-size: 36px}
.product ul{flex-wrap: wrap;padding: 0 10px; gap: 0}
.product ul li{width: 100%;margin-bottom: 20px;}
.product ul li h3>span{font-size: 30px;}
}
.indexnews ul{gap: 30px;margin-bottom: 40px;}
.indexnews .nleft{width: 15%;margin-top: 180px;}
.indexnews .nleft h3{font-size: 50px;color: #474747;font-weight: normal;line-height: 60px;}
.indexnews .nleft h3 span{display: block;}
.indexnews .nleft ul{margin-top: 60px;}
.indexnews .nleft ul li{width: 80%;height:45px;line-height: 45px;background-color: #e5e5e5;text-align: center;}
.indexnews .nleft ul li a{color: #474747;display: block;font-size:22px}
.indexnews .nleft ul li:nth-child(2){background-color: #23a6f6;margin-top: 20px;}
.indexnews .nleft ul li:nth-child(2) a{color: #fff;}
.indexnews .ncenter{width: 35%;height: 475px;overflow: hidden;}
.indexnews .nright{width:50%;}
.indexnews .nright ul li{height: 33%;border-bottom:1px solid #e8e8e8;overflow: hidden;justify-content: flex-start;padding: 20px 0;}
.indexnews .nright ul li span{display: block;color: #474747;font-size: 60px;font-weight: bold;line-height: 50px;font-family: 'Bebas Neue';text-align: center;}
.indexnews .nright ul li span b{font-size: 60px;display: block;}
.indexnews .nright ul li span>abbr{display: block;color: #474747;font-size: 16px;}
.indexnews .nright ul li p{margin-left: 30px;line-height: 30px;}
.indexnews .nright ul li p>a{display: block;font-size: 24px;color: #474747;}
.indexnews .nright ul li desc{color: #999;font-size: 16px;display: block;height: 70px;}
@media (max-width:1200px){
  .indexnews ul{padding: 0 10px;}
}
@media (max-width:992px){
  .indexnews .nleft{width: 25%;}
  .indexnews .nright ul li p>a{font-size: 18px;}
}
@media (max-width:768px){
.indexnews ul{gap: 0;flex-wrap: wrap;padding: 0 10px}
.indexnews .nleft{width: 100%;margin-top: 0;display: flex;justify-content: space-between;margin-bottom: 40px;}
.indexnews .nleft h3{width: 30%;height: auto;font-size: 45px}
.indexnews .nleft h3 span{display: inline-block}
.indexnews .nleft ul{width: 66%;margin-top: 0;display: flex;justify-content: space-around}
.indexnews .nleft ul li{width: 45%;margin-top: 25px;}
.indexnews .nleft ul li:nth-child(2){margin-top: 25px;}
.indexnews .ncenter{height: auto;margin-bottom: 30px;}
.indexnews .nright{width:60%;}
.indexnews .nright ul li p>a{font-size: 20px;line-height:30px;height: 60px;overflow: hidden;}
.indexnews .nright ul li desc{line-height: 25px;height: 72px;overflow: hidden;}
}
@media (max-width:640px){
.indexnews .nleft{margin-bottom: 15px;}  
.indexnews .nleft ul{width: 70%;justify-content: space-between;}
.indexnews .nleft h3{font-size: 34px;line-height: 35px;}
.indexnews .nleft ul li a{font-size: 18px;}
.indexnews .ncenter{width: 100%;}
.indexnews .nright{width: 100%;}
.indexnews .nright ul li p>a{font-size: 18px;}
.indexnews .nright ul li desc{margin-top: 10px;}
}
footer{padding:100px 0 60px 0;background-color: #1c1c1c;}
footer ul{width: 100%;}
footer ul li{gap: 3%;align-items: baseline !important;flex: 1;}
footer ul li:nth-child(2){text-align: right;justify-content: end;align-items: flex-end !important;}
footer ul li:nth-child(2) img{display: block;}
footer ul li:nth-child(2) p>a{display: flex;height:50px;line-height: 50px;width: 175px;text-align: center;background-color: #22a7f6;border-radius: 5px;color: #fff;align-items: center;justify-content: center;}
footer ul li:nth-child(2) i{display: inline-block;width:19px;height: 26px;background: url(../images/tel.png) no-repeat;}
footer ul li:nth-child(2) span{display: inline-block;font-size:20px;margin-left: 10px;}
footer ul li:nth-child(2) abbr{display: block;color: #dcdcdc;font-size: 20px;text-align: center;margin-top: 20px;}
footer dl dt{font-weight: bold;font-size: 20px;color: #fff;margin-bottom: 20px}
footer dl dd{margin: 10px 0;}
footer dl dd a,footer dl dd a:hover{color: #fff;}

@media (max-width:992px){
  footer ul{flex-wrap: wrap;padding: 0 10px}
  footer ul li{width: 100%;gap: 0;flex: auto;}
  footer ul li:nth-child(2){justify-content: center;}
  footer ul li:nth-child(2) img{margin-left: 40px;}
}
@media (max-width:640px){
  footer ul li{flex-wrap: wrap;justify-content: flex-start !important;}
  footer dl{width: 33%;}
  footer ul li:nth-child(2){margin-top: 30px;justify-content: center !important;}
  footer ul li:nth-child(2) img{margin-left: 15px;}
}
@media (max-width:360px){
footer ul li:nth-child(2) img{margin-left: 10px;}
}
.indexaddress{border-top: 1px solid #656565;border-bottom: 1px solid #656565;margin: 60px auto;padding: 70px 0;}
.indexaddress address{color: #fff;font-size: 24px;}
.indexaddress address i{display: inline-block;width: 68px;height: 68px;background: url(../images/address.png) no-repeat;background-size: contain;}
.indexaddress address b{color: #fff;display: block;line-height: 30px;margin-left: 20px;}
.indexaddress address abbr{font-size: 18px;color: #fff;display: block;font-weight: normal;}
.indexaddress i{display: block;width: 64px;height: 63px;background: url(../images/up.png);}
@media (max-width:992px){
  .indexaddress{padding: 70px 20px;}
}
@media (max-width:640px){
  .indexaddress{padding: 40px 5px;}
  .indexaddress address{font-size: 18px;}
  .indexaddress address abbr{font-size: 16px;}
.indexaddress i{display: none}
}
.copyright{color: #fff;text-align: right;}
.copyright a{color: #fff;}
@media (max-width:640px){
  .copyright{text-align: center}
}
.prolist{}
.prolist h3{font-size: 36px;margin-bottom: 40px;padding-top: 5px}
.prolist .left{width: 15%;float: left;}
.prolist .left label{color: #000;font-size: 18px;}
.prolist .left summary{border: 1px solid #b1bbc4;border-radius: 5px;line-height: 40px;padding: 0 20px;box-sizing: border-box;}
.prolist .left summary span{display: inline-block;color: #000;}
.prolist .left summary i{display: inline-block;width:10px;height: 17px;background: url(../images/down.png) no-repeat;}
.prolist .left .fenlei{padding:20px;}
.prolist .left .fenlei ul {gap: 10px;flex-wrap: wrap}
.prolist .left .fenlei ul li{width: 100%;}
.prolist .left .fenlei ul li a{color: #4c4c4c;font-size: 15px;}
.prolist .left .fenlei ul li span{color:rgba(76,76,76,0.5);font-size: 14px;}
.prolist .left .shuxing{border: 1px solid #b1bbc4;border-radius: 5px;line-height: 35px;padding: 0 20px;box-sizing: border-box;margin-top: 10px;}
.prolist .left .shuxing a{display: flex;align-items: center}
.prolist .left .shuxing span{padding-left: 5px}


.prolist .right{width: 80%;float: right;margin-bottom: 70px;}
.prolist .right ul {gap: 30px;width: 100%;}
.prolist .right ul li{width: 32%;height:520px;background-size: cover;background-position: top center;background-repeat: no-repeat;border-radius: 10px;padding: 20px;
  justify-content: center;align-items: last baseline;text-align: center}
.prolist .right .liblock{display: flex;height: 80px;width:100%;align-items: flex-end;justify-content: center;flex-wrap: wrap}  
.prolist .right ul li a{display: block;transition: all ease 0.3s;height: 100%;display: flex;align-items: flex-end;}
.prolist .right ul li p{font-size: 24px;color: #333;width: 100%;}  
.prolist .right ul li span{display:block;color:#333;width: 100%;}
.prolist .right ul li:hover a{transform: translateY(-10px)}
@media (max-width:992px){
  .prolist .left,.prolist .right{float: none;width: 100%;}
}
@media (max-width:768px){
.prolist .right ul{gap: 30px;flex-wrap: wrap;}
.prolist .right ul li{width: 100%;}
}

.prolist .rightview{width: 80%;float: right;margin-bottom: 70px;}
.prolist .rightview ul {gap: 30px;width: 100%;flex-wrap: wrap;}
.prolist .rightview ul::after{content:"";width: 31%;display: block;}
.prolist .rightview ul li{width: 31%;padding: 30px;text-align: center;background-color: #f3f3f1;}
.prolist .rightview ul li .pimg{height: 300px;width: 100%;}
.prolist .rightview ul li .pimg img{transition: all ease-in 0.5s;}
.prolist .rightview ul li:hover .pimg img{transform: scale(1.1);}
.prolist .rightview ul li a{display: block;}
.prolist .rightview ul li p{font-size: 20px;color: #333;transition: all ease 0.3s;text-align: left;height: 70px;overflow: hidden;display: flex;align-items: end;}  
.prolist .rightview ul li:hover p{transform: translateY(-10px)}
.rightview .canshu ul{flex-wrap: wrap;gap: 20px;display: flex;justify-content: flex-start;}
.rightview .canshu ul li{border-radius: 20px;box-shadow:0 6px 20px rgba(20,40,60,.1);width: auto;height: auto;margin-top: 10px;}
.rightview .canshu ul li p{padding: 0 10px;border-top:none;}
@media (max-width:992px){
  .prolist .left,.prolist .rightview{float: none;width: 100%;}
}
@media (max-width:768px){
.prolist .rightview ul{gap: 30px;flex-wrap: wrap;}
.prolist .rightview ul li{width: 100%;}
}

.nbanner{height: 700px;justify-content: start;background-size: cover;background-position: right center !important;}
.nbanner .txt p{color:rgb(42, 179, 181);font-size: 60px;display: block;}
.nbanner .txt p::after{content:"";display: block;width: 80px;height: 6px;background-color: rgb(42, 179, 181);margin-top: 1px;}
.proview{gap: 8%;    align-items: flex-start;}
.proview .leftview{width: 38%;}
.view {	max-width: 100%;border: 1px solid #d8d8d8;}
.view .swiper-slide {height: 500px;max-width: 100%;box-sizing: border-box;overflow: hidden;text-align: center;display: flex;align-items: center;justify-content: center;background-color:#f3f3f3;}
.view .swiper-slide img {object-fit:cover;width: 100%;}
.view .arrow-left {position: absolute;	left: 10px;	width: 28px;height: 300px;z-index: 10;display: none;}
.view .arrow-right {position: absolute;right: 10px;width: 28px;height: 300px;	z-index: 10;	display: none;}
.preview {position: relative;width: 100%;}
.preview .arrow{margin:20px auto;}
.preview .arrow span{font-size: 20px;color: #000;}
.preview .arrow span:nth-child(2){width: 100px;}
.preview .swiper-slide {width: 115px;height: 90px;	margin: 0 3px;box-sizing: border-box;	overflow: hidden;cursor: pointer;border: 1px solid #d8d8d8;}
.preview .swiper-slide img {display: inline-block;height: 100%;width: 100%;object-fit: cover;}
.preview .active-nav {border: 1px solid #818181;}
.preview .arrow-left {background: #e5e5e5 no-repeat left center; color:#666;width: 40px;height: 40px;z-index: 10;font-size: 14px;border-radius: 5px;justify-content: center;}
.preview .arrow-right {background: #23a6f6 no-repeat right center; color:#fff;width: 40px;height: 40px;z-index: 10;font-size: 14px;border-radius: 5px;justify-content: center;}
.proview .rightview{flex: 1;}
.proview .rightview h1{color:#4c4c4c;font-size: 36px;margin: 40px 0 20px 0;line-height: 45px;}
.proview .rightview p{padding: 20px 0;border-top: 1px solid #d8d8d8;}
.proview .rightview label{color:#4c4c4c;margin-bottom: 10px;margin-top: 15px;}
.proview .pposition,.proview .pposition a{color: #4c4c4c;}
.proview ul {flex-wrap: wrap;width: 100%;justify-content: flex-start;gap: 10px;}
.proview ul li{width: 50px;height: 40px;overflow: hidden;border: 1px solid #d8d8d8;}
.proview ul li img{width: 100%;height:100%;object-fit: cover;}
.proview ul li:hover{border: 1px solid #1c1c1c;}
.proview dl{gap: 20px;justify-content: flex-start;}
.proview dl dd{padding: 5px 15px;background-color: #e5e5e5;color: #504f4f;font-weight: 300;}
.proview dl dd:hover,.proview dl .dd:active{background-color: #22a6f5;color: #fff;cursor: pointer;}
.proview .sharelist{justify-content: flex-start;margin-top: 0px;}
.proview .share{margin-left: 20px;justify-content: flex-start;gap: 20px;}
.proview .share a{display: inline-block;}
.proview .share a>i{display: inline-block;width: 33px;margin-top:15px;height: 25px;background: url(../images/share.png) center no-repeat;background-position: 0px 0;}
.proview .share a:nth-child(2)>i{background-position: -50px 0;}
.proview .share a:nth-child(3)>i{background-position: -97px 0;}
.proview .share a:nth-child(4)>i{background-position: -144px 0;}
.proview .share a:nth-child(5)>i{background-position: -203px 0;}
.proview .pa{justify-content: flex-start;margin-top: 20px;}
.proview .download{width: 160px;height: 54px;line-height: 54px;border-radius: 5px;text-align: center;background-color: #e5e5e5;display: inline-block;margin-right: 15px;}
.proview .download a{color: #000;display: block;}
.proview .contact{width: 160px;height: 54px;line-height: 54px;border-radius: 5px;text-align: center;background-color: #23a6f6;display: inline-block;}
.proview .contact a{color: #fff;display: block;}
.pview h3{height: 50px;line-height: 50px;border-bottom: 1px solid #d8d8d8;}
.pview h3 span{width: 160px;height: 50px;text-align: center;display: block;color: #fff;font-size: 24px;background-color: #23a6f6;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.pview .content{padding: 30px 0;line-height: 30px;}
.pview .content table{max-width: 80%;}
.pview .content table tr td{height: 50px;border: 1px solid #eee;line-height: 50px;padding: 0 20px;}
.pview .content table tbody tr:nth-child(odd) { background: #e5e5e5;}
.pview .content table tbody tr:nth-child(even) { background: #fff;}
.pview .content table tbody tr:hover { background: #23a6f6;}
.pview .content table tbody tr:hover td{color: #fff;}
.pview .content .firstRow{background: #23a6f6 !important;color: #fff;background-color: #23a6f6;}
.pview .content p{line-height: 30px;}
.realtionpro{position: relative;padding-bottom: 70px;}
.realtionpro h5{font-size: 32px;color: #000;text-align: center;font-weight: normal;margin-bottom: 40px;}
.realtionpro .swiper-slide{background-color:#f3f3f3;padding: 20px;}
.realtionpro .pimg{height: 300px;width: 100%;}
.realtionpro .pimg img{transition: all ease-in 0.5s;}
.realtionpro .swiper-slide:hover .pimg img{transform: scale(1.1);}
.realtionpro a{display: block;}
.realtionpro p{font-size: 20px;color: #333;transition: all ease 0.3s;text-align: left;height: 70px;overflow: hidden;display: flex;align-items: end;}  
.realtionpro .swiper-slide:hover p{transform: translateY(-10px)}
.realtionpro  .swiper-pagination{margin-top: 40px;}
.realtionpro  .swiper-pagination-bullet {width: 20px;   height: 20px;  text-align: center;   line-height: 20px;  font-size: 12px;  color: #000;  opacity: 1;  background:#fff;border-radius: 5px;border: 1px solid #d8d8d8;}
.realtionpro  .swiper-pagination-bullet-active{border: 1px solid #d8d8d8;background-color: #22a6f5;}
@media (max-width:1200px){
.nbanner{height: auto;padding: 10% 0;background-repeat: no-repeat;}  
.nbanner .txt p{font-size: 26px;}   
.proview{gap: 3%;}  
.proview .leftview{width:47%}
}
@media (max-width: 768px) {
 
.proview{gap: 0%;flex-wrap: wrap;} 
.proview .leftview,.proview .rightview{width:100%}
.proview .leftview{order:2;margin-top: 20px;}
.proview .rightview{order:1;}
.view .swiper-slide{height: 400px;}
.pview .content table{max-width: 100% !important;}
}

.contact{gap: 3%;align-items: first baseline;}
.contact .left{width: 47%;}
.contact .right{width: 47%;}
.contact .left h3{font-size: 36px;color: #000;}
.contact .left label{color: #b2b2b2;display: block;margin-top: 20px;margin-bottom: 0;}
.contact .left p{height: 60px;line-height: 60px;border-bottom: 1px solid #e5e5e5;color: #000;font-size: 20px;}

.contact .right p{color: #4c4c4c;}
.contact .right p>span{color: #23a6f6;}
.contact .right ul{width: 100%;flex-wrap: wrap;margin-top: 15px;}
.contact .right ul li{width: 47%;height:105px;border-bottom: 1px solid #d8d8d8;}
.contact input{display:flex;border: none;align-items: center;padding: 0 10px;color:#1c1c1c;width: 100%;outline: none;height: 100%;}
.contact input::placeholder{color: #b2b2b2;}
.contact textarea{width: 100%;height: 100%;border: none;padding: 10px;box-sizing: border-box;}
.contact textarea::placeholder{color: #b2b2b2;}
.contact .submit{display: block;width: 145px;height: 45px;line-height: 45px;text-align: center;background: #22a6f5;color: #fff;margin-top: 40px;border-radius: 5px;}
@media (max-width: 768px) {
  .contact{flex-wrap: wrap;}
  .contact .left h3{font-size: 26px;}
.contact .left,.contact .right{width: 100%;}
.contact .right{margin-top: 50px;}
.contact .right ul li{width: 100%;}
}

.shop{margin-top: 30px;}
.shop h3{font-size: 36px;color: #000;}
.shop ul{gap: 1%;margin-top: 30px;}
.shop ul li{width: 32%;background-color:#f7f7f7;padding:50px 0;display: flex;justify-content: center;align-items: center;text-align: center;}
.shop ul li .pimg{transition: all ease-in 0.5s;}
.shop ul li img{display: block;}
.shop ul li p{font-size: 20px;color: #000;margin-top: 10px;}
.shop ul li:hover .pimg{transform:translateY(-10px)}

.aboutview{gap: 2%;align-items:flex-start;}
.aboutview h3{font-size: 36px;font-weight: 500;color: #000;}
.aboutview .left{width: 40%;}
.aboutview .right{width: 55%;}
.aboutview .left p{color: #000;margin: 20px auto 30px auto;}
.aboutview .left ul{margin-top: 10px;flex-wrap: wrap;gap: 30px;}
.aboutview .left ul li{border-bottom: 1px solid #d8d8d8;padding: 12px 0;justify-content: flex-start;align-items:flex-start;}
.aboutview .left ul li i{display: block;width:85px;height: 30px;background-image: url(../images/aboutico1.png);margin-top: 10px;}
.aboutview .left ul li:nth-child(1) i{background-position: 0 0;}
.aboutview .left ul li:nth-child(2) i{background-position: -39px 0;}
.aboutview .left ul li:nth-child(3) i{background-position: -77px 0;}
.aboutview .left .txt{margin-left:10px;}
.aboutview .left .txt b{font-weight: normal;font-size: 24px;color: #000;display: block;}
.aboutview .left .txt span{display: block;color: #000;margin-top: 10px;width: 80%;line-height: 25px;}
.aboutview .right img{width: 100%;}
.aboutview .right ul{width: 100%;margin-top: 30px;}
.aboutview .right ul li{width: 48%;overflow: hidden;}
.aboutlist h3{font-size: 36px;font-weight: 500;color: #000;text-align: center;}
.aboutlist p{line-height: 30px;color: #000;text-align: center;padding:20px;width: 55%;margin: 0 auto;}
.aboutlist ul{flex-wrap: wrap;gap: 1%;}
.aboutlist ul li{width: 32%;margin-top: 30px;}
@media (max-width: 992px) {
 .aboutview{flex-wrap: wrap;gap: 0;}
 .aboutview .left,.aboutview .right{width: 100%;}
 .aboutview .left{order: 2;}
 .aboutview .left h3{font-size: 30px;}
 .aboutview .right{order: 1;text-align: center;}
 .aboutview .right img{margin:0 auto 20px auto;}
 .aboutlist h3{font-size: 30px;}
}
@media (max-width: 768px) {
   .aboutlist h3{font-size: 24px;}
  .aboutlist ul li{width: 48%;}
}
@media (max-width: 640px) {
  .aboutview .left ul li i{width: 120px;}
  .aboutview .left .txt b{font-size: 22px;}
  .aboutlist p{width: 100%;}
  .aboutlist p>span{display: block;}
}

 .aboutmenu{border-bottom: 1px solid #eee;height: 80px;}
 .aboutmenu ul{justify-content: center;gap: 30px;display: flex;}
 .aboutmenu ul li{text-align: center;float:left;height: 80px;line-height: 80px;}
 .aboutmenu ul li a{display: inline-block;height:40px;line-height:40px;border-right: 1px solid #eee;font-size: 1rem;border-radius: 5px;border:1px solid #d8d8d8;padding: 0 15px;}
 .aboutmenu ul li:hover a,.aboutmenu .active a{background: #22a6f5;color: #fff;}

.newslist ul{align-items: flex-start;gap: 2%;flex-wrap: wrap;}
.newslist ul::after{content:"";width: 23%;flex: 1;}
.newslist ul li{width: 23%;margin-bottom: 30px;}
.newslist ul li .pimg{height: 240px;width: 100%;overflow: hidden;justify-content: center;border-radius: 20px;border: 1px solid #d8d8d8;}
.newslist ul li .pimg img{max-width:max-content;height: 100%;transition: all ease-in 0.5s;object-fit: cover;}
.newslist ul li span{display: block;color:#656565;font-size: 14px;margin-top: 15px;}
.newslist ul li p{display: block;font-weight: bold;color: #000;margin-top: 5px;margin-bottom: 5px;}
.newslist ul li abbr{line-height:25px;display: block;color: #1c1c1c;font-size: 14px;}
.newslist ul li aside{display: block;color: #22a7f6;margin-top: 5px;}
.newslist ul li aside::after{content:"";padding-bottom:5px;display: block;border-bottom: 1px solid #22a6f5;width: 30px;}
.newslist ul li:hover .pimg img{transform: scale(1.1);}
@media (max-width:768px){
  .newslist ul li{width: 48%;}
}
@media (max-width:640px){
  .newslist ul li{width: 100%;}
}
.newsview .nposition{height: 60px;line-height: 60px;font-size: 14px;color: #000;}
.newsview .nposition a{color: #000;}
.newsview .content h1{text-align: center;margin: 10px auto;color: #000;}
.newsview .content abbr{display: block;text-align: center;color:#333;margin-bottom: 10px;}
.newsview .content p{line-height: 25px;color: #1c1c1c;}
.newsview .content img{max-width: 100% !important;margin:10px auto;} 
.newsview .renews{margin-top: 20px;margin-bottom: 20px;border-top: 1px solid #f2f2f2;}
.newsview .renews ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:1rem;}
.newsview .renews ul li{width: 50%;text-align: left;color: #808080;}
.newsview .renews ul li abbr{display:inline-block;margin-bottom: 0.5rem;color: #0e3482;font-family: "MiSans-regular";padding-right: 10px;}
.newsview .renews ul li a{color: #808080;display: inline-block;font-family: "MiSans-regular";}
.newsview .renews ul li:hover a{color: #0e3482;}
@media (max-width:640px){
  .newsview .renews ul li{width: 100%;}
  .newsview .renews ul li abbr{margin-bottom: 0;display: block;}
  .newsview .renews ul li a{display: block;margin-bottom: 5px;}
  .newsview .content p{font-size: 14px}
}
.honorlist{clear: both;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin: 40px auto;overflow: hidden;}
.honorlist ul{padding:0 0;box-sizing: border-box;width: 100%;flex-wrap: wrap;gap: 20px;flex: 1;overflow: hidden;}
.honorlist ul::after{content:"";display: block;width: 32%;}
.honorlist ul li{width: 24%;background-color: #f5f5f5;padding:5px;box-sizing: border-box}
.honorlist ul li .pimg{height: 310px;max-width:100%;overflow: hidden;}
.honorlist ul li img{height: 100%;object-fit:cover;transition: all 0.5s ease-in;margin: 0 auto;}
.honorlist ul li:hover img{transform: scale(1.1);transition: all 0.5s ease-in;}
.honorlist ul li  p{font-size: 1rem;text-align: center;height: 60px;line-height: 60px;text-transform: capitalize;overflow: hidden;}
.honorlist ul li p>a{color: #333;font-family: "MiSans-Regular";}
.honorlist ul li:hover p>a{color: #0e3482;}
@media (max-width:768px){
    .honorlist ul li{width: 48%;}
}
@media (max-width:640px){
    .honorlist ul li{width: 100%;}
}
.pagination{margin:30px auto 40px auto;}
.pagination .screen-reader-text{display:none}
.pagination .nav-links{display:flex;justify-content:center}
.pagination .nav-links .pre{background-color: #a3a3a3;}
.pagination .nav-links .page-num{width:40px;height:40px;border-radius:50%;border:1px solid #eee;display:flex;justify-content:center;align-items:center;margin:0 5px;font-size:20px;color: #4c4c4c;;background-color: #f5f5f5;}
.pagination .nav-links .page-num-current{background-color:#fff;color:#000}
.pagination .nav-links .next{background-color: #000;color: #fff;}
@media (max-width:768px){
    .pagination .nav-links .page-num{font-size:14px;width:30px;height:30px}
}