@charset "utf-8";
html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}

body::-webkit-scrollbar { width:2px;}
body::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
body::-webkit-scrollbar-thumb { background: #55cbcd;}
img{ border:0; max-width: 100%; }
input,button,a { outline: none;}


.productTit .cn{font-size:25px;}
.productTit .en{font-size:14px;color:#999;margin-top:5px;}


/* 产品列表链接独立样式 */
.productList a {
  text-decoration: none !important;
  color: #000 !important;
  display: block;
  text-align: center;
}

.productList a:hover {
  color: #ffffff !important;
}

/* 产品标题文字居中、间距优化 */
.productList p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.4;
}
.plist a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #000;
}
.plist a:hover {
  color: red;
}
.plist p {
  margin: 6px 0 0;
  font-size: 14px;
}

.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:''; display:block; height:0; clear:both;}




div { box-sizing:border-box;}
.dn { display: none;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.5);}
.fcc {display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.fsc {display: flex;display: -webkit-flex;justify-content: flex-start;align-items: center;}
/*通用样式*/
.container { width: 1400px; margin: 0 auto;}




/**波浪**/
.wave-box { position: relative; pointer-events: none; height: clamp(0px, calc(100vw*0.0772), 60px); overflow: hidden;}
.banner .wave-box { position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%;}
.wave-box .wave { display: block; position: absolute; left: 0; top: 0; transform: translateX(0%); width: 400%; height: 100%; background: url(../images/wave1.png) repeat-x left top;}
.wave-box .wave1 { opacity: 1; animation: FRipple 12s 0s linear infinite;}




/*产品与方案*/
.insideBanner { height: 600px; position: relative;}
.insideBanner img { width: 100%; height: 100%; object-fit: cover;}
.insideBanner::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.productEnter { position: relative; z-index: 3; margin: -157px auto 30px;}
.productEnter ul{ display: flex; justify-content: space-between;}
.productEnter li { transition: all .5s; background-image: linear-gradient(to right bottom,#f9f9f9,#dbdbdb); height: 217px; width: 24.5%; display: flex; align-items: center; justify-content: center;}
.productEnter li p { font-size: 18px; font-weight: bold; color: #222222;}
.productEnter li img { display: block; margin: 0 auto 30px; transition: all .5s; }
.productEnter li:hover img { transform: rotateY(360deg);}
.productEnter li a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; flex-direction: column;}
.productEnter li:hover,.productEnter li.cur { box-shadow: 0 0 24px rgba(0,0,0,0.46);}
.productPage { background: #fafafa;}
.productTit { text-align: center; position: relative; font-weight: bold; color: #333333; line-height: 90px;}
.productTit::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 65px; height: 3px; background:#55cbcd;}
.proMenu { background: #ffffff; padding: 10px 26px 32px; float: left; width: 330px;}
.proMenu a { transition: all 0.3s; font-size: 16px; color: #333333; display: block; position: relative; line-height: 70px; border-bottom: 1px solid #cccccc; text-indent: 11px;}
.proMenu a::after { content: ''; background: url(../images/promenuIcon.png) center no-repeat; width: 13px; height: 14px; position: absolute; right: 9px;
top: 50%; transform: translateY(-50%); transition: all 0.5s;}
.proMenu a:hover {color:#55cbcd ;}
.proMenu a:hover::after { transform: translateY(-50%) rotate(360deg); background: url(../images/moreIcon.png) center no-repeat;}
.proMenu a::before { content: '';  transition: all 0.5s; width: 0; position: absolute; bottom: -1px; left: 0; height: 1px; background:#55cbcd;}
.proMenu a:hover::before { width: 100%;}

.proMenu a.cur::after { background: url(../images/promenuIcon.png) center no-repeat;}
.productList li { transition: all 0.5s; background: #ffffff; float: left; width: 32%; margin-right: 2%; margin-bottom: 2%;}
.productList li:nth-child(3n) { margin-right: 0;}
.productList { padding-bottom: 5vw; float: right; width: calc(100% - 350px);}
.productPic {overflow: hidden; position: relative; padding-top: 91.6%;}
.productPic img { transition: all 0.5s; max-width: 100%; max-height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.productList li p { font-size: 16px; color: #333333; line-height: 62px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; text-align: center;
padding: 0 10px;}
.productList li:hover { box-shadow: 0 0 16px rgba(0,0,0,0.1);}
.productList li:hover img { transform: translate(-50%,-50%) scale(1.1);}

.productList ul { margin-bottom: 40px;}
.productBox { margin-top: 50px;}
/*产品详情*/
.productDetailBanner { position: relative; z-index: 1.1;}
.productBanner { background: url(../images/detailBg.jpg) center no-repeat; background-size: cover; padding: 9.95vw 0 8vw; position: relative;}
.productBanner::after { content: ''; position: absolute; top: 0; width: 100%; left: 0; height: 50%; background-image: linear-gradient(to bottom,rgba(0,0,0,.23),rgba(0,0,0,0));}
.picCont { float: left; width: 620px;}
.bigPic img{ height: 440px; max-width: 100%; object-fit: cover; display: block; margin: 0 auto;}
.bigPic { margin-bottom: 85px;}
.smallPic { padding: 0 35px;}
.smallPic .swiper-slide { cursor: pointer; opacity: .16;}
.smallPic .swiper-slide.cur { opacity: 1;}
.descTit { margin-top: 30px;}
.descTit span { font-size: 20px; color:  #333333; display: block; line-height: 1; margin-bottom: 15px;}
.descTit p { font-size: 20px; font-weight: bold; color: #222222; line-height: 56px;}
.descTit {margin-bottom: 32px; border-bottom: 1px solid #babdbf; padding-bottom: 32px;}
.descList p { position: relative; padding-left: 20px; font-size: 16px; color: #333333; line-height: 26px; margin-bottom: 16px;}
.descList p:last-child { margin-bottom: 0;}
.descCont { float: right; width: calc(100% - 715px);}
.descList { padding-bottom: 42px;}
.descList p::after { content: ''; position: absolute; background: #000000; width: 6px; height: 6px; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%);}
.descBtn a { overflow: hidden; position: relative; box-sizing: border-box; display: inline-flex; width: 185px; line-height: 60px; justify-content: space-between; align-items: center;}
.descBtn a.goBuy { margin-right: 18px; padding: 0 28px 0 33px; border: 1px solid #55cbcd; border-radius: 60px;}
.descBtn a.goBuy span { transition: all 0.5s; z-index: 2; position: relative; font-size: 16px; color: #ffffff;}
.descBtn a.goBuy::after { transition: all 0.5s; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:#55cbcd ;}
.descBtn a.goBuy:hover::after { left: 100%;}
.descBtn a.goBuy:hover span { color: #55cbcd;}
.descBtn a.goBuy i { display: block; background: url(../images/moreIconCur.png) center no-repeat; width: 13px; transition: all 0.5s; height: 14px; position: relative; z-index: 2;}
.descBtn a.goBuy:hover i { background: url(../images/moreIconCur.png) center no-repeat; transform: rotate(360deg);}
.descBtn a.videoEnter { padding: 0 22px 0 33px; border: 1px solid #55cbcd; border-radius: 60px;}
.descBtn a.videoEnter span { transition: all 0.5s; z-index: 2; position: relative; font-size: 16px; color: #55cbcd;}
.descBtn a.videoEnter::after { transition: all 0.5s; content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background:#55cbcd ;}
.descBtn a.videoEnter:hover::after { width: 100%;}
.descBtn a.videoEnter:hover span { color: #ffffff;}
.descBtn a.videoEnter i { display: block; background: url(../images/playBtn.png) center no-repeat; width: 23px; transition: all 0.5s; height: 23px; position: relative; z-index: 2;}
.descBtn a.videoEnter:hover i { background: url(../images/playBtnon.png) center no-repeat; transform: rotate(360deg);}
.playBtn { cursor: pointer; display: block; background: url(../images/playBtnons.png) center no-repeat; background-size: 100% auto; width: 60px; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); transition: all 0.5s; height: 60px; position: relative; z-index: 2;}
.playBtn:hover { background: url(../images/playBtnons.png) center no-repeat; transform: translate(-50%,-50%) rotate(360deg); background-size: 100% auto;}
.descBtn { border-top: 1px solid #bebfc2; padding-top: 42px;}
.videoAlt video { display: block; max-width: 100%; max-height: 70vh; object-fit: cover; margin: 0 auto;}
.closeVideo { cursor: pointer; transition: all .5s; background: url(../images/close.png) center no-repeat; width: 40px; height: 40px; display: block; position: absolute; right: 0; top: -60px;}
.closeVideo:hover { transform: rotate(360deg);}
.videoAlt { display: none; z-index: 100; width: 600px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 90%;}
#videoCover { position: fixed; left: 0; top: 0; width:100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 99; display: none;}
.detailTitle { border-bottom: 1px solid #ededed;}
.detailTitle h2 { position: relative; display: inline-flex; font-weight: bold; font-size: 20px; line-height: 3; color: #333333;}
.detailTitle h2::after { content: ''; width: 100%; height: 3px; background: #55cbcd; position: absolute; bottom: -1px; left: 0;}
.detailCont { margin: 54px auto 50px;}
.detailInfor img {max-width: 100%; display: block; margin: 0 auto;}
.detailInfor { margin-top: 4vw;}
.plist li { transition: all 0.5s; position: relative; float: left; width: 24%; margin-right: 1.33333%;}
.plist li:nth-child(4n) { margin-right: 0;}
.plist li p { transition: all 0.5s; position: relative; z-index: 2; font-size: 16px; text-align: center; line-height: 66px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; 
padding: 0 10px; color: #333333;}
.plist li::after { content: ''; pointer-events: none; position: absolute; width: 100%; background-image: linear-gradient(to bottom,rgba(85, 203, 205, 0.05),rgba(85, 203, 205, 1)); left: 0; bottom: 0; height: 0; transition: all 0.5s;}
.plist li:hover::after { height: 100%;}
.plist li:hover p { color: #ffffff; transform: translateY(-22px);}
.plist li:hover { box-shadow: 0 0 24px rgba(0,0,0,0.08);}
.plist li:hover img { transform:translate(-50%,-50%) scale(1.1);}
.plist ul { margin: 50px auto 120px;}
.smallMenu { margin-top: 50px; display: flex; align-items: center;}
.smallMenu a span { position: relative; z-index: 2;}
.smallMenu a { margin-right: 15px; transition: all .5s; position: relative; overflow: hidden; font-size: 16px; display: inline-flex; line-height: 46px; padding: 0 40px; border-radius: 46px; color: #ffffff; border: 1px solid #ffffff;}
.smallMenu a.cur { background: #55cbcd; border: 1px solid #55cbcd;}
.smallMenu a:hover { border: 1px solid #55cbcd; color: #ffffff;}
.smallMenu a::after {transition: all 0.5s; content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background:#55cbcd ;}
.smallMenu a:hover::after { width: 100%;}
.smallMenu a:hover span { color: #ffffff;}
.location a { transition: all 0.3s; color: #ffffff;}
.location a:hover { color: #55cbcd;}
.location { z-index: 2; left: 50%; transform: translateX(-50%); font-size: 15px; color: #ffffff; position: absolute; bottom: 44px; line-height: 1;}
.location span { margin: 0 6px;}
.mapTitle { line-height: 114px; position: relative; font-size: 40px; text-align: center; font-weight: bold;}
.mapTitle::after { content: ''; position: absolute; width: 65px; height: 3px; background:#55cbcd; bottom: 0; left: 50%; transform: translateX(-50%);}
.servicePoint { padding-top: 40px;}
.cityChose { margin: 60px auto 70px;}
.cityChose ul { display: flex; justify-content: center;}
.cityChose li { margin: 0 16px; position: relative; align-items: center; box-sizing: border-box; background: #ffffff; height: 50px;border-radius: 25px;display: flex;align-items: center;justify-content: space-between; cursor: pointer; z-index: 3; box-shadow: 0px 8px 30px 0px rgba(161,164,169,0.2);}
.cityChose li h2 { line-height: 50px; width: 340px; flex: 1; border-radius: 25px; box-sizing: border-box; box-shadow: 0px 8px 30px 0px rgba(161,164,169,0.2); padding: 0 50px; position: relative; z-index: 3;background: url(../images/locationIcon.png) 26px center no-repeat #ffffff}
.cityChose dl {max-height: 250px; width: 100%;z-index: 2; overflow: auto;}
.cityChose li:hover .subCont { display: block;}
.cityChose dl::-webkit-scrollbar { width: 4px;}
.cityChose dl::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
.cityChose dl::-webkit-scrollbar-thumb { background: #55cbcd;}
.cityChose dt a {transition: all 0.3s; display: block; font-size: 16px; font-weight: 400; color: #000000; cursor: pointer; padding: 0 40px; line-height: 35px;}
.cityChose dt a:hover { color: #55cbcd;}
.cityChose .subCont { display: none; box-shadow: 0px 8px 30px 0px rgba(161,164,169,0.2); position: absolute;background-color: #fff; border-radius: 25px; top: 0; left: 0; width: 100%; top: 0; padding:50px 0 10px;overflow: hidden;}
.mapCont { position: relative; width: 100%; height: 840px;}
#map { width: 100%; position: absolute; left: 0; top:0; height: 100%;}
.addressInfor { width: 430px; padding: 48px 0 46px 46px; background: #ffffff; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 2;}
.mapCont .container { position: relative; height: 100%;}
.addressInfor li h2 { line-height: 40px; margin-bottom: 8px; font-size: 22px; font-weight: bold; color: #222222;}
.addressInfor li p { font-size: 15px; line-height: 32px; color: #777777;}
.addressInfor li { cursor: pointer; border-bottom: 1px solid #ededed; padding-bottom: 30px; margin-bottom: 40px;}
.addressInfor li img { display: block; margin-bottom: 15px;}
.addressInfor ul { padding-right: 46px; overflow-y: auto; max-height:560px;}
.addressInfor ul::-webkit-scrollbar { width: 4px;}
.addressInfor ul::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
.addressInfor ul::-webkit-scrollbar-thumb { background: #55cbcd;}
.addressInfor li:last-child { margin-bottom: 0;}

/*详情页*/
.articleBox { padding: 110px 0 65px;}
.articleDesc h2 { line-height: 46px; margin-bottom: 26px; font-size:26px; font-weight: bold; color: #222222;}
.articleDesc p { margin-bottom: 26px; font-size: 16px; color: #333333; line-height: 36px;}
.articleDesc img { max-width: 100%; margin:0 auto 26px; display: block;}
.articleDetail { float: left; width: calc(100% - 395px);}
.articleTitle h2 { font-weight: bold; font-size: 48px; line-height: 62px; color: #222222;}
.articleTag { margin: 40px 0 70px; display: flex; gap: 80px;}
.articleTag span { font-size: 15px; color: #999999;}
.aboutArticle { float: right; width: 300px;}
.aboutArticle h3 { font-size: 24px; color: #222222;}
.aboutArticle li span {color:#55cbcd; font-size:16px; display: block; margin-bottom: 15px; line-height: 1;}
.aboutArticle li h2 { transition: all 0.5s; font-size: 22px; font-weight: bold; color: #222222; line-height: 28px; margin-bottom: 42px;}
.aboutArticle li { position: relative; margin-top: 36px; border-bottom: 1px solid #e6e6e6; padding-bottom: 32px}
.aboutArticle li p { font-size: 15px; line-height: 1; color: #999999;}
.aboutArticle li::after { content: ''; background: #55cbcd; position: absolute; bottom: -1px; left: 0; height: 1px; width: 0; transition: all 0.5s;}
.aboutArticle li:hover::after { width: 100%;}
.aboutArticle li:hover h2 { color: #55cbcd;}
.articlePage { border-top: 1px solid #e9e9e9; padding-top: 18px; display: flex; justify-content: space-between;align-items: center;}
.pageLink { max-width: calc(100% - 140px);}
.pageLink p { max-width: 500px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  font-size: 15px; color: #222222; line-height: 38px;}
.backMenu { overflow: hidden; padding: 0 34px 0 38px; border: 1px solid #55cbcd; border-radius: 54px; position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 7px; line-height: 54px;}
.backMenu::after { content: ''; position: absolute; left: 0; width: 100%; height: 100%; background:#55cbcd; transition: all 0.5s;}
.backMenu:hover::after { left: 100%;}
.backMenu span { font-size: 16px; color: #ffffff; position: relative; z-index: 2; transition: all 0.5s;}
.backMenu:hover span { color: #55cbcd;}
.backMenu i { position: relative; z-index: 2; background: url(../images/refuse.png) center no-repeat; width: 14px; height: 16px; display: block; transition: all 0.5s;}
.backMenu:hover i { transform: rotate(360deg); background: url(../images/refuseRed.png) center no-repeat;}




@media screen and (min-width: 1200px){
	.enHeader .nav .menuSlide li a{ text-indent: 0; padding: 10px 20px;}
	.enHeader .nav .menuSlide li a { line-height: 1.25;}
	/* .productSub {
	    height: auto!important;
	    display: none;
	    width: 720px;
	    background: #ffffff;
	    position: absolute;
	    top: 105px;
	    left: 50%;
	    transform: translateX(-50%);
	}
	.menuSlide { width: 480px;}
	.productSub::after { left: 240px;} */
}
@media screen and (max-width: 1800px) {
.buildDesc { padding: 85px 0 110px;}
.container,.banner .swiper-pagination,.familyCont { max-width:1300px;}
.clutureText {padding-left: calc(50vw - 650px);}
.articleTitle h2,.contactCell h2,.familyText h2,.familyBannerText h2,.productTit,.aboutArt h2,.titleCell p,.aboutArt h2,.titleCell p,.introduceText h2,.buildCont h2,.managerTit,.nameTitle h3,.clutureText h2,.mapTitle{ font-size:38px;}
.aboutData p,.buildCont li b { font-size: 70px;}
.aboutCont { padding: 130px 0 120px;}
.project { padding: 85px 0 60px;}
.homeNews { padding: 110px 0 98px;}
.bannerDesc h2 { font-size: 46px;}
.contactCell { padding: 160px 0 120px;}
}
@media screen and (max-width: 1600px) {
.nav>ul {gap: 35px;}
.container,.banner .swiper-pagination,.familyCont { max-width:1300px;}
.clutureText {padding-left: 9vw;}
.descTit p,.articleTitle h2,.contactCell h2,.familyBannerText h2,.productTit,.aboutArt h2,.titleCell p,.aboutArt h2,.titleCell p,.introduceText h2,.buildCont h2,.managerTit,.nameTitle h3,.clutureText h2,.mapTitle { font-size:36px;}
.familyText h2,.aboutData p,.buildCont li b {font-size: 68px;}
.bigText h2 { font-size: 28px;}
.aboutCont { padding: 120px 0 110px;}
.project { padding: 75px 0 50px;}
.homeNews { padding: 100px 0 88px;}
.bannerDesc h2 { font-size: 44px;}
.buildDesc { padding: 75px 0 100px;}
.contactCell {padding: 150px 0 110px;}
.contactList li h2 { font-size: 22px;}
.contactList li { padding: 30px 30px 0;}
.contactList.enContact li { padding: 20px 20px 0;}
.contactList li span { font-size: 14px;}
}

@media screen and (max-width: 1500px) {
.buildDesc { padding: 65px 0 90px;}
.smallMenu { margin-top: 30px;}
.smallMenu a { padding: 0 20px; font-size: 14px; line-height: 34px;}
.container,.banner .swiper-pagination { max-width:82%;}
.nav li h2 a { font-size: 16px;}
.langChose h2 { font-size: 16px;}
.detailTitle h2,.descTit p,.articleTitle h2,.contactCell h2,.familyText h2,.familyBannerText h2,.productTit,.aboutArt h2,.titleCell p,.aboutArt h2,.titleCell p,.introduceText h2,.buildCont h2,.managerTit,.nameTitle h3,.clutureText h2,.mapTitle,.bannerDesc h2 { font-size:34px;}
.aboutData p { font-size: 66px;}
.bigText h2 { font-size: 26px;}
.aboutCont {padding: 110px 0 100px;}
.project { padding: 65px 0 40px;}
.homeNews { padding: 90px 0 78px;}
.insideBanner { height: 500px;}
.contactCell { padding: 140px 0 100px;}
.contactList li h3 a { font-size: 32px;}
}

@media screen and (max-width: 1440px) {
.aboutArticle h3 { font-size: 20px; }
.contactCell { padding: 130px 0 90px;}
.clutureText li p { font-size: 24px;}
.clutureText li span { font-size: 16px;}
.container,.banner .swiper-pagination,.familyCont { max-width:94%;}
.clutureText {padding-left: 3vw;}
.header { padding: 0 3%;}
.detailTitle h2,.descTit p,.articleTitle h2,.contactCell h2,.familyText h2,.familyBannerText h2,.productTit,.aboutArt h2,.titleCell p,.introduceText h2,.buildCont h2,.managerTit,.nameTitle h3,.clutureText h2,.mapTitle { font-size: 32px;}
.aboutData p,.buildCont li b { font-size: 50px;}
.aboutArt a.more { margin-top: 40px;}
.downMouse { left: 10px;}
.aboutCont { padding: 100px 0 90px;}
.more { line-height: 40px; width: 128px; padding: 0 20px;}
.more b { font-size: 14px;}
.aboutData li { margin-bottom: 58px;}
.homeNews { padding: 80px 0 68px;}
.honorSwiper { margin-top: 60px;}
.honorSwiper img { height: 280px;}
.productEnter li p { font-size: 16px;}
.productBox { margin-top: 40px;}
.fpage a { font-size: 13px;}
.ideaBd { margin-top: 50px;}
.ideaHd span { font-size: 18px;}
.ideaHd { margin-top: 50px;}
.jobName p { font-size: 20px;}
.jobTag span { margin-right:60px;}
.contactList li h3 a { font-size: 28px;}
.aboutArticle li h2 { font-size: 20px;}
.descTit span { font-size: 18px; margin-bottom: 0;}
.addressInfor li h2 { font-size: 20px;}
}
@media screen and (max-width: 1280px) {
	.nav>ul {gap: 20px;}
	.contactList li h2 { font-size: 20px; margin-bottom: 20px;}
	.contactList li { height: 265px;}
	.contactList li p { font-size: 14px;}
}
@media screen and (max-width: 1200px) {
	.productSub::after { display: none;}
	.addressInfor li h2 { font-size: 18px;}
	.bigPic img { height: auto; max-width: 80%;}
	.picCont { float: none; margin: 0 auto; max-width: 100%;}
	.descCont { float: none; width: 100%; margin-top: 20px;}
	.aboutArticle li h2 { font-size: 16px;}
	.ideaHd { margin-top: 20px;}
	.ideaHd span { font-size: 16px; line-height: 3;}
	.ideaHd span::after {height: 2px;}
	
	
	.menubox{ display: block; position: absolute;right: 4%; top: 10px; width:45px; height: 40px;opacity: 1;pointer-events: auto;transition: 0.3s;}
	.menubox div{position: absolute;left: 20px;width: 30px;height: 2px;background-color: #55cbcd;transition: 0.6s;}
	.menubox div:nth-child(1){top: 9px;}
	.menubox div:nth-child(2){top: 19px;}
	.menubox div:nth-child(3){top: 29px;}
	.menubox.on div:nth-child(1){top: 19px;transform: rotateZ(45deg);}
	.menubox.on div:nth-child(2){top: 19px;opacity: 0;}
	.menubox.on div:nth-child(3){top: 19px;transform: rotateZ(-45deg);}
	.langChose { margin-right: 50px;}
	.nav li dl { position: static; width: 100%; padding: 0; transform: translateX(0); text-align: left;}	.nav.cnNav li dl {
	    width: 100%;
	    padding: 0;
	}
	.nav li dl dt { text-align: left; text-indent:30px;}
	.productSub { width: 100%; position: static; transform: translate(0);}
	.nav li h2::after { display: none!important;}
	.mobSub dl { display: block!important;}
	.nav li dl dt dt { text-indent: 40px;}
	.nav li dt h3 a { font-size: 16px;}
	.nav li dt dt a { font-size: 14px;}
	.header .nav li h2 a,.small-header .header .nav li h2 a { line-height: 50px;}
	body { padding-top: 60px;}
	.productEnter { margin-bottom: 20px; margin-top: -40px;}
	.productEnter li p { font-size: 12px;}
	.productEnter li img { height: 30px; margin-bottom:6px;}
	.aboutArticle { float: none; width: 100%; margin-top: 20px;}
	.aboutArticle h3 { font-size: 18px;}
	.aboutArticle li {padding-bottom: 10px; margin-top: 10px;}
	.aboutArticle li h2 { margin-bottom: 5px; margin-top: 5px;}
	.aboutArticle li p { font-size: 13px;}
	.addressInfor li p { font-size: 14px;}
}
@media screen and (max-width: 1080px) {
	.addressInfor li h2 { font-size: 16px;}
	.aboutArticle h3 { font-size: 16px;}
	.fixForm { margin: 20px auto 0;}
	.aboutArticle li h2 { font-size: 14px;}
	.aboutArticle li span { font-size: 14px; margin-bottom: 0px;}
	.fixForm input, .fixForm select { font-size: 14px; height: 40px; text-indent: 20px;}
	.selectIcon { right: 20px;}
	.checkCode img { height: 40px;}
	.centerBtn { margin-top:20px;}
	.fixForm li textarea { font-size: 14px; padding:0 20px; line-height: 40px; height: 120px;}
	.inpBox { width: 100%; margin-bottom: 10px;}
	.fixForm li { margin-bottom: 10px; display: block;}
	.contactList ul { margin-top: 20px;}
	.contactList li h2 { font-size: 16px; margin-bottom: 10px;}
	.contactList li h3 a { font-size: 20px;}
	.contactList li h3 { margin-bottom: 10px;}
	.peoDesc { height: auto; margin-bottom: 10px;}
	.contactList li span { font-size: 14px;}
	.contactList li { width: 100%; height: auto; padding: 20px;}
	.contactCell { padding: 30px 0;}
	.productList ul { margin-bottom: 20px;}
	.fpage { gap: 5px;}
	.fpage a { width: 30px; height: 30px;}
	.productList li p { font-size: 14px; line-height: 2.5;}
	.fpage a { font-size: 12px;}
	.productEnter li { height: 80px;}
	.productEnter.enEnter li { padding: 10px 0; width: 32%; text-align: center;}
	.productEnter.enEnter li p { line-height: 1;}
	.buildDesc { padding: 30px 0;}
	.introducePic { width: 100%; text-align: center;}
	.introduceText { width: 100%;}
	.introduceText p { font-size: 14px; line-height: 2; margin-bottom: 14px;}
	.introduceText h2 { margin-bottom: 20px;}
	.location { bottom: 10px;}
	.smallMenu a { margin-right: 5px; margin-bottom: 5px;}
	.bannerDesc p { font-size: 14px;}
	.smallMenu { margin-top: 10px; flex-wrap: wrap;}
	.bannerDesc { top: 50%; transform: translate(-50%,-50%);}
	.insideBanner { height: 300px;}
	.introduce { gap: 0; padding: 30px 0; flex-wrap: wrap;}
	.homeList li { gap: 15px; padding-bottom:20px; margin-bottom: 20px; flex-wrap: wrap;}
	.newsText { width: 100%;}
	.newsText h2 { margin: 5px 0; font-size: 16px;}
	.newsText p { margin-bottom: 5px; font-size: 14px;}
	.newsPic { width: 100%; height: auto;}
	.homeList { width: 100%; margin-top: 20px;}
	.bigText { bottom: 20px; left: 10px; right: 10px;}
	.bigText h2 { font-size: 18px;}
	.bigText p { font-size: 14px; margin-bottom: 10px; line-height: 1.5;}
	.bigNews { width: 100%; height: auto;}
	.newsTitle { flex-wrap: wrap;}
	.newsTitle .more { margin-top: 10px;}
	.homeNews .titleCell p { margin-top: 10px;}
	.newsBox { display: block; margin-top:15px;}
	.homeNews { padding: 30px 0;}

	.copyRight { display: block; line-height: 1.5; text-align: center; padding: 20px 0; margin-top: 20px;}
	.copyRight p, .copyRight a { font-size: 14px;}
	
	.copyRight br { display: block;}
	
	.contactLink ul { justify-content: center;}

	.contactLink { margin-bottom: 10px;}
	.aboutCont { padding: 30px 0;}
	.aboutArt { width: 100%;}
	.indexAbout .container { flex-wrap: wrap;}
	.detailTitle h2,.descTit p,.articleTitle h2,.contactCell h2,.familyText h2,.familyBannerText h2,.productTit,.aboutArt h2, .titleCell p,.aboutArt h2, .titleCell p, .introduceText h2, .buildCont h2, .managerTit, .nameTitle h3, .clutureText h2, .mapTitle { font-size:18px; line-height:2.5;}
	.buildCont h2 { margin-bottom: 20px; line-height: 1.5; padding-bottom: 20px;}
	.buildCont p { font-size: 14px; line-height: 2; margin-bottom: 14px;}
	.buildCont h2 br { display: none;}
	.buildCont h2 img { height:24px;}
	
	.bannerDesc h2 { font-size: 20px;}
	.managerCont { padding: 30px 0;}
	.managerInfor { flex-wrap: wrap;}
	.managerPic { width: auto; height: auto;}
	.managerTit { margin-bottom: 20px; line-height: 1;}
	.managerText { width: 100%;}
	.nameTitle { margin-top: 20px;padding-bottom: 20px; margin-bottom: 20px;}
	.nameTitle h3 { margin-bottom: 0;}
	.peopleDesc p { font-size: 14px; line-height: 2;}
	.managerSay { margin-top: 20px; padding-top: 20px;}
	.honor { padding-top: 30px;}
	.honorSwiper { margin-top: 20px;}
	.honorSwiper img { height: 200px;}
	.mouseNotice { height: 100px;}
	.mouseNotice p { padding-top: 40px;}
	.cluture { padding: 30px 0; flex-wrap: wrap;}
	.clutureText { padding: 0 4%; width: 100%;}
	.clutureText li p { font-size: 16px;}
	.clutureText li span { font-size: 14px;}
	.clutureText img { width: 50px;}
	.clutureText li { padding-bottom: 0;}
	.clutureImg { height: auto; width: 92%; margin: 0 auto;}
	.clutureText h2 { margin-bottom: 20px;}
	.responsibility { padding: 30px 0;}
	.downMouse { display: none;}
	.articleBox { padding: 30px 0;}
	.articleDetail { float: none; width: 100%;}
	.articleTitle h2 { line-height: 1.5;}
	.articleTag {display: block;}
	.articleTag span { display: inline-block; font-size: 14px;}
	.articleTag { margin:10px 0;}
	.articleDesc p { font-size: 14px; line-height: 1.75; margin-bottom: 14px;}
	.articleDesc img { margin-bottom: 14px;}
	.articleDesc h2 { font-size: 16px; line-height: 1.75; margin-bottom: 14px;}
	.backMenu span { font-size: 14px;}
	.pageLink p { font-size: 14px; line-height: 1.75;}
	.backMenu { padding: 0 10px; line-height: 30px;}
	.descList p { font-size: 14px; line-height:2; margin-bottom: 0;}
	.bigPic { margin-bottom: 20px;}
	.descTit { margin-top: 20px; padding-bottom: 0; margin-bottom: 20px;}
	.descTit span { font-size: 16px; margin-bottom: 0;}
	.descList { padding-bottom: 20px;}
	.descBtn { justify-content: center; text-align: center; padding-top: 20px;}
	.descBtn a { width: 140px; line-height: 3; font-size: 14px; padding: 0 15px!important;}
	.descBtn a.goBuy span,.descBtn a.videoEnter span{ font-size: 14px;}
	.detailCont { margin: 20px auto;}
	.plist ul { margin: 20px auto 30px;}
	.plist li { width: 49%; margin: 0 0 2% 0;}
	.plist li:nth-child(2n) { float: right;}
	.plist li p { font-size: 14px; line-height: 3;}
	.servicePoint { padding-top: 20px;}
	.cityChose { margin: 20px auto;}
	.cityChose ul { display: block;}
	.cityChose li { margin-bottom: 10px;}
	.cityChose li h2{ font-size: 14px;}
	.cityChose dt a { font-size: 14px; line-height: 2;}
	.cityChose li:hover { z-index: 10;}
	.addressInfor { padding: 20px 0 20px 20px; position: static; width: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.2); margin: 20px auto; transform: translate(0);}
	#map { position: static; height: 260px;}
	.mapCont { height: auto;}
	.addressInfor ul { padding-right: 20px;}
	.addressInfor li { margin-bottom: 10px; padding-bottom: 10px;}
	.addressInfor li img { margin-bottom:0}
}
@media screen and (max-width: 780px){
	.resCont { padding: 40px 0;}
	.resList { margin-top: 20px;}
	.resList li { width: 49%; margin-right: 0; margin-bottom: 2%; padding-top: 30%;}
	.resList li:nth-child(2n) { float: right;}
	.videoList ul { margin: 20px auto;}

	.productBox { margin-top: 20px;}
	.productList { float: none; width: 100%;}
	.proMenu { float: none; width: 100%; padding: 10px; margin-bottom: 20px;}
	.aboutzr-item{margin-top: 20px;}
	.aboutzr-item li{width: 100%;height:auto; padding: 36px 20px;margin-top: 1%; margin-bottom:1%;margin-right: 0;position: relative;}
	.aboutzr-item li::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.4);}
	.aboutzr-item li:first-child{transform: translateY(0px);}
	.aboutzr-item li:nth-child(3){transform: translateY(0px);}
	.aboutzr-item li:last-child{transform: translateY(0px);}
	.aboutzr-item li h2{ font-size: 16px; position: relative;z-index: 2;margin-bottom: 10px;}
	.aboutzr-item li p{opacity:1;line-height: 26px;position: relative;z-index: 2;transform: translateY(0); font-size:13px;}
	.aboutzr-item li.active{padding:60px 20px;width: 100%;text-align: center;}	
	.productList li,.videoList li { width: 49%; margin: 0 0 2%; }
	.productList li:nth-child(2n),.videoList li:nth-child(2n) { float: right;}
	.proMenu a { font-size: 14px; line-height: 3;}
	.videoList li p { font-size: 14px;}
	.videoPic span { width: 30px; height: 30px; background-size: 100% auto!important;}
	.videoList li p { line-height: 3; padding: 0 10px; font-size: 14px;}
	.videoPage { padding: 20px 0 30px;}
	.newsList li { float: none; width: 100%;}
	.newsList ul { margin: 30px 0 20px;}
	.newsDesc h2 { font-size: 15px; height: 45px; font-weight: normal; line-height: 1.5; margin-bottom: 10px;}
	.newsDesc span { margin-bottom: 10px;}
	.newsDesc { padding: 10px 20px;}
	.newsDesc span { font-size: 14px;}
	
	.familyBannerText p { font-size: 14px; line-height: 1.5;}
	.downLink li span { line-height: 32px; font-size: 14px; padding: 0 20px;}
	.familyBanner { height: 350px;}
	.familyBannerText h2 { margin-bottom:10px; line-height: 1;} 
	.downLink { margin-top: 10px;}
	.familyBanner img { height: 100%; object-fit: cover;}
	.fixDown p { font-size: 14px; margin-bottom: 5px;}
	.familyText p { font-size: 14px;}
	.familyText { height: auto;}
	.familyText h2 { margin-bottom:0;}
	.familyCont,.familyPage li:nth-child(2n) .familyCont { flex-direction: column;}
	.familyPage li .familyCont>div { width: 100%;}
	.familyPage li { padding: 20px 0;}
	.familyImg img { height: 170px;}
	.familyPage li:last-child { padding-bottom: 180px;}
	.familyText h2::after,.productTit::after { width: 30px; height: 2px;}
	.banner .swiper-pagination span { width: 8px; height: 8px; border: 1px solid #ffffff; margin-right: 6px!important;}
	.bannerText p { font-size: 20px;}
	.indexAbout .aboutArt h2 { line-height: 1.5;}
	.subEwm { width: 100px; top: 40px;}
	.ideaPic { width: 100%; height: auto;}
	.ideaDesc { position: relative; max-width: 100%; right: auto; top: auto; bottom: auto;}
	.ideaDesc { font-size: 14px; padding:45px 20px 20px; line-height: 1.5;}
	.ideaDesc::after { right: 10px; top: 10px; width: 39px; height: 32px; background-size: 100% auto;}
	.ideaBd { margin-top: 20px;}
	.joinDesc { padding: 20px 0 30px;}
	.ideaHd span { font-size: 14px;}
	.development { padding: 20px 0 30px;}
	.developDesc { margin: 20px auto; font-size: 14px; line-height: 1.5; max-width: 92%;}
	.developSwiper { padding-bottom: 20px;}
	.developSwiper .swiper-pagination span { height: 2px;}
	.developSwiper .swiper-pagination span.swiper-pagination-bullet-active { height: 3px;}
	.jobList { margin: 20px auto 0;}
	.jobTag span { margin: 0 10px 10px 0;display: inline-flex; align-items: center; font-size: 14px;}
	.jobTag { display: flex; flex-wrap: wrap;  }
	.jobName { padding:20px 20px 10px}
	.jobName p { font-size: 16px; margin-bottom: 10px;}
	.joinCont { padding: 20px 0 30px;}
	.descSub { padding: 20px;}
	.descSub p { font-size: 14px; line-height: 1.75;}
	.jobName i { width: 11px; height: 6px; background-size: 100% auto; right:10px;}
	.contactCell a.more span { font-size: 14px; line-height: 30px;}
	.contactCell h2 { text-align: center; margin-bottom: 10px;}
	.contactCell a.more { display: inline-flex;}
	.contactCell  { text-align: center;}
	.contactPage { padding: 20px 0 30px;}
	.langChose dl,.small-header .header dl {top: 60px; border-radius: 0 0 4px 4px;}
	.langChose dl::after { display: none!important;}
	.project ul { flex-wrap: wrap; gap: 10px;}
	.project li { flex: calc(50% - 5px);}
	.aboutzr-item li a,.aboutzr-item li.active a { padding: 0;}
	
	.p-n-con { flex: 1;}
	.fix-nav .fix-btn .p-number .p-number-li {padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.17); font-size: 14px;}
	.newsTitle { flex-direction:  column;}
	.newsCont .titleCell { max-width: 100%;}
	.homeNews .titleCell p { line-height: 1.25;}
	.newsTitle {align-items: start;}
	.project .titleCell p { line-height: 1.25;}
	.enHeader .nav li dt a { font-size: 14px;}
	.enHeader .nav { width: 260px;}
}


.tab-name {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap:30px 35px;
    padding:15px 10px;
}
.tab-name > a {
    display: flex;
    align-items: center;
    gap:10px;
    cursor: pointer;
    color:#666;
    text-decoration: none; /* 去掉默认下划线 */
    transition: color 0.2s ease; /* 过渡动画 */
}
/* hover悬浮变色增强点击感知 */
.tab-name > a:hover {
    color:#28b99a;
}
.tab-name > a:hover .tab-en {
    color:#28b99a;
}
/*图标容器*/
.tab-icon {
    width:48px;
    height:48px;
    position: relative;
    flex-shrink:0;
}
.tab-icon img {
    width:100%;
    height:100%;
    position:absolute;
    left:0;top:0;
    object-fit:contain;
    transition: opacity 0.2s;
}
.img-active {display:none;}
/*选中切换图标*/
.tab-name a.on .img-normal {display:none;}
.tab-name a.on .img-active {display:block;}

/*文字区域：中文在上，英文小字在下*/
.tab-text {
    display: flex;
    flex-direction: column;
}
.tab-cn {
    font-size:16px;
    line-height:1.4;
}
.tab-en {
    font-size:11px;
    color:#999;
    line-height:1.2;
}
/*选中文字变色*/
.tab-name a.on {color:#28b99a;}
.tab-name a.on .tab-en {color:#28b99a;}

/*手机自适应*/
@media screen and (max-width:768px){
    .tab-name{gap:18px 22px;}
    .tab-icon{width:36px;height:36px;}
    .tab-cn{font-size:14px;}
    .tab-en{font-size:10px;}
}


/* 分页容器 弹性居中，自动换行适配手机 */
.fpage {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(6px, 2vw, 12px);
  margin: 40px 0 20px;
}

/* 分页圆形按钮基础样式 */
.fpage a {
  width: clamp(36px, 5vw, 46px);
  height: clamp(36px, 5vw, 46px);
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(10px, 1.8vw, 14px); /* 缩小最小字体，防止文字溢出 */
  color: #444;
  background: #fff;
  border: 1px solid #e8e8e8;
  transition: all 0.25s ease-in-out;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 2px; /* 左右内边距，给长文字预留空间 */
}

/* 悬浮效果 */
.fpage a:hover {
  background-color: #55cbcd;
  border-color: #55cbcd;
  color: #fff;
}

/* 当前页码激活样式 */
.fpage a.cur {
  background-color: #55cbcd;
  border-color: #55cbcd;
  color: #ffffff;
  font-weight: 500;
}

/* 禁用按钮（首页/上一页无数据时） */
.fpage a.disabled {
  background: #f7f7f7;
  color: #bbbbbb;
  border-color: #eeeeee;
  cursor: not-allowed;
}
.fpage a.disabled:hover {
  background: #f7f7f7;
  color: #bbbbbb;
  border-color: #eeeeee;
}

/* 手机端单独优化：加宽左右内边距，强制缩小字体 */
@media (max-width: 480px) {
  .fpage a {
    padding: 0 4px;
    font-size: 10px;
  }
  .fpage {
    margin: 30px 0 10px;
  }
}