@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{ background:#fff; font:normal 14px/22px "微软雅黑"; }
body::-webkit-scrollbar { width:2px;}
body::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
body::-webkit-scrollbar-thumb { background: #1E46A0;}
img{ border:0; max-width: 100%; }
input,button,a { outline: none;}
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.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: 1600px; margin: 0 auto;}

.productSub { height: auto!important; display: none; width: 480px; background: #ffffff; position: absolute; top: 105px; left: 50%; transform: translateX(-50%);}
.productSub::after { content: ''; position: absolute; left: 50%; width: 1px; height: 100%; background: #eee;}
.menuChose p { cursor: pointer; transition: all 0.3s; font-size: 16px; line-height: 3; text-indent: 20px;}
.menuChose p a { transition: all 0.3s; color: #000;}
.menuChose p.cur { background:#1E46A0 ;}
.menuSlide { float: left; width: 240px;}
.menuSlide li { text-indent: 20px;}
.menuSlide li a { transition: all 0.3s;  display: block; font-size: 16px; line-height: 3; text-indent: 20px; color: #000;}
.menuSlide li a:hover { background: #1E46A0; color: #ffffff;}
.menuChose p.cur a{ color: #ffffff;}
.menuChose { float: left; width:240px;}
.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;}
.searchBox { position: relative;}
.searchinput{z-index: 3; transition: all .5s; opacity: 0;pointer-events: auto;right:0; transform: scale(0); transform-origin: right center;  position: absolute; width: 350px; top:50%; margin-top: -23px;}
.searchinput.show {  transform: scale(1); opacity: 1;} 
.searchinput .hsform{width: 100%;border-radius: 30px;overflow: hidden;background-color: #1E46A0;}
.searchinput .hsform .sinput{border: none; width: 100%;height: 44px;background-color: #1E46A0;color: #fff;text-indent: 20px;font-size: 16px;}
.searchinput .hsform .sinput::placeholder{color: #fff;font-size: 16px;}
.searchinput .hsform .sbtn{border: none; width: 44px;height: 44px;background: url(../images/search.png) center center no-repeat;background-size: 17px;cursor: pointer;}
.searchinput .sclosebtn{width: 44px;height: 44px;position: relative;cursor: pointer;transition: 0.5s;}
.sclosebtn:hover { transform: rotate(180deg);}
.searchinput .sclosebtn:before{content: "";display: block;width: 30px;height: 2px;background-color: #1E46A0;position: absolute;left: 7px;top: 21px;transform: rotateZ(45deg);}
.searchinput .sclosebtn:after{content: "";display: block;width: 30px;height: 2px;background-color: #1E46A0;position: absolute;left: 7px;top: 21px;transform: rotateZ(-45deg);}
.searchEnter {  transition: all 0.5s;cursor: pointer; display: block; background: url(../images/search.png) center no-repeat; display: block; width: 22px; height: 22px;}
.menuControl { display: flex; gap: 26px; align-items: center;}
.langChose h2 {white-space: nowrap; transition: all 0.5s; line-height: 105px; position: relative;cursor: pointer; color: #ffffff; padding-left: 34px; position: relative;  background: url(../images/earth.png) left center no-repeat; transition: all .5s; font-size: 18px;}
.langChose { position: relative;}
.langChose dl { box-shadow:0 0 10px rgba(0,0,0,0.1); display: none; background: #ffffff; border-radius: 4px; text-align: center; width: 84px; padding: 5px 0; position: absolute; top:80px; left: 50%; transform: translateX(-50%);}
.langChose dl::after { content: ''; position: absolute; top: -6px; left: 0; height: 6px; width: 100%; background: url(../images/dsj.png) center no-repeat; background-size: auto 6px;}
.langChose dt a{ transition: all .5s; display: block; font-size: 14px; color: #393939;}
.langChose dt:hover a { color: #1E46A0;}
.langChose.cur dl { display: block;}
.header .langChose:hover h2{background: url(../images/earthon.png) left center no-repeat; color: #1E46A0;}
.header .searchEnter:hover { background: url(../images/searchon.png) center no-repeat;}
/**波浪**/
.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;}
/*banner*/
.banner { position: relative;}
.banner img{ display: block; width: 100%;}
.banner .swiper-pagination { text-align: left; left: 50%; bottom: 7.3vw; width: 1400px; transform: translateX(-50%);}
.banner .swiper-pagination span { opacity: 1; transition: all 0.3s; box-sizing: border-box; border: 2px solid #ffffff; background: none; outline: none; width: 16px; height: 16px; margin:0 18px 0 0!important;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #ffffff;}
.bannerText { position: absolute; width: 100%; text-align: center; top: 50%; left: 0; transform: translateY(-50%);}
.bannerText p { font-size: 3.125vw; color: #ffffff;}
.downMouse p { white-space: nowrap; font-size: 16px; transform: rotate(-90deg);}
.downMouse { width: 14px; position: absolute; left: 30px; bottom: 7px; z-index: 200;}
.downMouse b { background: url(../images/mouse.png) center no-repeat; width: 14px; height: 24px; display: block; margin:10px auto 0;}
.downMouse span {  width: 2px; height: 0; position: absolute; left: 50%; margin-left: -1px; bottom: 180px; animation: longAni 2s infinite linear; background: #000000; display: block;}
@keyframes FRipple {
  100% {
    transform: translateX(-50%);
  }
}
@keyframes longAni {
  	
  100% {
   height: 64px;
  }
}
.indexAbout .container { display: flex; justify-content: space-between; background: url(../images/ab1.png) right top no-repeat; background-size: cover;}
.aboutCont { padding: 140px 0 132px;}
.aboutArt span{ font-size: 20px; color: #1E46A0;}
.aboutArt h2 { margin: 22px 0 30px; font-size: 46px; font-weight: bold; color: #222222; line-height: 58px;}
.aboutArt p { margin-bottom: 12px; font-size: 16px; line-height: 2; color: #333333;}
.aboutArt { width: 845px;}

.more b{  transition: all 0.5s; position: relative; z-index: 2; font-size: 16px; color: #1E46A0;}
.more i { transition: all 0.5s;position: relative; z-index: 2; display: block; background: url(../images/moreIcon.png) center no-repeat; width: 13px; height: 14px;}
.more::after { content: ''; position: absolute; left: 0; height: 100%; width: 0; transition: all 0.5s; background: #1E46A0;}
.more:hover::after { width: 100%;}
.more:hover b { color: #ffffff;}
.more:hover i { transform: rotate(315deg); background: url(../images/moreIconCur.png) center no-repeat;}
.aboutArt a.more { margin-top:60px;}
.aboutData {padding-top: 20px; text-align: right;}
.aboutData p { margin-bottom: 30px; line-height:54px; font-size: 72px; color: #1E46A0;}
.aboutData li { margin-bottom: 68px;}
.aboutData li b { font-size: 16px; color: #333333; line-height: 1;}
.project { background: url(../images/bg2.jpg) center no-repeat; background-size: cover; padding: 95px 0 70px;}
.project .titleCell { margin-bottom: 52px; text-align: center;}
.project ul { display: flex; justify-content: space-between; gap: 20px;}
.project li { flex: 1;}
.titleCell span { font-size: 20px; color: #1E46A0;}
.titleCell p { font-weight: bold; font-size: 46px; color: #222222; line-height: 1; margin-top: 20px;}
.projectSwiper .swiper-slide { position: relative; overflow: hidden;}
.projectSwiper .swiper-slide img { transition: all 0.5s; display: block; width: 100%;}
.projectDesc { position: absolute; top: 49px; left: 38px; right: 38px;}
.projectDesc h2 { font-size: 18px; font-weight: bold; color: #222222; line-height: 1; margin-bottom: 14px;}
.projectDesc p { font-size: 16px; color: #777777; line-height: 28px; height: 56px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.projectDesc .moreIcon { margin-top: 16px; overflow: hidden; position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #d53d50;
border-radius: 50%;}
.projectDesc .moreIcon i {transition: all 0.5s;position: relative; z-index: 2; display: block; background: url(../images/moreIcon.png) center no-repeat; width: 13px; height: 14px;}
.projectDesc .moreIcon::after { content: ''; position: absolute; left: 0; height: 100%; width: 0; transition: all 0.5s; background: #1E46A0;}
.projectSwiper .swiper-slide:hover .moreIcon::after { width: 100%;}
.projectSwiper .swiper-slide:hover .moreIcon i {transform: rotate(360deg); background: url(../images/moreIconCur.png) center no-repeat;}
.projectSwiper .swiper-slide:hover img { transform: scale(1.1);}
.projectSwiper { position: relative; padding-bottom: 63px;}
.projectSwiper .swiper-pagination { bottom: 0;}
.projectSwiper .swiper-pagination span { width: 80px; height: 4px; background: #dfe5ee; opacity: 1; transition: all 0.3s; border-radius: 0;}
.projectSwiper .swiper-pagination span.swiper-pagination-bullet-active { height: 7px; background:#1E46A0 ;}
.homeNews { padding: 120px 0 108px;}
.newsTitle { display: flex; justify-content: space-between; align-items: center;}
.newsBox {  margin-top: 70px; display: flex; justify-content: space-between; align-items: center;}
.bigNews { position: relative; overflow: hidden; width: 56.6%; height: 606px; position: relative;}
.bigNews::after { content: ''; pointer-events: none; z-index: 2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.064);}
.bigNews::before { content: ''; pointer-events: none; z-index: 2; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(to left bottom,rgba(208,32,54,0) 35%,rgba(208,32,54,.35));}
.bigNews img { display: block; width: 100%; height: 100%; transition: all 0.5s; object-fit: cover;}
.bigNews:hover img { transform: scale(1.1);}
.bigText { position: absolute; z-index: 3; bottom: 55px; left: 40px; right: 40px;}
.bigText span { font-size: 16px; color: #1E46A0;}
.bigText h2 { transition: all 0.3s; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  font-weight: bold; color: #ffffff; font-size: 30px; line-height: 1; margin:20px 0 16px;}
.bigText p { font-size: 16px; color: #ffffff;opacity: .76; line-height: 28px; margin-bottom: 34px;}
.bigText b { font-size: 15px; color: #ffffff;}
.bigNews:hover .bigText h2 { color: #1E46A0;}
.homeList { width: calc(43.4% - 33px);}
.homeList li { border-bottom: 1px solid #e6e6e6; margin-bottom: 35px; position: relative; padding-bottom: 35px; display: flex; justify-content: space-between; gap: 26px;}
.newsText span { font-size: 15px; color: #1E46A0;}
.newsText h2 { transition: all 0.3s; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; color: #222222; font-size:18px; line-height: 1.2; margin:14px 0;}
.newsText p {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 15px; color: #555555; line-height: 24px; margin-bottom:18px;}
.newsText b { display: block;line-height: 1; font-size: 15px; color: #222222;}
.newsPic { width:253px; height: 154px; overflow: hidden;}
.newsPic img { display: block; width: 100%; transition: all 0.5s;}
.newsText { width: calc(100% - 280px);}
.homeList li:last-child { border: none; margin-bottom: 0; padding-bottom: 0;}
.homeList li:hover img { transform: scale(1.1);}
/* .homeList li::after { content: ''; position: absolute; bottom:-1px; left: 0; transition: all 0.5s; width: 0; height: 1px; background: #1E46A0;}
.homeList li:hover::after { width: 100%;} */
.homeList li:last-child::after { display: none;}
.homeList li:hover h2 {color:#1E46A0;}
.footer { background: url(../images/footBg.jpg) right bottom no-repeat; background-size: cover;}
.footerTop { padding: 80px 0 8px; display: flex; justify-content: space-between;}
.footLink ul::after { content: ''; clear: both; display: block; height: 0;}
.footLink li { float: left; margin-left: 5.9375vw;}
.footLink li:nth-child(1) { margin-left: 0;}
.footLink p a {  font-size: 15px; color: #ffffff;}
.footLink p {transition: all 0.3s; opacity: .5; line-height: 40px;}
.footLink li h2 a { font-size: 18px; color: #ffffff;}
.footLink p:hover { opacity: 1; transform: translateX(5px); opacity: 1;}
.enFooter .footLink li { margin-left: 2vw;}
.newsCont .titleCell { max-width: calc(100% - 178px);}
.footLink li h2 { line-height: 1; margin-bottom: 20px;}
.footerContact h2 { color: #ffffff; font-size: 18px; line-height: 40px; margin-bottom: 24px;}

.footerContact p { line-height: 2; font-size: 15px; color: #ffffff;}
.footerContact p a { color: #ffffff; transition: all 0.3s;}
.copyRight { margin-top: 40px; border-top: 1px solid #333b45; line-height: 100px; display: flex; justify-content: space-between; align-items: center;}
.copyRight p,.copyRight a { transition: all 0.3s; font-size: 15px; color: rgba(255,255,255,.36);}
.copyRight a:hover { color: #ffffff;}
/*产品与方案*/
.insideBanner { height: 550px; position: relative;}
.insideBanner img { width: 100%; height: 100%; object-fit: cover;}
.insideBanner::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.23);}
.bannerDesc h2 { font-weight: bold; font-size: 38px; color: #ffffff; line-height: 1; margin-bottom: 18px;}
.bannerDesc p { font-size: 16px; line-height: 1; color: rgba(255,255,255,.5);}
.bannerDesc { z-index: 2; left: 50%; transform: translateX(-50%); position: absolute; top: 50%;}
.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-size: 40px; font-weight: bold; color: #333333; line-height: 113px;}
.productTit::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 65px; height: 3px; background: #d10000;}
.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:#1E46A0 ;}
.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:#1E46A0;}
.proMenu a:hover::before { width: 100%;}
.proMenu a.cur { color: #ffffff; background: #1E46A0;}
.proMenu a.cur::after { background: url(../images/moreIconCur.png) center no-repeat;}
.productList li { transition: all 0.5s; background: #ffffff; float: left; width: 23.5%; 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);}
.fpage {  display: flex; justify-content: center; align-items: center; gap: 10px;}
.fpage a {font-size: 16px; transition: all 0.3s; color: #555555; display: flex; justify-content: center; align-items: center; line-height: 45px; background: #ffffff; border-radius: 50%;width: 45px; height: 45px;}
.fpage a:hover { color:#1E46A0 ;}
.fpage a.cur { color: #ffffff; background: #1E46A0;}
.fpage a.page-num-current { color: #ffffff; background: #336fb6;}
.productList ul { margin-bottom: 40px;}
.productBox { margin-top: 80px;}
/*产品详情*/
.productDetailBanner { position: relative; z-index: 2;}
.productBanner { background: url(../images/detailBg.jpg) center no-repeat; background-size: cover; padding: 13.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: #1E46A0; display: block; line-height: 1; margin-bottom: 15px;}
.descTit p { font-size: 46px; 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 #1E46A0; 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:#1E46A0 ;}
.descBtn a.goBuy:hover::after { left: 100%;}
.descBtn a.goBuy:hover span { color: #1E46A0;}
.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/moreIcon.png) center no-repeat; transform: rotate(360deg);}
.descBtn a.videoEnter { padding: 0 22px 0 33px; border: 1px solid #1E46A0; border-radius: 60px;}
.descBtn a.videoEnter span { transition: all 0.5s; z-index: 2; position: relative; font-size: 16px; color: #1E46A0;}
.descBtn a.videoEnter::after { transition: all 0.5s; content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background:#1E46A0 ;}
.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: 40px; line-height: 3; color: #333333;}
.detailTitle h2::after { content: ''; width: 100%; height: 3px; background: #d10000; 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(209,1,0,.05),rgba(209,1,1,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: #1E46A0; border: 1px solid #1E46A0;}
.smallMenu a:hover { border: 1px solid #1E46A0; color: #ffffff;}
.smallMenu a::after {transition: all 0.5s; content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background:#1E46A0 ;}
.smallMenu a:hover::after { width: 100%;}
.smallMenu a:hover span { color: #ffffff;}
.location a { transition: all 0.3s; color: #ffffff;}
.location a:hover { color: #1E46A0;}
.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:#1E46A0; 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: #1E46A0;}
.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: #1E46A0;}
.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: #1E46A0;}
.addressInfor li:last-child { margin-bottom: 0;}
/*使用视频*/
.videoPage { padding: 42px 0 75px;}
.videoList li { cursor: pointer; margin-bottom: 16px; text-align: center; float: left; width: 30%; margin-right: 5%;}
.videoList li:nth-child(3n) { margin-right: 0;}
.videoPic { position: relative; padding-top: 62.14%; overflow: hidden;}
.videoPic img { transition: all 0.5s; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: all 0.5s; object-fit: cover;}
.videoList li p { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  transition: all 0.5s; font-size: 18px; line-height: 60px;background: #fafafa;}
.videoPic span { background: url(../images/videoPlay.png) center no-repeat; position: absolute; width: 49px; height: 49px; display: block;
left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all 0.5s;}
.videoList li:hover .videoPic span {background: url(../images/videoPlayon.png) center no-repeat; transform: translate(-50%,-50%) rotate(360deg);}
.videoList li:hover img { transform: scale(1.1);}
.videoList ul { margin: 50px auto;}
.videoList li:hover p{ background: #1E46A0; color: #ffffff;}
.fixForm input,.fixForm select { outline: none; font-size: 16px; background: #f7f8fa; box-sizing: border-box; width: 100%; height: 68px; text-indent: 32px; border: 1px solid #f7f8fa; transition: all .5s; }
.fixForm { margin: 80px auto;}
.fixForm li { position: relative; margin-bottom: 25px; display: flex; align-items: center; justify-content: space-between; gap: 25px;}
.inpBox { width: calc(50% - 12.5px);}
.fixForm li textarea { resize: none; font-size: 16px; background: #f7f8fa; box-sizing: border-box; width: 100%; height:190px; padding: 0 32px; outline: none; line-height: 68px; font-family: '微软雅黑'; border: 1px solid #f7f8fa; transition: all .5s;}
.fixForm input:focus,.fixForm li textarea:focus,.fixForm select:focus { border: 1px solid #1E46A0;}
.centerBtn { text-align: center; margin-top: 55px;}
.centerBtn button { background: #ffffff; cursor: pointer;}
.fixForm select{ color: #777777; appearance: none;}
.selectIcon{ display: block; background: url(../images/selectIcon.png) center no-repeat; width: 15px; height: 9px; pointer-events: none;
 position: absolute; right: 40px; top: 50%; transform: translateY(-50%);}
 .checkCode { display: flex;align-self: center; gap: 12px;}
 .checkCode input {outline: none; font-size: 16px; background: #f7f8fa; box-sizing: border-box; width:232px; height: 68px; text-indent: 32px; border: 1px solid #f7f8fa; transition: all .5s;}
.checkCode img { display: block;}

.joinDesc { background: url(../images/joinDesc.jpg) center no-repeat; background-size: cover; padding: 50px 0 90px;}
.ideaSlide { position: relative;}
.ideaPic { width: 803px; height: 474px; object-fit: cover;}
.ideaDesc { border-radius:8px; font-size: 16px; color: #222222; line-height: 38px; position: absolute; bottom: 60px; right: 48px; background: #ffffff; padding:54px 45px; width: 625px;}
.ideaDesc::after { content: ''; background: url(../images/joinIcon.png) center no-repeat; width: 78px; height: 64px; position: absolute;
top: -45px; right: -45px;}
.ideaHd { overflow: hidden; margin-top: 70px;}
.ideaHd span {transition: all .5s; cursor: pointer; position: relative; font-size: 20px; color: #777777; float: left; width: 33.33%; text-align: center; line-height: 82px; box-sizing: border-box; border-top: 4px solid rgb(238,238,238);}
.ideaHd span::after { transition: all .5s; content: ''; position: absolute; left: 0; top: -4px; height: 4px; width: 0; background: #1E46A0;}
.ideaHd span.cur::after { width: 100%;}
.ideaHd span.cur { color: #1E46A0;}
.ideaBd { margin-top: 64px;}
.development { padding: 50px 0 85px;}
.developDesc { text-align: center; color: #333333; font-size: 16px; line-height: 2; margin: 30px 0 40px;}
.developSwiper img { display: block;}
.developSwiper .swiper-slide { display: flex; justify-content: space-between;}
.developBig { width: 32%;}
.developSmall img{ width: 48.5%;}
.developSmall { width: 66%; gap: 3%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.developSwiper { position: relative; padding-bottom: 58px;}
.developSwiper .swiper-pagination { bottom: 0;}
.developSwiper .swiper-pagination span { width: 80px; height: 4px; background: #dfe5ee; opacity: 1; transition: all 0.3s; border-radius: 0;}
.developSwiper .swiper-pagination span.swiper-pagination-bullet-active { height: 7px; background:#1E46A0 ;}
.jobName { cursor: pointer; padding: 40px 35px 40px; border-bottom: 1px solid #dddddd; position: relative;}
.jobName p { font-size: 24px; font-weight: bold; line-height: 1; margin-bottom: 20px;}
.jobName i { background: url(../images/joinSelect.png) center no-repeat; transition: all 0.5s; width: 22px; height: 12px; display: block; position: absolute;
right: 40px; top:50%; transform: translateY(-50%) rotate(180deg);}
.jobTag span { line-height: 1; font-size: 16px; color: #333333; margin-right: 120px;}
.joinCont { background: #f7f7f7; padding: 35px 0 140px;}
.jobList { margin-top: 55px; background: #ffffff;}
.descSub { display: none; border-bottom: 1px solid #dddddd; padding: 40px 75px;}
.descSub p { color: #888888; font-size: 16px; line-height: 30px;}
.descSub p strong { color: #333333;}
.jobList li.cur .jobName i {transform: translateY(-50%) rotate(0);}

/*新闻中心*/
.newsImg {overflow: hidden; height: 270px;}
.newsImg img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.newsDesc { background: #f8f8fc; padding: 35px 27px 42px; transition: all 0.3s;}
.newsDesc span { transition: all 0.3s; display: block; font-size: 15px; color: #666; margin-bottom:16px;line-height: 1.6;}
.newsDesc h2 {font-size: 20px; transition: all 0.3s; color: #222222; line-height: 28px; height: 46px;}
.newsList { padding-bottom: 85px;}
.newsList li { float: left; width:31.7%; margin-right: 2.45%; margin-bottom: 2.45%;}
.newsList li:nth-child(3n) { margin-right: 0;}
.newsList li p { font-size: 15px; color: #999999;}
.newsList li:hover .newsDesc { background: #1E46A0; color: #ffffff;}
.newsList li:hover h2 { color: #ffffff;}
.newsList li:hover span { color: #ffffff;}
.newsList li:hover p { color: rgba(255,255,255,.54);}
.newsList li:hover img { transform: scale(1.1);}
.newsList ul { margin: 100px auto 25px;}
/*详情页*/
.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:#1E46A0; 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: #1E46A0; 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: #1E46A0;}
.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 #1E46A0; 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:#1E46A0; 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: #1E46A0;}
.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;}

.introduceText { width: calc(100% - 730px);}
.introducePic { width: 660px; position: relative;}
.introduce { padding: 70px 0 120px;}
.introduceText h2 { margin-bottom: 48px; position: relative; font-size: 40px; line-height: 3; font-weight: bold; color: #333333;}
.introduceText h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 65px; height: 3px; background:#1E46A0;}
.introduceText p { margin-bottom: 30px; font-size: 16px; color: #222222; line-height: 36px;}
.introduceText p:last-child { margin-bottom: 0;}
.introduce { display: flex; justify-content: space-between; gap: 67px;}
.buildDesc { background: url(../images/aboutBg.jpg) center no-repeat; background-attachment: fixed; background-size: cover; padding: 98px 0 125px;}
.buildCont h2 { margin-bottom: 40px; position: relative; padding-bottom: 35px; font-weight: bold; font-size: 40px; color: #222222; line-height: 58px;}
.buildCont h2 img { margin-left: 12px; vertical-align: -4px;}
.buildCont h2::after {content: ''; position: absolute; left: 0; bottom: 0; width: 65px; height: 3px; background:#1E46A0;}
.buildCont p { font-size: 16px; color: #222222; line-height: 36px; margin-bottom: 25px;}
.buildCont ul { margin-top: 80px; display: flex;padding-left: 85px;}
.buildCont li b { line-height: 1; margin-bottom: 20px; display: block; font-size: 72px; color: #1E46A0; text-align: center;}
.buildCont li b i { font-style: normal;}
.buildCont li { text-align: center; margin-right: 14.58vw;}
.buildCont li:last-child { margin-right: 0;}
.buildCont li span { font-size: 16px; color: #222222;}
.manager { background: url(../images/manger.jpg) center no-repeat; background-size: cover;}
.managerCont { padding: 5.2vw 0 5.8vw;}
.managerInfor { display: flex; justify-content: space-between;}
.managerTit { font-size: 40px; font-weight: bold; color: #222222; line-height: 1; margin-bottom: 48px;}
.nameTitle h3 { margin-bottom: 20px; position: relative; font-size: 40px; font-weight: bold; line-height: 1;}
.nameTitle h3 span { font-size: 14px; color:#999999; margin-left: 16px;}
.nameTitle p { font-size: 16px; color: #222222; line-height: 1;}
.nameTitle { margin-bottom: 50px; margin-top: 35px; position: relative; padding-bottom: 47px; margin-top: 32px;}
.nameTitle::after {content: ''; position: absolute; left: 0; bottom: 0; width: 65px; height: 3px; background:#1E46A0;}
.peopleDesc p { color: #222222; font-size: 16px; line-height: 36px;}
.managerPic {width:calc(100% - 727px); height: 660px;}
.managerPic img { display: block; width: 100%; height: 100%; object-fit: cover;}
.managerText { max-width: 100%; width: 645px;}
.managerSay { border-top: 1px solid #e8e8e8; padding-top: 50px; margin-top: 55px;}
.managerSay p { font-size: 16px; color: #999999; margin-bottom: 34px;}
.managerSay img { max-width: 100%;}

.honorSwiper .swiper-slide { width: auto;}
.honorSwiper img { display: block; height: 322px;}
.honorSwiper {padding-bottom: 5px; margin-top: 90px;}
.mouseNotice { background: url(../images/honorBg.jpg) left top repeat-x; height: 206px;}
.mouseNotice p { padding-top: 80px; display: flex; align-items: center; font-size: 15px; color: #333333;}
.mouseNotice p img { margin-right: 10px;}
.clutureText { width: 48.54%;padding-left: calc(50vw - 700px);}
.cluture { display: flex; justify-content: space-between;}
.clutureImg { width: 47.395%; height:590px;}
.clutureImg img { display: block; width: 100%; height: 100%; object-fit: cover;}
.clutureText h2 { margin-bottom:36px; position: relative; font-size: 40px; line-height:100px; font-weight: bold; color: #333333;}
.clutureText h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 65px; height: 3px; background:#1E46A0;}
.clutureText li { position: relative; display: flex; justify-content: space-between; line-height: 80px; border-top: 1px solid #eeeeee; padding-bottom: 69px;}
.clutureText li p { font-size: 28px; font-weight: bold; color: #333333;}
.clutureText li span { font-size: 18px; color: #777777;}
.clutureText li::after {content: ''; position: absolute; left: 0; top:-1; width: 0; transition: all 0.5s; height: 2px; background:#1E46A0;}
.clutureText li:hover::after { width: 100%;}
.clutureText img { position: absolute; right: 8px; bottom: 0; transition: all 0.5s; opacity: 0;}
.clutureText li:hover img { opacity: 1;}
.clutureText li:last-child {border-bottom: 1px solid #eeeeee;}
.cluture { padding: 5.8vw 0 6vw;}
.responsibility { padding: 75px 0 100px; background: url(../images/aboutBg2.jpg) center no-repeat; background-size: cover;}
.aboutzr-item{width: 100%;margin-top:148px; margin-bottom:8%;}
.aboutzr-item li{ box-sizing: border-box; float: left; width: 12.8%;height: 512px;text-align: center; margin-right: 1.5%; background-position: center;background-repeat: no-repeat;background-size: cover;transition: all .8s ease; position:relative; z-index:0;}
.aboutzr-item li a { display: block; width: 100%; height: 100%; box-sizing: border-box;padding-top: 206px;transition: all .8s ease;}
.aboutzr-item li:after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.43); z-index:-1;}
.aboutzr-item li:last-child{margin-right: 0;transform: translateY(-15px);}
.aboutzr-item li:first-child{transform: translateY(-40px);}
.aboutzr-item li:nth-child(3){transform: translateY(-72px);}
.aboutzr-item li h2{font-size: 26px;color: #fff;margin-bottom: 20px;}
.aboutzr-item li p{font-size: 16px;color: #fff;line-height: 28px;opacity: 0;transition: all .6s ease;transform: translateY(30px);transition: all 0s ease 0s;}
.aboutzr-item li.active{width: 57.1%;text-align: left;}
.aboutzr-item li.active a {;padding:132px 258px 0 48px;}
.aboutzr-item li.active p{opacity: 1;transform: translateY(0);transition: all .4s ease .7s;}
.aboutzr-item ul::after { content: '';clear: both; display: block; height: 0;}
.mobSub { display: none;}
.copyRight br { display: none;}
@keyframes downAni {
	form {transform: translateY(0);}
	50% {transform: translateY(10px);}
	to {transform: translateY(0);}
}
.menubox { display: none;}

.lb-dataContainer {left: 50%; transform: translateX(-50%); position: absolute; top: -40px;}
.resCont { padding: 3vw 0 5.2vw;}
.resList ul::after{ content: ''; clear: both; display: block; height: 0;}
.resList li { padding-top:16.5%; position: relative; overflow: hidden; float: left; width: 24%; margin-right: 1.3333%; margin-bottom: 1.33333%;}
.resList li:nth-child(4n) {margin-right: 0;}
.resList { margin-top: 40px;}
.resList li img { position: absolute; transition: all 0.3s; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.resList li:hover img { transform: scale(1.1);}


/**侧边悬浮**/
.small-header .fix-nav {
  transform: translateX(0);
}
.fix-nav {
  --color1: var(--main-color);
  --fs: 68px;
  --size: 43%;
  --fill: #ffffff;
  margin-top: -172px;
  transform: translateX(100%);
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 9;
  background: #1E46A0;
  text-align: center;
  transition: transform .3s;
}
.fix-nav .line {
  display: block;
  margin: 0 auto;
  height: 1px;
  width: 80%;
  background: rgba(255, 255, 255, 0.17);
}
.fix-nav .fix-btn {
  display: block;
  position: relative;
  width: 68px;
  height: 68px;
  background: transparent;
  color: #fff;
  font-size: 12px;
  transition: all 0.3s;
}
.fix-nav .fix-btn + .fix-btn {
  margin-top: 5px;
}
.fix-nav .fix-btn.qq {
  --size: 55%;
}
.fix-nav .fix-btn.weixin {
  --size: 46%;
}
.fix-nav .fix-btn.phone {
  --size: 46%;
}
.fix-nav .fix-btn.edit {
  --size: 54%;
}
.fix-nav .fix-btn.return-top {
  --size: 34%;
}
.fix-nav .fix-btn .self-svg {
  width: 68px;
  height:  68px;
  display: flex;
      align-items: center;
      justify-content: center;
}
.self-svg svg.icon {
    width: 43%;
    height: 43%;
    fill: #fff;
}
:root{
	--linear-color: linear-gradient(124deg, #ed7841, #ff0000);
}
.fix-nav .fix-btn .p {
  font-size: 12px;
  line-height: 20px;
  padding-top: 3px;
}
.fix-nav .fix-btn .p-number {
  word-break: keep-all;
  position: absolute;
  right: 50%;
  top: 50%;
  /* height: 100%; */
  flex-direction: column;
  text-align: left;
  line-height: 1.6em;
  font-size: 18px;
  color: #fff;
  width: max-content;
  background-color: var(--color1);
  opacity: 0;
  transition: opacity 0.3s, right 0.3s;
  transform: translateY(-50%);
  pointer-events: none;
}
.fix-nav .fix-btn .p-number .p-number-li {
  /* height: var(--fs); */
  width: 100%;
  padding: .7em 1.4em .7em .5em;
}
.fix-nav .fix-btn .p-number .p-number-li {
  background: #1E46A0;
}
.fix-nav .fix-btn .p-number .p-tit {
  flex-shrink: 0;
}
.fix-nav .fix-btn:hover {
  background-color: var(--main-color);
}
.fix-nav .fix-btn:hover .p-number {
  opacity: 1;
  right: 100%;
  pointer-events: auto;
}
.fix-nav .fix-btn:hover .code-box {
  opacity: 1;
  right: 100%;
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
}
.fix-nav .code-box {
  margin-top: -76px;
  margin-right: 10px;
  width: 150px;
  background-color: #fff;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  right: 50%;
  opacity: 0;
  transition: opacity 0.3s, right 0.3s;
  transform: scale(0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  padding: 5px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.fix-nav .code-box::before {
  content: "";
  border: 5px solid transparent;
  border-left-color: #fff;
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -5px;
}
.fix-nav .code-box .txt {
  font-size: 12px;
  color: #444;
}
[flex] {
  display: flex;
}
[flex][flex~="i"] {
  display: inline-flex;
}
[flex][flex~="wrap"] {
  flex-wrap: wrap;
}
[flex][flex~="no-wrap"] {
  flex-wrap: nowrap;
}
[flex][flex~="ja"] {
  justify-content: space-around;
}
[flex][flex~="jb"] {
  justify-content: space-between;
}
[flex][flex~="js"] {
  justify-content: start;
}
[flex][flex~="jfs"] {
  justify-content: flex-start;
}
[flex][flex~="jc"] {
  justify-content: center;
}
[flex][flex~="je"] {
  justify-content: end;
}
[flex][flex~="jfe"] {
  justify-content: flex-end;
}
[flex][flex~="ais"] {
  align-items: flex-start;
}
[flex][flex~="aic"] {
  align-items: center;
}
[flex][flex~="acc"] {
  align-content: center;
}
[flex][flex~="aie"] {
  align-items: flex-end;
}
@media (max-width: 1200px) {
  .fix-nav {
    display: none;
  }
}
@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: 400px;}
.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:100%;}
.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: 14px;}
.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;}
	.header,.small-header .header { height: 60px;background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
	.header .logo img { display: block; opacity: 0;}
	.header .logo img:nth-child(2) { opacity: 1;}
	.header .nav li h2 a { line-height: 80px;}
	.langChose h2 { line-height: 60px;}
	.header .nav li h2 a{ color: #333333;}
	.header .langChose h2 { color: #333333; background: url(../images/blackEarth.png) left center no-repeat;}
	.header .searchEnter { background: url(../images/blackSearch.png) center no-repeat;}
	.header .logo img {height: 16px;}
	.nav { height:100vh; position: fixed; left: -110%; overflow-y: auto; top:60px; width: 200px; background: #ffffff; bottom: 0;}
	.nav ul { display: block;}
	.nav li { border-bottom: 1px solid #eee; float: none; margin: 0!important;}
	.nav li h2{position: relative; text-indent: 20px;}
	.nav li h2 i { transition: all .5s; background: url(../images/menuEnter.png) center no-repeat;
	width: 8px; height: 14px; background-size: 100% auto; position: absolute; right:15px; top: 50%; margin-top: -7px;}
	.nav li h2 a {  line-height: 40px; color: #333333;}
	.nav li.cur h2 i{ background: url(../images/menuEntero.png) center no-repeat; background-size: 100% auto;}
	.nav li.act h2 i{ background: url(../images/menuEntero.png) center no-repeat; background-size: 100% auto; transform: rotate(90deg);}
	.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: #1E46A0;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: 15px; 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: 200px;}
	.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;}
	.footLink { display: none;}
	.footerTop { justify-content: center; padding: 30px 0 20px;}
	.copyRight { display: block; line-height: 1.5; text-align: center; padding: 20px 0; margin-top: 20px;}
	.copyRight p, .copyRight a { font-size: 14px;}
	.footerContact p { font-size: 14px;}
	.copyRight br { display: block;}
	.footerContact h2 { font-size: 16px; margin-bottom: 0;}
	.contactLink ul { justify-content: center;}
	.footer { text-align: 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;}
	.aboutArt h2 { margin: 15px 0;}
	.aboutArt span,.titleCell span { font-size: 16px;}
	.aboutArt p { font-size: 14px; margin-bottom: 6px;}
	.aboutArt a.more { margin-top: 20px;}
	.aboutData { width: 100%; text-align: center; }
	.buildCont ul { margin-top: 20px;}
	.aboutData ul,.buildCont ul {display: flex; padding: 0; gap: 15px; justify-content: space-between;}
	.aboutData p,.buildCont li b { margin-bottom: 0; font-size: 30px;}
	.aboutData li b,.buildCont li span { font-size: 14px;}
	.aboutData li,.buildCont li { margin: 0;}
	.project { padding: 30px 0;}
	.project .titleCell p { margin-top: 0;}
	.projectSwiper { padding-bottom: 20px;}
	.projectSwiper .swiper-pagination span { width: 40px; height: 2px;}
	.projectSwiper .swiper-pagination span.swiper-pagination-bullet-active { height: 4px;}
	.project .titleCell { margin-bottom: 20px;}
	.projectDesc { position: absolute; top: 20px; left: 10px; right: 10px;}
	.projectDesc p { font-size: 14px; line-height: 1.5; height: 42px;}
	.projectDesc h2 { font-size: 15px; margin-bottom: 5px;}
	.projectDesc .moreIcon { width: 30px; height: 30px; margin-top: 10px;}
	.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;}

	.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;}
	.searchBox { position: static;}
	.searchinput { width: 100%; border-top: 1px solid #eee; transform-origin: top center;  padding:10px; background: #ffffff; top: 60px; margin-top: 0;}
	.header .langChose h2 { font-size: 14px;}
	.productBox { margin-top: 20px;}
	.productList { float: none; width: 100%;}
	.proMenu { float: none; width: 100%; padding: 10px; margin-bottom: 20px;display:none}
	.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: 15px;}
	.videoPic span { width: 30px; height: 30px; background-size: 100% auto!important;}
	.videoList li p { line-height: 3; padding: 0 10px; font-size: 15px;}
	.videoPage { padding: 20px 0 30px;}
	.newsList li { float: none; width: 100%;}
	.newsList ul { margin: 30px 0 20px;}
	.newsDesc h2 { font-size: 16px; height: 35px; line-height: 1.5; }
	.newsDesc span { margin-bottom: 10px;}
	.newsImg {height:auto;max-height: 270px;}
	.newsList li p{font-size:14px}
	.newsDesc { padding: 10px 20px;}
	.newsDesc span { font-size: 14px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
	.footLogo img { height: 20px;}
	.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;}
	.fix-nav {transform: translateX(0); display: flex; align-items: center; justify-content: space-between; position: fixed; bottom:0; width: 100%; left: 0!important; top: auto;}
	.fix-nav>a:last-child { display: none;}
	.fix-nav .fix-btn { width:25%;}
	.fix-nav .line { height:68px; width: 1px;}
	.fix-nav .fix-btn .self-svg { margin: 0 auto;}
	body { height: auto; padding-bottom: 68px;}
	.fix-nav .code-box { left: 50%; bottom:76px; margin: 0;  margin-left: -75px;  top: auto;}
	.fix-nav .code-box::before {
	    content: "";
	    border: 5px solid transparent;
	    border-left-color: #fff;
	    position: absolute;
	    left: 50%;
	    top: 100%;
	    /* margin-top: -5px; */
	    transform: rotate(90deg); margin: 0;}
	.fix-nav .fix-btn .p-number { position: fixed; left: 0; width: 100%; bottom: 68px; top: auto; transform: translate(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;}
}



/* 关于我们-联系我们页面 */
.about-contact-page .about-contact-banner {
  background-image: url(../images/about-contact-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  margin-top: var(--header-height);
  padding-bottom: max(1.13rem, var(--space));
}
.about-contact-page .about-contact-banner .contact-title {
  font-size: var(--font38);
  font-weight: 500;
  text-align: center;
  color: #333333;
  line-height: 1;
  margin-bottom: max(0.64rem, 20px);
}
.about-contact-page .about-contact-banner .contact-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: max(15px, 0.29rem);
}
.about-contact-page .about-contact-banner .contact-list .contact-item {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  padding-top: max(0.54rem, 20px);
  padding-bottom: max(0.33rem, 20px);
  box-shadow: 0 1px 22px 7px rgba(198, 198, 198, .3);
}
.about-contact-page .about-contact-banner .contact-list .contact-item .icon {
  height: max(0.5rem, 35px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: max(0.23rem, 15px);
}
.about-contact-page .about-contact-banner .contact-list .contact-item .icon img {
  display: block;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}
.about-contact-page .about-contact-banner .contact-list .contact-item .info-name {
  font-size: var(--font22);
  font-weight: 400;
  text-align: center;
  color: #333333;
  line-height: 1;
}
.about-contact-page .about-contact-banner .contact-list .contact-item .info-section-area {
  margin-top: max(20px, 0.28rem);
}
.about-contact-page .about-contact-banner .contact-list .contact-item .info-section-area .info-section .section-title {
  font-size: var(--font16);
  font-weight: 400;
  text-align: center;
  color: #333333;
  line-height: 1;
  margin-bottom: 11px;
}
.about-contact-page .about-contact-banner .contact-list .contact-item .info-section-area .info-section .section-desc {
  font-size: var(--font16);
  text-align: center;
  color: #666666;
  line-height: 1.625;
}
.about-contact-page .about-contact-banner .contact-list .contact-item .info-section-area .info-section:not(:last-child)::after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  background: #f71f26;
  margin-top: max(0.3rem, 10px);
  margin-bottom: max(0.3rem, 10px);
  margin-left: auto;
  margin-right: auto;
}
.about-contact-page .about-contact-banner .contact-list .contact-item .qrcode-list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: max(0.2rem, 20px);
}
.about-contact-page .about-contact-banner .contact-list .contact-item .qrcode-list .qrcode-item:not(:last-child) {
  margin-right: 10px;
}
.about-contact-page .about-contact-banner .contact-list .contact-item .qrcode-list .qrcode-item p {
  font-size: var(--font16);
  font-weight: 400;
  color: #333333;
  margin-bottom: 10px;
  text-align: center;
}
.about-contact-page .about-contact-banner .contact-list .contact-item .qrcode-list .qrcode-item .pic {
  width: max(60px, 1.27rem);
  height: max(60px, 1.27rem);
  background: #ffffff;
  border: 1px solid rgba(204, 204, 204, 0.5);
  border-radius: 3px;
  padding: 7px;
  margin-left: auto;
  margin-right: auto;
}
.about-contact-page .about-contact-banner .contact-list .contact-item .qrcode-list .qrcode-item .pic img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
}
.about-contact-page .about-contact-message {
  background:#fafafa;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: max(0.95rem, 35px);
  padding-bottom: max(1.32rem, var(--space));
}
.about-contact-page .about-contact-message .message-title {
  font-size: var(--font38);
  font-weight: 500;
  text-align: center;
  color: #333;
  line-height: 1;
  margin-bottom: max(0.38rem, 20px);
}
.about-contact-page .about-contact-message .message-sub-title {
  font-size: var(--font18);
  font-weight: 400;
  text-align: center;
  color: #666;
}
.about-contact-page .about-contact-message .form-area {
  margin-top: max(0.6rem, 30px);
}
.about-contact-page .about-contact-message .form-area form {
  display: block;
}
.about-contact-page .about-contact-message .form-area form .input-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about-contact-page .about-contact-message .form-area form .input-line .input-item {
  width: 49.0234375%;
  height: max(0.58rem, 40px);
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  transition: var(--duration);
  background: #ffffff;
  border-radius: 3px;
  border: 1px solid transparent;
  display: flex;
  align-items: stretch;
  margin-bottom: 20px;
}
.about-contact-page .about-contact-message .form-area form .input-line .input-item:focus-within {
  border-color: var(--theme);
}
.about-contact-page .about-contact-message .form-area form .input-line .input-item input {
  display: block;
  flex: 1;
  height: 100%;
  border: none;
  padding-right: 15px;
  padding-left: 15px;
  font-size: var(--font16);
  color: #000;
}
.about-contact-page .about-contact-message .form-area form .input-line .input-item .placeholder-text {
  font-size: var(--font16);
  font-weight: 500;
  text-align: left;
  color: #999999;
  line-height: 1;
  display: flex;
  align-items: center;
  margin-left: max(0.22rem, 15px);
}
.about-contact-page .about-contact-message .form-area form .input-line .input-item .placeholder-text .red {
  color: #ca1e1e;
}
.about-contact-page .about-contact-message .form-area form .textarea-line {
  width: 100%;
  height: auto;
  background: #ffffff;
  border-radius: 3px;
  padding-top: 21px;
  padding-left: max(0.22rem, 15px);
  padding-bottom: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.about-contact-page .about-contact-message .form-area form .textarea-line:focus-within {
  border-color: var(--theme);
}
.about-contact-page .about-contact-message .form-area form .textarea-line .placeholder-text {
  font-size: var(--font16);
  font-weight: 500;
  text-align: left;
  color: #999999;
  line-height: 1.5;
}
.about-contact-page .about-contact-message .form-area form .textarea-line .placeholder-text .red {
  color: #ca1e1e;
}
.about-contact-page .about-contact-message .form-area form .textarea-line textarea {
  display: block;
  width: 100%;
  border: none;
  resize: none;
  padding-right: 15px;
  margin-top: 10px;
  min-height: 93px;
}
.about-contact-page .about-contact-message .form-area form .upload-file {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-direction: column;
  height: max(1.63rem, 100px);
  background: #ffffff;
  border-radius: 3px;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
  user-select: auto;
}
.about-contact-page .about-contact-message .form-area form .upload-file .icon img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: max(0.47rem, 30px);
  object-fit: contain;
}
.about-contact-page .about-contact-message .form-area form .upload-file .text {
  font-size: var(--font16);
  font-weight: 500;
  text-align: center;
  color: #999999;
  line-height: 1;
  margin-top: max(0.27rem, 10px);
}
.about-contact-page .about-contact-message .form-area form .upload-file .file-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  user-select: auto;
  cursor: pointer;
}
.about-contact-page .about-contact-message .form-area form .submit-btn {
  width: 160px;
  height: 48px;
  background: #1E46A0;
  border-radius: 24px;
  font-size: var(--font18);
  font-weight: 400;
  color: #ffffff;
  line-height: 1;
  user-select: none;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
/* 关于我们-联系我们 */
@media (max-width: 992px) {
  .about-contact-page .about-contact-banner .contact-list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 20px;
  }
}
@media (max-width: 768px) {
  .about-contact-page .about-contact-banner .contact-list .contact-item .qrcode-list .qrcode-item .pic {
    width: max(1.27rem, 90px);
    height: max(1.27rem, 90px);
  }
  .about-contact-page .about-contact-message .form-area form .submit-btn {
    width: 140px;
    height: 35px;
  }
  .about-contact-page .about-contact-banner .contact-title {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .about-contact-page .about-contact-banner .contact-list {
    grid-template-columns: 1fr;
  }
  .about-contact-page .about-contact-message .form-area form .input-line {
    flex-wrap: wrap;
  }
  .about-contact-page .about-contact-message .form-area form .input-line .input-item {
    width: 100%;
  }
  .about-contact-page .about-contact-banner .contact-title {
    text-align: center;
  }
}

/* 关于我们-公司简介 */
.about-company-banner {
  position: relative;
  z-index: 2;
}
.about-company-banner .pic {
  display: block;
}
.about-company-banner .pic img {
  display: block;
  width: 100%;
  height: auto;
}
.about-company-banner .pic video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 100vh;
  object-fit: cover;
  object-position: center bottom;
  mix-blend-mode: multiply;
}
.about-company-banner .text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.about-company-banner .text .title {
  font-weight: bold;
  font-size: var(--font46);
  color: #ffffff;
  line-height: 1.2173913;
  margin-bottom: max(0.14rem, 10px);
}
.about-company-banner .text .sub-title {
  font-weight: 400;
  font-size: var(--font32);
  color: #ffffff;
}
.about-company-banner .about-mouse {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: max(0.36rem, 15px);
  user-select: none;
  cursor: pointer;
}
.about-company-banner .about-mouse img {
  display: block;
  animation: bounce 2s ease infinite alternate;
}
@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(20px);
  }
}
.about-company-page {
  overflow: clip;
}
/* 关于我们-公司简介页面共用 */
.about-company-title-area {
  text-align: center;
}
.about-company-title-area .en {
  font-weight: 300;
  font-size: var(--font18);
  color: #666666;
  line-height: 1;
}
.about-company-title-area .zh {
  font-weight: 500;
  font-size: var(--font44);
  color: transparent;
  background: linear-gradient(0deg, #d71418 0%, #e60012 0%, #ff3131 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.1;
  margin-top: 7px;
}
.about-company-title-area .sub-title {
  font-weight: 400;
  font-size: var(--font24);
  color: #333333;
  line-height: 1.33333333;
  margin-top: max(0.15rem, 10px);
}
.about-company-desc {
  padding-top: max(1.3rem, var(--space));
  padding-bottom: max(1.24rem, var(--space));
}
.about-company-desc .about-company-wrap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.about-company-desc .company-left {
  width: 49.08854167%;
  flex-shrink: 0;
}
.about-company-desc .company-left .company-title {
  font-weight: 500;
  font-size: var(--font40);
  color: #e70112;
  line-height: 1;
  margin-bottom: max(0.15rem, 10px);
}
.about-company-desc .company-left .company-sub-title {
  font-weight: 400;
  font-size: var(--font32);
  color: #333333;
}
.about-company-desc .company-left .company-desc {
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 300;
  font-size: var(--font16);
  color: #666666;
  line-height: 1.625;
  overflow-wrap: break-word;
  margin-top: max(0.45rem, 25px);
}
.about-company-desc .company-left .company-desc p {
  margin-bottom: max(0.25rem, 10px);
}
.about-company-desc .company-left .company-desc p:last-child {
  margin-bottom: 0;
}
.about-company-desc .company-right {
  width: 45.96354167%;
  flex-shrink: 0;
}
.about-company-desc .company-right .pic {
  display: block;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.about-company-desc .company-right .pic:hover img {
  transform: scale(1.05);
}
.about-company-desc .company-right .pic img {
  display: block;
  width: 100%;
  height: auto;
  transition: var(--duration);
}
.about-company-show {
  background-image: url(../images/about-company-show-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  padding-top: max(1.34rem, var(--space));
  padding-bottom: max(1.18rem, var(--space));
}
.about-company-show .company-tab-list {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  background: #ffffff;
  border-radius: 22px;
  border: 1px solid #eeeeee;
  margin-top: max(0.57rem, 20px);
  width: fit-content;
  user-select: none;
  cursor: pointer;
  position: relative;
  z-index: 2;
  overflow: hidden;
  overflow-x: auto;
}
.about-company-show .company-tab-list .item {
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 300;
  font-size: var(--font16);
  color: #333333;
  transition: var(--duration);
  line-height: 1;
  padding-top: max(0.14rem, 10px);
  padding-bottom: max(0.14rem, 10px);
  padding-left: max(0.43rem, 10px);
  padding-right: max(0.43rem, 10px);
}
.about-company-show .company-tab-list .item.active {
  color: #fff;
}
.about-company-show .company-tab-list .bar {
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  background: #e60012;
  border-radius: 18px;
  transition: var(--duration);
  z-index: -1;
  width: 142px;
}
.about-company-show .company-show-wrap {
  max-width: 1560px;
  width: 86%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .about-company-show .company-show-wrap {
    width: 92%;
  }
}
.about-company-show .swiper-list .swiper-item {
  display: none;
}
.about-company-show .swiper-list .swiper-item.show {
  display: block;
}
.about-company-show .swiper-list .swiper-item .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about-company-show .swiper-list .swiper-item .prev img,
.about-company-show .swiper-list .swiper-item .next img {
  display: block;
  width: 11px;
  cursor: pointer;
}
.about-company-show .swiper-list .swiper-item .prev .hover,
.about-company-show .swiper-list .swiper-item .next .hover {
  display: none;
}
.about-company-show .swiper-list .swiper-item .prev:hover .hover,
.about-company-show .swiper-list .swiper-item .next:hover .hover {
  display: inline-block;
}
.about-company-show .swiper-list .swiper-item .prev:hover .default,
.about-company-show .swiper-list .swiper-item .next:hover .default {
  display: none;
}
.about-company-show .about-company-show-swiper {
  margin-top: 30px;
  width: 98.46153846%;
  margin-left: auto;
  margin-right: auto;
}
.about-company-show .about-company-show-swiper .swiper-slide {
  user-select: none;
  transform-origin: center center;
  transform-style: preserve-3d;
}
.about-company-show .about-company-show-swiper .swiper-slide .pic {
  width: 100%;
}
.about-company-show .about-company-show-swiper .swiper-slide .pic img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media (min-width: 993px) {
  .about-company-show .about-company-show-swiper .swiper-slide {
    /* 第一张 */
    /* 第二张图片 */
    /* 第三张图片 */
    /* 第四张图片 */
  }
  .about-company-show .about-company-show-swiper .swiper-slide.swiper-slide-active {
    transform: translateZ(-100px) rotateY(25deg);
    transition: 0.3s;
  }
  .about-company-show .about-company-show-swiper .swiper-slide.next1 {
    transform: translateZ(-250px) rotateY(10deg);
    transition: 0.3s;
  }
  .about-company-show .about-company-show-swiper .swiper-slide.next2 {
    transform: translateZ(-250px) rotateY(-10deg);
    transition: 0.3s;
  }
  .about-company-show .about-company-show-swiper .swiper-slide.next3 {
    transform: translateZ(-100px) rotateY(-25deg);
    transition: 0.3s;
  }
}
.about-company-show .about-company-show-swiper .swiper-pagination {
  display: none;
}
/* 企业文化 */
.about-company-culture {
  background-image: url(../images/about-culture-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: max(1.2rem, var(--space));
  padding-bottom: max(1.21rem, var(--space));
}
.about-company-culture .culture-wrap .about-company-title-area .en,
.about-company-culture .culture-wrap .about-company-title-area .sub-title {
  color: #ffffff;
}
.about-company-culture .culture-wrap .about-company-title-area .zh {
  color: #fff;
  background: none;
  -webkit-text-fill-color: initial;
}
.about-company-culture .culture-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: max(0.33rem, 20px);
  column-gap: max(0.3rem, 15px);
  margin-top: max(0.6rem, 30px);
}
.about-company-culture .culture-list .item {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  overflow: hidden;
  padding-top: max(0.27rem, 20px);
  padding-left: max(0.29rem, 15px);
  padding-right: max(0.29rem, 15px);
  padding-bottom: max(0.4rem, 20px);
}
.about-company-culture .culture-list .item:nth-child(3),
.about-company-culture .culture-list .item:nth-child(7) {
  position: relative;
  background-color: rgba(3, 3, 3, 0.5);
}
.about-company-culture .culture-list .item:nth-child(3)::after,
.about-company-culture .culture-list .item:nth-child(7)::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.about-company-culture .culture-list .item.span-2 {
  grid-column: span 2;
}
.about-company-culture .culture-list .item .icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 34px;
  margin-bottom: max(0.2rem, 10px);
}
.about-company-culture .culture-list .item .info .title {
  font-weight: 400;
  font-size: var(--font24);
  color: #ffffff;
  line-height: 1.33333333;
}
.about-company-culture .culture-list .item .info .desc {
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 300;
  font-size: var(--font18);
  color: #ffffff;
  line-height: 1.44444444;
  margin-top: max(0.12rem, 10px);
}
.about-company-culture .culture-list .item.custom {
  padding: 0;
  border: none;
}
.about-company-culture .culture-list .item.custom:hover .pic img {
  transform: scale(1.05);
}
.about-company-culture .culture-list .item.custom .pic {
  display: block;
  width: 100%;
  height: 100%;
}
.about-company-culture .culture-list .item.custom .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: var(--duration);
}
/* 发展历程 */
.about-company-development {
  padding-top: max(1.2rem, var(--space));
  padding-bottom: max(1.2rem, var(--space));
}
.about-company-development .development-wrap {
  overflow: hidden;
}
.about-company-development .swiper-container {
  --w: max(0.52rem, 40px);
  max-width: 853px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.about-company-development .swiper-container .arrow {
  width: var(--w);
  height: var(--w);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  cursor: pointer;
  box-shadow: 0px 5px 1.14rem 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  z-index: 7;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.about-company-development .swiper-container .arrow.dev-prev {
  left: 0;
}
.about-company-development .swiper-container .arrow.dev-next {
  right: 0;
}
.about-company-development .swiper-container .arrow img {
  width: 12px;
  display: block;
  transition: var(--duration);
  max-width: 60%;
  object-fit: contain;
}
.about-company-development .swiper-container .arrow::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: var(--theme);
  z-index: -1;
  width: 0;
  height: 100%;
  transition: var(--duration);
}
.about-company-development .swiper-container .arrow:hover::after {
  width: 130%;
}
.about-company-development .swiper-container .arrow:hover img {
  filter: brightness(0) invert(1);
}
.about-company-development .swiper-container .about-development-swiper {
  margin-left: auto;
  margin-right: auto;
  width: 77.96014068%;
  overflow: initial !important;
}
.about-company-development .swiper-container .about-development-swiper .swiper-wrapper {
  align-items: center;
}
.about-company-development .swiper-container .about-development-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: max(40px, 0.92rem);
  padding-top: max(30px, 0.62rem);
}
.about-company-development .swiper-container .about-development-swiper .swiper-slide .content {
  display: block;
  background: #f1f2f4;
  padding-top: max(0.42rem, 20px);
  padding-left: max(0.51rem, 15px);
  padding-right: max(0.51rem, 15px);
  padding-bottom: max(0.71rem, 35px);
  transition: var(--duration);
  opacity: 0.4;
}
.about-company-development .swiper-container .about-development-swiper .swiper-slide .year {
  font-weight: bold;
  font-size: var(--font27);
  color: #333333;
  transition: var(--duration);
  line-height: 1;
}
.about-company-development .swiper-container .about-development-swiper .swiper-slide .tag {
  display: flex;
  align-items: center;
  margin-bottom: max(0.15rem, 10px);
}
.about-company-development .swiper-container .about-development-swiper .swiper-slide .tag .point {
  width: 6px;
  height: 6px;
  background: #e70112;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 11px;
}
.about-company-development .swiper-container .about-development-swiper .swiper-slide .tag .tag-text {
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: var(--font24);
  color: #666666;
}
.about-company-development .swiper-container .about-development-swiper .swiper-slide .desc {
  font-weight: 400;
  font-size: var(--font14);
  color: #666666;
  line-height: 1.57142857;
  margin-bottom: max(0.18rem, 10px);
}
.about-company-development .swiper-container .about-development-swiper .swiper-slide .pic {
  overflow: hidden;
}
.about-company-development .swiper-container .about-development-swiper .swiper-slide .pic img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.about-company-development .swiper-container .about-development-swiper .swiper-slide.swiper-slide-active {
  z-index: 7;
  max-width: none;
}
.about-company-development .swiper-container .about-development-swiper .swiper-slide.swiper-slide-active .content {
  background-color: #fff;
  background: #ffffff;
  box-shadow: 0px 5px max(1.14rem, 30px) 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  transform: scale(1);
  opacity: 1;
}
.about-company-development .swiper-container .about-development-swiper .swiper-slide.swiper-slide-active .content .year {
  font-weight: bold;
  font-size: var(--font36);
  color: #e70112;
  padding-bottom: max(0.31rem, 10px);
  border-bottom: var(--border);
  margin-bottom: max(0.22rem, 10px);
}
.about-company-development .swiper-container .about-development-swiper .swiper-slide.swiper-slide-active .content .tag {
  margin-bottom: 5px;
}
.about-company-development .swiper-container .about-development-swiper .swiper-slide.swiper-slide-active .content .desc {
  margin-bottom: max(0.14rem, 10px);
}
.about-company-development .swiper-container .about-development-swiper .swiper-slide.swiper-slide-prev .content .pic,
.about-company-development .swiper-container .about-development-swiper .swiper-slide.swiper-slide-next .content .pic {
  display: none;
}
.about-company-development .swiper-container .about-development-swiper .swiper-slide.swiper-slide-prev .content {
  transform: translateX(30%);
}
.about-company-development .swiper-container .about-development-swiper .swiper-slide.swiper-slide-next .content {
  transform: translateX(-20%);
}
.about-company-development .year-swiper {
  position: relative;
  margin-top: max(0.36rem, 30px);
}
.about-company-development .year-swiper::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 7px;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  z-index: -1;
}
.about-company-development .year-swiper .swiper-slide {
  cursor: pointer;
}
.about-company-development .year-swiper .swiper-slide .year {
  font-weight: 300;
  font-size: var(--font14);
  color: #666666;
  text-align: center;
  line-height: 1;
  white-space: nowrap;
  margin-top: max(0.16rem, 10px);
}
.about-company-development .year-swiper .swiper-slide .point {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
}
.about-company-development .year-swiper .swiper-slide .point::before {
  content: "";
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #dbdbdb;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.about-company-development .year-swiper .swiper-slide .point::after {
  content: "";
  position: absolute;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  background-color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.about-company-development .year-swiper .swiper-slide.swiper-slide-thumb-active .year {
  font-weight: 400;
  font-size: var(--font36);
  color: #e70112;
  line-height: 1;
}
.about-company-development .year-swiper .swiper-slide.swiper-slide-thumb-active .point::before {
  background-color: #e70112;
}
.about-company-honor {
  padding-top: max(1.2rem, var(--space));
  padding-bottom: max(1.2rem, var(--space));
  background: url(../images/about-company-honor-bg.png) no-repeat center / cover;
}
.about-company-honor .honor-list {
  margin-top: max(0.5rem, 30px);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 21px;
  column-gap: max(0.3rem, 15px);
}
.about-company-honor .honor-list .item {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.about-company-honor .honor-list .item .pic {
  width: 100%;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid rgba(204, 204, 204, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: max(0.18rem, 10px);
  flex: 1;
}
.about-company-honor .honor-list .item .pic img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: var(--duration);
}
.about-company-honor .honor-list .item .text {
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: var(--font16);
  color: #666666;
  line-height: 2;
  margin-top: 11px;
  text-align: center;
  transition: var(--duration);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
}
.about-company-honor .honor-list .item:hover .pic img {
  transform: scale(1.05);
}
.about-company-honor .honor-list .item:hover .text {
  color: var(--theme);
}

/* 关于我们-公司简介 */
@media (max-width: 1200px) {
  .about-company-banner {
    margin-top: var(--header-height);
  }
}
@media (max-width: 992px) {
  .about-company-desc .about-company-wrap {
    flex-wrap: wrap;
  }
  .about-company-desc .company-left {
    width: 100%;
  }
  .about-company-desc .company-right {
    width: 100%;
    margin-top: 30px;
  }
  .about-company-desc .company-right .pic img {
    margin-left: auto;
    margin-right: auto;
  }
  .about-company-honor .honor-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .about-company-culture .culture-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-company-culture .culture-list .item .info .desc br {
    display: none;
  }
  .about-company-banner .about-mouse {
    display: none;
  }
}
@media (max-width: 576px) {
  .about-company-banner .text .title {
    font-size: 22px;
  }
  .about-company-banner .text .sub-title {
    font-size: 16px;
    line-height: 1.5;
  }
  .about-company-banner .pic img {
    min-height: 260px;
    object-fit: cover;
  }
  .about-company-desc .company-left .company-title {
    font-size: 20px;
  }
  .about-company-desc .company-left .company-sub-title {
    font-size: 16px;
    font-weight: 500;
  }
  .about-company-show .swiper-list .swiper-item .prev,
  .about-company-show .swiper-list .swiper-item .next {
    display: none;
  }
  .about-company-title-area .zh {
    font-size: 18px;
  }
  .about-company-title-area .sub-title {
    font-size: 16px;
  }
  .about-company-show .about-company-show-swiper .swiper-pagination {
    position: static;
    display: block;
    margin-top: 10px;
  }
  .about-company-show .about-company-show-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--theme);
  }
  .about-company-culture .culture-list .item {
    padding-left: 10px;
    padding-right: 10px;
  }
  .about-company-culture .culture-list .item .icon {
    margin-bottom: 5px;
  }
  .about-company-culture .culture-list .item .icon img {
    max-width: 30px;
  }
  .about-company-culture .culture-list .item .info .title {
    font-size: 16px;
  }
  .about-company-development .swiper-container .arrow {
    display: none;
  }
  .about-company-development .swiper-container .about-development-swiper {
    width: 90%;
  }
  .about-company-honor .honor-list {
    grid-template-columns: repeat(2, 1fr);
  }
}