@font-face { font-family: Barlow-Bold; src: url(../font/Barlow-Medium.ttf) format("truetype")}p { margin: 0}.desc * { font-family: inherit !important; line-height: inherit !important; text-align: left}.edit-info * { font-family: initial !important; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; overflow-wrap: break-word; text-align: left; white-space: inherit !important}.edit-info p+p.tc { margin-top: var(--padding-margin__10)}.edit-info table { border-collapse: collapse; text-align: center; width: 100%}.edit-info table tr:first-child { background-color: #fff9ec; font-size: var(--font-size__22); text-align: center}.edit-info table tr:first-child td { color: #222; font-weight: var(--font-weight__m); height: 0.68rem}.edit-info table td { border: 1px solid #e1e1e1; color: #222; line-height: 1.2; padding: 0.1rem}.edit-info h2 { font-size: var(--font-size__20); font-weight: var(--font-weight__m)}.edit-info h1,.edit-info h2,.edit-info h3,.edit-info h4,.edit-info h5,.edit-info h6 { margin: initial}.desc { color: #333; text-align: left}:root { --max-width: 1560; --max-width2: 1560; --background-contain: no-repeat center center/contain; --default-color__rgb: 51, 51, 51; --default-color: rgba(var(--default-color__rgb), 1); --primary-color__rgb: 0, 60, 150; --primary-color: rgba(var(--primary-color__rgb), 1); --secondary-color__rgb: 254, 216, 6; --secondary-color: rgba(var(--secondary-color__rgb), 1); --font-family: "Barlow-Bold", sans-serif; --white-color__rgb: 255, 255, 255; --white-color: rgba(var(--white-color__rgb), 1); --black-color__rgb: 0, 0, 0; --main_line_height: 1.5; --font-weight__l: 100; --font-weight__r: 400; --font-weight__m: 500; --header_height: 1rem; --header_height__up: 0.7rem}html { font-size: 100px}main { margin: 0 auto}@media (max-width:1400px) { html:not(.view) { font-size: 5.95238vw }}@media (max-width:1024px) { html:not(.view) { font-size: 10vw }}@media (max-width:480px) { html:not(.view) { font-size: 20.83333vw }}body { color: var(--default-color); font-family: var(--font-family); font-size: var(--font-size__18); line-height: var(--main_line_height)}.container { max-width: calc(var(--max-width)*1px)}.container,.container-1600 { margin: 0 auto; position: relative; width: 94%; z-index: 1}.container-1600 { max-width: calc(var(--max-width2)*1px)}@media (max-width:1024px) { .container, .container-1600 { width: 94% } :root { --header_height: 0.65rem }}@media(max-width:480px) { .desc { line-height: 0.28rem }}.swiper-button-next,.swiper-button-prev { background: no-repeat 50%; background-size: 0.08rem auto; border: 1px solid rgba(var(--black-color__rgb), 0.5); border-radius: 50%; height: 0.56rem; margin: 0; transform: translateX(0); transition: transform 0.5s ease; transition: all 0.5s; width: 0.56rem}.swiper-button-next:not(.swiper-button-disabled):hover,.swiper-button-prev:not(.swiper-button-disabled):hover { background-color: var(--primary-color)}.swiper-button-next:hover,.swiper-button-prev:hover { background-color: var(--primary-color) !important; border-color: var(--primary-color)}.swiper-button-next:after,.swiper-button-prev:after { display: none}.swiper-pagination { bottom: 0.25rem; width: 100%}.swiper-pagination-bullet { background-color: rgba(var(--primary-color__rgb), 0.2); border: 0px; border-radius: 50%; height: 0.1rem; opacity: 1; overflow: hidden; position: relative; width: 0.1rem}.swiper-pagination-bullet:after { background-color: var(--primary-color); border-radius: 50%; content: ""; height: 0; left: 50%; position: absolute; top: 50%; transition: all 0.3s; width: 0}.swiper-pagination-bullet:not(:last-child) { margin-right: 0.1rem}.swiper-pagination-bullet-active { border-radius: 0.06rem; width: 0.2rem}.swiper-pagination-bullet-active:after { background-color: var(--primary-color); border-radius: 0.05rem; height: 100%; left: 0; top: 0; width: 100%}.swiper-pagination.st { margin: var(--padding-margin__50) 0 0; position: static}.swiper-scrollbar { background: url(../image/scrollybg.gif) repeat-x 0}.swiper-scrollbar-drag { background-color: var(--primary-color)}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal { height: 0.04rem}header { left: 0; position: fixed; top: 0; transition: all 0.5s; width: 100%; z-index: 1000; --max-width: 1600; background-color: #fff; border-bottom: 1px solid hsla(0, 0%, 100%, .1)}@media screen and (min-width:1200px) { header, header .container { height: 140px }}header .logo img.cai { display: block}header .container { max-width: calc(var(--max-width2)*1px); position: static; transition: all 0.5s}header.down { top: -100%}header.up { top: 0%}.main-nav { margin-left: auto; padding-right: 0rem}.main-nav li { margin: 0 0.37rem 0 0}.main-nav li span a,.main-nav li>span { color: #000; display: block; font-size: var(--font-size__18)}.main-nav li span a { display: block; line-height: var(--header_height); position: relative}.h-lang dt { align-items: center; display: flex; justify-content: center}.h-lang dd { top: 100%}.h-lang a { margin-right: 0.13rem}.h-lang a:hover { color: #777}.h-lang { position: relative}.h-lang dd { background-color: #fff; border-radius: 0.05rem; box-shadow: 0 0 10px rgba(0, 0, 0, .08); left: 0; opacity: 0; padding: 0.1rem; pointer-events: none; position: absolute; text-align: center; top: 120%; transition: all 0.3s; width: 100%; z-index: 100}.h-lang dd a { color: #333 !important; display: block; margin: 0}.h-lang dd a:hover { color: var(--primary-color) !important; transform: scale(1.1)}.h-lang dd a:not(:last-child) { margin-bottom: 0.06rem}.h-lang.hover dd { opacity: 1; pointer-events: auto; top: 100%; transform: translateY(0)}.open-search:before { background-color: #111; content: ""; height: 10px; margin-top: -5px; opacity: 0.4; position: absolute; right: -0.2rem; top: 50%; width: 1px}header.getsmall { box-shadow: 0 0 10px rgba(0, 0, 0, .08)}.main-nav .sub { background-color: hsla(0, 0%, 100%, .95); min-width: 220px; width: fit-content}header.getsmall { box-shadow: 0 5px 14px rgba(0, 0, 0, .05)}header.getsmall .container { height: var(--header_height__up)}@media (min-width:1025px) { .main-nav li:nth-child(2) { position: static } .main-nav li.aon span a:before { opacity: 1; width: 0.28rem } .main-nav .sub { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); opacity: 0; padding: 0.4rem 0 0.6rem; position: absolute; top: 86%; transition: all 0.6s } .main-nav .sub .left { color: #181818; font-family: Barlow-Bold; padding-right: 0.9rem; text-align: right; text-transform: uppercase; width: max-content } .main-nav .sub .right { border-left: 1px solid hsla(0, 0%, 60%, .2); min-width: 10rem; padding-left: 0.6rem } .main-nav .sub .info h2 { font-size: var(--font-size__30); font-weight: var(--font-weight__r); line-height: 1; margin-bottom: 0.11rem } .main-nav .sub .info p { color: #999; font-size: var(--font-size__18); margin-bottom: 0.18rem } .main-nav .sub dl { margin-bottom: -0.24rem } .main-nav .sub dd { font-size: var(--font-size__18) } .main-nav .sub dd a { color: #555; line-height: 2; padding:0 0.23rem; position: relative } .main-nav .sub dd a:after { background: var(--background-contain); content: ""; height: 0.1rem; left: 0; opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); transition: all 0.5s; width: 0.11rem } .main-nav .sub dd a:hover:after { opacity: 1 } .main-nav .sub dd a:hover { color: #003c96 } .main-nav .sub .ispic { width: 4.42rem } .main-nav .show .sub { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); opacity: 1 } .main-nav .show .sub .info h2 { animation: fadeInUpSmall 0.5s ease both; -webkit-animation: fadeInUpSmall 0.5s ease both; -moz-animation: fadeInUpSmall 0.5s ease both } .main-nav .show .sub .info p { animation: fadeInUpSmall 0.8s ease both; -webkit-animation: fadeInUpSmall 0.8s ease both; -moz-animation: fadeInUpSmall 0.8s ease both } .main-nav .show .sub dl { animation: fadeInUpSmall 1s ease both; -webkit-animation: fadeInUpSmall 1s ease both; -moz-animation: fadeInUpSmall 1s ease both } .main-nav .show .sub .ispic img { animation: fadeInfilter 2s ease both; -webkit-animation: fadeInfilter 2s ease both; -moz-animation: fadeInfilter 2s ease both }}@media(max-width:1600px) { .main-nav { padding-right: 0.4rem } .main-nav li { margin: 0 0.2rem 0 0 } .main-nav li span a, .main-nav li>span { font-size: var(--font-size__16) }}@media (max-width:1024px) { .main-nav { background: rgba(var(--white-color__rgb), 0.98); bottom: 0; box-shadow: 0 0 15px rgba(0, 0, 0, .1); left: -100%; padding-right: 0; position: fixed; top: var(--header_height); transform: translateX(-100%); transition: 0.5s ease-in-out; width: 72% } .menu-show .main-nav { left: 0; transform: translateX(0) } .main-nav ul { max-height: calc(100vh - var(--header_height)); overflow: auto; overflow-y: auto; padding: 0 0.2rem } .main-nav li { border-bottom: 1px solid rgba(var(--black-color__rgb), 0.1); margin-right: 0 } .main-nav li span { display: block; overflow: hidden; position: relative; z-index: 1 } .main-nav li span a { font-size: var(--font-size__34); line-height: 3 } .wap-op { background: url(../images/mobile-right-link.png) no-repeat 50%; background-size: auto 0.5em; height: 100%; position: absolute; right: 0; top: 0; transition: 0.3s; width: 0.5rem; will-change: transform; z-index: 10 } .main-nav li.wap-show .wap-op { transform: rotate(-180deg) } .main-nav .sub { display: none; width: 100% } .main-nav .sub .info, .main-nav .sub .ispic { display: none } .main-nav .sub dl { flex-direction: column; font-size: var(--font-size__22); line-height: 2.5 } .main-nav .sub dl dd a { display: block; padding: 0rem } .main-nav .sub dl dd:not(:last-child) a { border-bottom: 1px solid rgba(0, 0, 0, .1) } header .sub .container { height: auto } .main-nav .sub dl { align-items: flex-start; display: flex } .main-nav .sub dl dd { font-size: 0.18rem; width: 100% } .main-nav .sub .sub-inner, .main-nav .sub .sub-inner .right { width: 100% } .open-menu { align-items: center; background: var(--primary-color); display: flex; flex-direction: column; height: 0.35rem; justify-content: space-between; margin-left: 0.4rem; padding: 0.08rem 0; width: 0.4rem } .open-menu i { background-color: var(--white-color); display: block; height: 2px; transition: all 0.5s; width: 60% } .menu-show .open-menu i:first-child { -webkit-transform: translateY(0.08rem) rotate(45deg) !important; -moz-transform: translateY(0.08rem) rotate(45deg) !important; -ms-transform: translateY(0.08rem) rotate(45deg) !important; -o-transform: translateY(0.08rem) rotate(45deg) !important; transform: translateY(0.08rem) rotate(45deg) !important } .menu-show .open-menu i:nth-child(2) { -webkit-transform: translate(0) rotate(-45deg) !important; -moz-transform: translate(0) rotate(-45deg) !important; -ms-transform: translate(0) rotate(-45deg) !important; -o-transform: translate(0) rotate(-45deg) !important; transform: translate(0) rotate(-45deg) !important } .menu-show .open-menu i:nth-child(3) { width: 0 }}@media (max-width:480px) { header .logo img { height: 0.5rem } header { height: 0.65rem; padding-top: 5px }}footer { background: var(--third-color); color: rgba(var(--white-color__rgb), 0.5); padding-top: var(--padding-margin__100); position: relative; z-index: 11}footer .container { max-width: calc(var(--max-width2)*1px)}footer a { color: rgba(var(--white-color__rgb), 0.5)}footer a:hover { color: var(--white-color)}.f-sitemap .tit { color: #fff; font-size: var(--font-size__20); margin-bottom: 0.14rem}.f-sitemap .tit a { color: var(--white-color)}.f-sitemap .item dd:not(:last-child) { margin-bottom: 0.06rem}.f-sitemap .item dd a { color: rgba(var(--white-color__rgb), 0.5); font-weight: var(--font-weight__l)}.f-sitemap .item dd a:hover { color: var(--white-color)}.follow-us li { color: #8d9199; font-weight: var(--font-weight__l); position: relative; text-align: center; width: 1rem; z-index: 20}.follow-us li img { background-color: hsla(0, 0%, 100%, .05); border: 1px solid hsla(0, 0%, 100%, .1); display: block; margin-bottom: 0.07rem; padding: 0.05rem; transition: all 0.5s; width: 100%}.follow-us li:hover img { transform: scale(1.15)}.follow-us li:not(:first-child) { margin-left: 0.3rem}.f-bottom { border-top: 1px solid rgba(var(--white-color__rgb), 0.1); line-height: 2.25; margin-top: var(--padding-margin__25); padding: var(--padding-margin__25) 0 var(--padding-margin__45); width: 100%}.f-bottom,.f-bottom a:not(:hover) { color: #8d9099}.f-bottom .nav a:not(:last-child):after { background-color: rgba(var(--white-color__rgb), 0.1); content: ""; display: inline-block; height: 0.12rem; margin: 0 0.12rem; width: 1px}.fix-right { position: fixed; right: var(--padding-margin__30); top: 90%; transform: translateY(-50%); width: 0.6rem; z-index: 100}.fix-right .btn { align-items: center; background-color: var(--primary-color); display: flex; font-size: var(--font-size__14); height: 0.6rem; justify-content: center; text-align: center}.fix-right li { position: relative}.fix-right figure img { display: block; height: 0.25rem; margin: 0px auto}.fix-right li:not(:last-child) .btn { border-bottom: 1px solid hsla(0, 0%, 100%, .18)}.fix-right li:hover .info { opacity: 1; right: 100%; visibility: visible; z-index: 100}.fix-right li:nth-child(2) .info { width: 1.8rem}.fix-right .info { background: #fff; border-radius: 5px; box-shadow: 0 0 15px rgba(0, 0, 0, .15); opacity: 0; padding: 0.1rem; position: absolute; transition: all 0.5s; visibility: hidden; width: 2.25rem; z-index: -1}.fix-right .info .code { text-align: center}.fix-right .info .code img { width: 100%}.fix-right .info:after { background: #fff; content: ""; height: 10px; position: absolute; right: -10px; top: 50%; transform: translateX(-50%) rotate(45deg); width: 10px}.fix-right .back-top { height: 0; opacity: 0; pointer-events: none; transform: translateY(-100%); transition: all 0.5s}.fix-right.up .back-top { height: 0.6rem; opacity: 1; pointer-events: auto; transform: translateY(0)}.fix-right.up li:nth-child(2) .btn { border-radius: 0}.back-top { cursor: pointer}.back-top #canvas { display: none; fill: none; height: 100%; left: 0; position: absolute; stroke: #0f70b6; stroke-dasharray: 275; stroke-dashoffset: 275; stroke-width: 3px; top: 0; width: 100%; z-index: 2}.back-top .btn { background-color: var(--secondary-color)}.back-top .btn:before { backface-visibility: visible; background: url(../images/totop.png) var(--background-contain); content: ""; display: block; height: 0.2rem; margin: 0px auto; width: 0.2rem}.back-top:hover .btn { -webkit-animation: gettop 1.5s ease infinite; animation: gettop 1.5s ease infinite}@-webkit-keyframes gettop { 0%, 40%, to { -webkit-transform: translateY(0) } 20%, 60% { -webkit-transform: translateY(6px) }}@media (min-width:1025px) { .f-sitemap { flex: 1 } .follow-us { width: 5rem } .fix-right .info { right: 90%; top: 50%; transform: translateY(-50%); width: 2.25rem } .fix-right li:first-child .btn { border-radius: 0.05rem 0.05rem 0 0 } .fix-right li:last-child .btn { border-radius: 50% } .fix-right li:nth-child(2) .btn { border-radius: 0 0 0.05rem 0.05rem }}@media (max-width:1024px) { footer { padding-bottom: 0.2rem; padding-top: 0.2rem } .f-sitemap { display: none } .follow-us { justify-content: center } .copyright { text-align: center } .fix-right { bottom: -100%; opacity: 0; right: 0; top: auto; transform: translateY(0); transition: all 0.5s; width: 100% } .fix-right ul { background-color: var(--primary-color); display: flex } .fix-right ul li { flex: 1 } .fix-right .info { bottom: calc(100% + 0.15rem); left: 0 } .fix-right .info:after { bottom: -0.08rem; left: 50%; margin-left: -0.08rem; right: auto; top: auto } .fix-right.up { bottom: 0; display: none; opacity: 0; z-index: -100 } .back-top #canvas { left: 50%; margin-left: -0.3rem; width: 0.6rem } .f-bottom { border: none; margin-top: 0; padding-bottom: 0 }}@media(max-width:480px) { .follow-us li { width: 1.2rem }}.modal-page { overflow: hidden}#bloc { z-index: 1}.scrollbar { padding-right: var(--padding-margin__20)}.scrollbar::-webkit-scrollbar { height: .04rem; width: .04rem}.scrollbar::-webkit-scrollbar-thumb { background: rgba(var(--primary-color__rgb), 1); border-radius: .04rem}.scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(var(--primary-color__rgb), .5)}.controls-page { align-items: center; display: flex; justify-content: center; padding: 0 0.1rem; position: relative}.controls-page span { background-color: rgba(var(--white-color__rgb), 0.4); height: 0.08rem; opacity: 1; position: relative; width: 0.08rem}.controls-page .swiper-pagination-bullet-active { background-color: var(--primary-color)}.controls-page span:not(:last-child) { margin-right: var(--padding-margin__30)}.rows { min-height: unset; overflow: hidden; padding: var(--padding-margin__120) 0; position: relative}main { z-index: 1}.pageBan,main { background-color: #fff; position: relative}.pageBan { background-position: 50%; background-repeat: no-repeat; background-size: cover}.pageBan .info { color: #fff; left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); z-index: 2}.pageBan .info h2 { font-family: Barlow-Bold; font-size: var(--font-size__60); justify-content: center; line-height: 1.25; margin: 0 0 0.13rem}.pageBan .info p { font-size: var(--font-size__18); letter-spacing: 0em; margin: 0 auto; max-width: 7.5rem}.pageBan .info p span { display: block; text-align: left}.pageBan .ispic { padding:0;}.pageBan .ispic img { transform: scale(1.1); transition: all 5s}.subMenu { background-color: #f8f8f8; position: relative; z-index: 1}.subMenu ul li:not(:last-child) { margin-right: var(--padding-margin__55)}.subMenu ul li span { display: inline-block; position: relative}.subMenu ul li:after { background-color: var(--primary-color); bottom: 0; content: ""; height: 0.03rem; left: 0; position: absolute; transition: all 0.5s; width: 0}.subMenu .place { align-items: center; color: #666; display: flex; font-weight: var(--font-weight__l); padding: 0.15rem 0}.subMenu .place a { margin-right: 0.26rem; position: relative;display: flex;align-items: center;gap: 8px;}.subMenu .place>a::after,.subMenu .place li:not(:last-child) a::after { content: ">"; position: absolute; right: -0.26rem; text-align: center; width: 0.26rem}.subMenu .place span { color: var(--primary-color)}.subMenu.fixed { position: fixed; top: var(--header_height__up); width: 100%; z-index: 999}.subMenu.fixed ul li { min-height: var(--header_height__up)}.subMenu-placeholder { display: none; height: 0.9rem; visibility: hidden; width: 100%}.subPage { background-color: #fff; overflow: visible; padding: var(--padding-margin__100) 0; position: relative}@media(min-width:1025px) { .subMenu ul li:hover:after { width: 100% }}@media(max-width:1024px) { h2.sec-title { font-size: 0.4rem!important; line-height: 0.5rem } .subMenu ul { overflow-x: auto; white-space: nowrap } .subMenu.fixed ul li { min-height: 0.55rem } .pageBan .info h2 { font-size: 0.4rem } .pageBan .info p { font-size: 0.16rem } .subPage { padding: var(--padding-margin__80) 0 }}@media(max-width:1024px) { .pageBan .info h2 { font-size: 0.3rem; margin-bottom: 0 }}.news-list { margin-left: -0.6rem}.news-list .item { padding: 0 0 var(--padding-margin__70) 0.6rem; width: 33.333%}.news-list .ispic { border-radius: 0.15rem; margin-bottom: var(--padding-margin__35); padding-bottom: 66.81818%}.news-list .tit { font-size: var(--font-size__24); font-weight: var(--font-weight__m); height: 2.66em; line-height: 1.33333; margin: 0 0 var(--padding-margin__15)}.news-list time { color: #666; font-size: var(--font-size__14)}.news-list.search { margin: 0}.news-list.search .item { border-bottom: 1px solid rgba(0, 0, 0, .1); padding: var(--padding-margin__20) 0; width: auto}.link_xlsx:before { background-image: url(../image/ico-xlsx.gif)}.link_doc:before,.link_xlsx:before { background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; display: inline-block; height: 18px; margin: -4px 5px 0 0; vertical-align: middle; width: 18px}.link_doc:before { background-image: url(../image/ico-word.gif)}.link_pdf:before { background-image: url(../image/ico-pdf.gif)}.link_pdf:before,.link_rar:before { background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; display: inline-block; height: 18px; margin: -4px 5px 0 0; vertical-align: middle; width: 18px}.link_rar:before { background-image: url(../image/ico-rar.gif)}.arrow { background-color: hsla(0, 0%, 100%, .5); border-radius: 50%; cursor: pointer; height: 0.56rem; position: absolute; top: 50%; transform: translateY(-50%); width: 0.56rem}.arrow:hover { background-color: var(--primary-color)}.arrow:before { background-position: 50%; background-repeat: no-repeat; background-size: 0.08rem 0.15rem; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%}.arrow.prev { left: -0.96rem}.arrow.next { right: -0.96rem}li { list-style: none}ul { margin: 0; padding: 0}.abouttit { color: #181818; font-family: Barlow-Bold; font-size: 0.6rem; line-height: 0.8; margin-bottom: 0.4rem}.engineering-main { padding-top: 1.6rem}.company-profile .desc { color: #333; font-size: 0.18rem; line-height: 0.3rem; max-height: 3.6rem; overflow-y: auto; padding-right: 0.4rem; text-align: left}.abouttit2 { color: #fff; font-family: Barlow-Bold; font-size: 0.5rem; line-height: 0.57rem}.numberList ul { display: flex; justify-content: center; margin-bottom: 1rem; margin-top: 1.6rem}.numberList ul li { color: #fff; max-width: 4rem; text-align: center; width: 25%}.numberList ul li .num { display: inline-block; height: 0.7rem; position: relative}.numberList ul li .num .counter { font-family: Barlow-Bold; font-size: 0.8rem; line-height: 0.7rem; overflow: hidden}.numberList ul li .num .counter i { display: block; font-style: normal; min-height: 1.06rem}.numberList ul li .num sup { font-size: 0.3rem; top: 0}.numberList ul li .num sub,.numberList ul li .num sup { font-family: Barlow-Bold; left: 100%; line-height: 1; position: absolute}.numberList ul li .num sub { bottom: 0; font-size: 0.18rem}.numberList ul li .num p { color: #555; display: block; font-size: 0.2rem; line-height: 0.2rem}.numberList ul li p { margin: 0px auto; max-width: 80%}@media(max-width:1024px) { .numberList ul li .num .counter { font-size: 0.6rem; line-height: 0.5rem } .numberList ul li .num { height: 0.5rem }}@media(max-width:480px) { .numberList ul { flex-wrap: wrap } .numberList ul li { margin-bottom: 0.3rem; width: 50% } .numberList ul li p { max-width: 90% } .numberList ul li .num .counter i { min-height: 0.6rem }}@media(max-width:1024px) { .company-profile .desc { font-size: 14px; line-height: 20px }}@media(max-width:768px) { .numberList ul { margin: .6rem 0 0.6rem } .engineering-main { padding-top: 0.8rem }}.subPage.pb0 { padding-bottom: 0}.company-profile .ispic { margin-top: 0.8rem; padding-bottom: 41.666%; width: 100%}.organization { background-color: #f4f6f9}.organization .tab-nav { font-size: 0; text-align: center}.organization .tab-nav .item { border-bottom: 0.03rem solid transparent; color: #555; cursor: pointer; display: inline-block; font-family: Barlow-Bold; font-size: 0.2rem; height: 0.5rem; line-height: 0.5rem; margin: 0 0.4rem}.organization .tab-nav .item.on { border-bottom-color: #003c96; color: #003c96}.organization .tab-con { margin-top: 0.7rem}.organization .tab-con .ispic { border-radius: 0.2rem; float: left; padding-bottom: 28%; width: 50%}.organization .tab-con .text { float: right; width: 42%}.organization .tab-con .text .desc { color: #333; font-size: 0.18rem; line-height: 0.3rem}.organization .tab-con .contact { background: #fff; border-radius: 0 0.05rem 0.05rem 0; display: flex; margin-top: 0.15rem}.organization .tab-con .contact .name { align-items: center; background-color: #003c96; box-sizing: border-box; color: #fff; display: flex; justify-content: center; margin-right: .2rem; position: relative; text-align: center; width: .68rem}.organization .tab-con .contact .name:after { border-bottom: .06rem solid transparent; border-left: .05rem solid #003c96; border-top: .06rem solid transparent; bottom: 0; content: ""; display: block; height: 0; margin: auto 0; position: absolute; right: -.04rem; top: 0; width: 0; z-index: 3}.organization .tab-con .contact .info { flex: 1; padding: 0.08rem 0}.Innovative .slider { margin-top: 0.8rem}.Innovative .slider ul li .ispic { border-radius: 0.2rem; overflow: hidden; padding-bottom: 66%}.Innovative .slider ul li a { display: block; margin: 0 0.1rem}.Innovative .slick-prev { left: 0.25rem; top: 40%}.Innovative .slick-next { right: 0.25rem; top: 40%}.Innovative .slick-arrow { background-color: #fff; height: 0.56rem; width: 0.56rem}.Innovative .slick-arrow:hover { background-color: #003c96}.Innovative .slider ul li .text { margin-top: 0.2rem; text-align: center}.Innovative .slider ul li .text .desc { color: #555; font-size: 0.18rem; line-height: 0.32rem; text-align: center}.Chemical .slider .item { color: #fff; position: relative}.Chemical .slider .item .ispic { height: auto; padding-bottom: 41.666%}.Chemical .slider .item .txt { left: 0; padding-top: 1.4rem; position: absolute; top: 0; width: 100%}.Chemical .slider .item .txt .tit { background: rgba(0, 60, 150, .8); color: #fff; display: inline-block; max-width: 7.2rem; padding: 3%}.Chemical .slider .item .txt .tit aside { font-family: Barlow-Bold; font-size: 0.4rem; line-height: 0.4rem}.Chemical .slider .item .txt .tit .desc { color: #fff; font-size: 0.18rem; line-height: 0.3rem; margin-top: 0.3rem; max-height: 2.1rem; overflow-y: auto; padding-right: 0.08rem}.Chemical .slider .item .txt .tit .desc::-webkit-scrollbar-track { background: hsla(0, 0%, 100%, .1)}.Chemical .slider .item .txt .tit .desc::-webkit-scrollbar-thumb { background: hsla(0, 0%, 100%, .8)}.Chemical .slider .item .txt .tit .more { border: 0.01rem solid #fff; border-radius: 50%; color: #fff; display: inline-block; height: 0.5rem; line-height: 0.5rem; margin-top: 0.4rem; text-align: center; width: 1.2rem}.Chemical .slider .item .txt .tit .more:hover { background-color: #003c96; border-color: #003c96; color: #fff}.Chemical .slider .slick-dots { bottom: 0rem; display: flex; height: 1.2rem; justify-content: space-between; left: 50%; max-width: 15.6rem; position: absolute; transform: translateX(-50%); width: 90%; z-index: 9}.Chemical .slider .slick-dots li { align-items: center; background-color: hsla(0, 0%, 100%, .9); border-radius: 0.16rem 0.16rem 0rem 0rem; display: flex; float: left; height: 1rem; justify-content: center; margin: 0 0.25%; padding: 0.05rem 0.1rem; position: relative; width: 12%}.Chemical .slider .slick-dots li button { display: none}.Chemical .slider .slick-dots li.slick-current { background-color: #003c96}.Chemical .slider .slick-dots li:after { display: none}.Chemical .slider .slick-dots li .tit { color: #181818; font-family: Barlow-Bold; font-size: 0.22rem; line-height: 0.3rem}.Chemical .slider .slick-dots li.slick-current .tit { color: #fff}.Chemical .slider .slick-dots li.slick-current:before { background: url(../image/toparr.png) no-repeat 50%; bottom: 0; content: ""; height: 0.1rem; left: 50%; position: absolute; transform: translateX(-50%); width: 0.2rem}.industrial-products { background-color: #f4f6f9; padding-bottom: var(--padding-margin__50)}.industrial-products .slider { margin: 0.5rem -0.18rem 0}.industrial-products li { margin: 0 0.18rem; padding-bottom: var(--padding-margin__50)}.industrial-products li .ispic { border-radius: 0.2rem; padding-bottom: 56.45161%}.industrial-products li .txt { padding: 0.3rem 0; transition: 0.5s}.industrial-products .slick-prev { left: -0.6rem}.industrial-products .slick-next { right: -0.6rem}.industrial-products .slick-arrow { background-color: #fff}.industrial-products .slick-arrow:hover { background-color: #003c96}.industrial-products li aside { color: #333; font-family: Barlow-Bold; font-size: 0.24rem; line-height: 0.36rem}.industrial-products li .desc { color: #333; font-size: 0.18rem; line-height: 0.3rem}.industrial-products li a:hover .txt { box-shadow: 0 10px 40px rgba(15, 29, 55, .1); padding: 0.3rem 0.45rem}.subMenu ul li:not(:last-child) { margin-right: 2.8vw}.subMenu ul li { align-items: center; display: flex; font-size: var(--font-size__18); min-height: 0.9rem; position: relative; transition: all 0.5s}@media screen and (max-width:1600px) { .abouttit { font-size: 0.4rem; line-height: 0.6rem; margin-bottom: 0.2rem } .abouttit2 { font-size: 0.36rem; line-height: 0.46rem }}@media(min-width:1025px) { .pageBan {margin-top: 140px }}@media(max-width:1024px) { .industrial-products .slick-prev { left: 0.1rem } .industrial-products .slick-next { right: 0.1rem }}@media(max-width:480px) { .Innovative .slick-next, .Innovative .slick-prev { top: 32% }}.company-profile .desc.f24 { font-size: 0.24rem; line-height: 0.4rem; max-width: 10.88rem}@media(max-width:1024px) { .news-list { margin-left: -0.2rem } .news-list .item { margin-bottom: 2%; margin-right: 2%; width: 32% } .news-list .item:nth-child(3n) { margin-right: 0 }}.news-details { padding-top: var(--padding-margin__100)}.news-details .place { padding: 0.25rem 0 0.5rem}.news-details .title { font-size: var(--font-size__36); line-height: 1.33333; margin-bottom: 0.19rem}.news-details .other { font-size: var(--font-size__18); font-weight: var(--font-weight__l)}.news-details .other li:not(:last-child) { margin-right: var(--padding-margin__100)}.news-details .other li { background-position: 0; background-repeat: no-repeat; background-size: 0.15rem 0.15rem; padding-left: 0.1rem}.news-details .other li span { color: #999}.news-details .other li.share a { display: inline-block; margin-left: 0.14rem}.news-details .other li.share img { vertical-align: middle}.news-details .other li.share { display: none}.news-details .edit-info { border-bottom: 1px solid #eef0f5; font-size: var(--font-size__18); line-height: 2; padding-bottom: var(--padding-margin__45)}.news-details .edit-info h2 { font-size: var(--font-size__24)}.news-details .edit-info h3 { font-size: var(--font-size__20)}.news-details .edit-info img { height: auto}.news-page { font-size: var(--font-size__18); margin-top: var(--padding-margin__55); position: relative}.news-page dl { color: #181818}.news-page dl:first-child { margin-bottom: 0.18rem}.news-page dl dt { color: #999; padding-right: 0.05rem}.news-page dl dd { flex: 1}.news-page .back { border-radius: 50%; display: block; height: 0.66rem; line-height: 0.66rem; margin: var(--padding-margin__45) auto 0; text-align: center; width: 1.2rem}.news-page .back,.news-page .back:hover { background-color: var(--primary-color); color: #fff}.news-page .back { position: relative}.news-page .back:before { background: url(../images/back2.png) no-repeat 50%; content: ""; display: inline-block; height: 0.12rem; margin-right: 0.05rem; width: 0.14rem}@media(min-width:1025px) { .news-details .content { width: 68.05556% } .news-details .content.auto { width: 100% } .news-page .back { margin: 0; position: absolute; right: 0; top: 0.1rem } .news-page dl { padding-right: 1.8rem }}@media(max-width:1024px) { .news-details .edit-info img { height: auto !important; max-width: 100% } .news-details .edit-info { font-size: 16px; line-height: 24px }}@media(max-width:768px) { .news-details { padding-top: 0.7rem } .news-details .place { padding-bottom: 0.3rem } .news-details .other li:not(:last-child) { margin-right: var(--padding-margin__50) } .news-details .edit-info * { font-size: var(--font-size__20) !important } .news-details .other li { margin: 0; width: 100% }}.Honors { background-image: linear-gradient(180deg, #f4f6f9 50%, #f4f6f9)}@media(max-width:1600px) { .Chemical .slider .item .txt { padding-top: 0.8rem } .Chemical .slider .item .txt .tit .desc { max-width: 6rem } .Chemical .slider .slick-dots li .tit { font-size: 0.18rem }}@media(max-width:1024px) { .Innovative .slick-prev { left: 5% } .Innovative .slick-next { right: 5% } .organization .tab-con .ispic { padding-bottom: 40%; width: 100% } .organization .tab-con .text { margin-top: 0.2rem; width: 100% } .Chemical .slider .item .txt .tit .desc { max-width: unset; width: 100% } .Chemical .slider .item .ispic { padding-bottom: 60% } .Chemical .slider .slick-dots li { font-size: 0.16rem; width: 24% } .Chemical .slider .slick-dots { flex-wrap: wrap } .company-profile .desc.f24 { font-size: 0.18rem; line-height: 0.3rem } .company-profile .ispic { margin-top: 0.4rem }}@media(max-width:768px) { .organization .tab-nav .item { margin: 0 0.2rem } .Innovative .slider { margin-top: 0.4rem }}@media(max-width:480px) { .Chemical .slider .slick-dots li { padding: 0.1rem } .Chemical .slider .item .ispic { padding-bottom: 120% } .Chemical .slider .item .txt .tit .desc { max-height: 1.8rem; overflow: auto }}.news-page .back:before { background-size: contain}.ind_page6 .photo img.active { opacity: 1; transform: scale(1)}.back-top .btn:after { border: 2px solid #fff; border-radius: 50%; content: ""; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2}@media screen and (max-width:1024px) { .back-top .btn:after { left: 50%; margin-left: -0.3rem; width: 0.6rem } .subMenu ul { padding-bottom: 0.1rem } .swiper-button-next, .swiper-button-prev { background-color: #fff }}@media screen and (max-width:480px) { .fix-right { bottom: 0; opacity: 1 } .popup-box__video .tit-area { padding-right: 0.4rem }}.ind_page8 .content .inner { backdrop-filter: blur(20px) saturate(150%); background: rgba(var(--white-color__rgb), 0.5); display: block; min-height: 1.7rem; padding: 0.6rem 0.36rem; position: relative; transition: all 0.8s}.ind_page8 .content .inner h3 { color: var(--primary-color); font-size: var(--font-size__24); line-height: 1.25; text-align: left}.ind_page8 .content .inner:after { color: hsla(0, 0%, 100%, .5); content: ""; font-size: var(--font-size__36); font-weight: var(--font-weight__m); line-height: 1; position: absolute; right: 0.22rem; top: 0.17rem}.ind_page8 .content .item:first-child .inner:after { content: "01"}.ind_page8 .content .item:nth-child(2) .inner:after { content: "02"}.ind_page8 .content .item:nth-child(3) .inner:after { content: "03"}.ind_page8 .content .dot i { background-color: #fff; border-radius: 50%; height: 0.05rem; position: absolute; width: 0.05rem}.ind_page8 .content .dot i:first-child { left: 0.1rem; top: 0.1rem}.ind_page8 .content .dot i:nth-child(2) { right: 0.1rem; top: 0.1rem}.ind_page8 .content .dot i:nth-child(3) { bottom: 0.1rem; left: 0.1rem}.ind_page8 .content .dot i:nth-child(4) { bottom: 0.1rem; right: 0.1rem}.ind_page8 .desc { line-height: 1.875; margin: 0rem; max-height: 0; text-align: left}.ind_page8 .more { margin-top: -0.3rem; opacity: 0; transition: all 0.5s}.ind_page8 .item.hover .inner { background-image: linear-gradient(0deg, #e6edf7, #c9def5); width: 4rem}.ind_page8 .item.hover .desc { animation: fadeInUpSmall 0.5s ease .8s both; -webkit-animation: fadeInUpSmall 0.5s ease .8s both; -moz-animation: fadeInUpSmall 0.5s ease .8s both; display: block; margin: 0.12rem 0 0.2rem; max-height: 5.625em}.ind_page8 .item.hover .more { animation: fadeInUpSmall 0.6s ease 1s both; -webkit-animation: fadeInUpSmall 0.6s ease 1s both; -moz-animation: fadeInUpSmall 0.6s ease 1s both; margin: 0; opacity: 1}@media(min-width:1025px) { .ind_page8 { min-height: 9.6rem } .ind_page8 .ind_column .en { color: rgba(var(--white-color__rgb), 0.05) } .ind_page8 .ind_column .cn { color: #fff } .ind_page8 .ind_column .cn i { filter: brightness(0) invert(1) } .ind_page8 .content .inner { width: 2.8rem } .ind_page8 .content { height: 3.48rem; left: 50%; position: absolute; top: 4rem; transform: translateX(-50%); width: 14.26rem; z-index: 10 } .ind_page8 .content .item, .ind_page8 .content .item .dian { position: absolute; transition: all 0.5s } .ind_page8 .content .item .dian { background-image: linear-gradient(180deg, #0096ff, #145dff); border-radius: 50%; content: ""; height: 0; opacity: 0; top: 0.7rem; width: 0 } .ind_page8 .content .item.hover .dian { height: 0.3rem; opacity: 1; width: 0.3rem } .ind_page8 .content .item:first-child { left: 0 } .ind_page8 .content .item:first-child.hover { left: -1.07rem } .ind_page8 .content .item:first-child.hover .dian { right: -0.61rem } .ind_page8 .content .item:nth-child(2) { right: 0 } .ind_page8 .content .item:nth-child(2).hover { right: -0.67rem } .ind_page8 .content .item:nth-child(2).hover .dian { left: -0.61rem; top: 0.77rem } .ind_page8 .content .item:nth-child(3) { left: 50%; top: 1.99rem; transform: translateX(-50%) } .ind_page8 .content .item:nth-child(3).hover .dian { left: 50%; margin-left: -0.15rem; top: -1.05rem }}@media(max-width:1024px) { .ind_page8 .bg { position: relative } .ind_page8 .content { margin: 0.25rem auto 0; width: 87.5% } .ind_page8 .item { width: 3rem } .ind_page8 .item:not(:last-child) { margin-right: 0.15rem } .ind_page8 .item .inner { background-image: linear-gradient(180deg, #c9def5, #e7edf7) } .ind_page8 .item .desc { animation: fadeInUpSmall 0.5s ease .8s both; -webkit-animation: fadeInUpSmall 0.5s ease .8s both; -moz-animation: fadeInUpSmall 0.5s ease .8s both; display: block; margin: 0.12rem 0 0.2rem; max-height: 5.625em } .ind_page8 .item .more { animation: fadeInUpSmall 0.6s ease 1s both; -webkit-animation: fadeInUpSmall 0.6s ease 1s both; -moz-animation: fadeInUpSmall 0.6s ease 1s both; margin: 0; opacity: 1 }}@media(max-width:640px) { .ind_page8 ul { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap } .ind_page8 .item { white-space: inherit }}.ind_page95 { background: #fff}.ind_page95 .ind_column .more { border: 0.01rem solid #ccc; border-radius: 50%; color: #333; font-size: 0.15rem; height: 0.4rem; line-height: 0.4rem; position: absolute; right: 0; text-align: center; top: 0.2rem; width: 1rem}.ind_page95 .ind_column .more:hover { background: #003c96; border-color: #003c96; color: #fff}.ind_page95 .controls { float: right; position: relative; right: 1.25rem; top: -0.49rem; width: 1.2rem}.ind_page95 .controls .slick-arrow { height: 0.5rem; transform: translate(0); width: 0.5rem}.ind_page95 .slider { margin: 0.5rem -0.1rem 0}.ind_page95 .slider li { border: 0.01rem solid #e1e1e1; border-radius: 0.2rem; height: 6.4rem; margin: 0 0.1rem; overflow: hidden}.ind_page95 .slider li .txt { padding: 0.4rem}.ind_page95 .slider li .txt time { color: #181818; font-family: Barlow-Bold; font-size: 0.4rem; line-height: 1}.ind_page95 .slider li .txt p { color: #555; font-size: 0.18rem}.ind_page95 .slider li .ispic { border-radius: 0.2rem; height: auto; overflow: hidden; padding-bottom: 66.66%}.ind_page95 .slider li:hover .ispic img { transform: scale(1.1)}.ind_page95 .slider li .ispic img { transition: all 0.3s}.ind_page4 { padding-bottom: 0.8rem}@media(max-width:640px) { .ind_page8 .content .inner { padding: 0.3rem 0.2rem; width: 100% !important } .ind_page8 .content .inner h3 { min-height: 1rem; white-space: normal } .ind_page95 .slider li { height: auto } .ind_page95 .slider li .txt { padding: 0.2rem } .ind_page95 .controls { margin-top: 0.2rem; width: 0.9rem } .ind_page4 { padding-bottom: 0rem }}@media(max-width:480px) { .ind_page95 .controls { top: 0 } .ind_page95 .ind_column .more { bottom: -0.38rem; top: auto }}.str_wrap { font-size: 0; overflow: hidden; position: relative; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none}.str_move,.str_wrap { white-space: nowrap; width: 100%}.str_move { cursor: move; left: 0; position: absolute; top: 0}.str_move_clone { display: inline-block; left: 100%; position: absolute; top: 0; vertical-align: top; zoom: 1}.str_vertical .str_move_clone { left: 0; top: 100%}.str_down .str_move_clone { bottom: 100%; left: 0}.str_down .str_move,.str_vertical .str_move { white-space: normal; width: 100%}.noStop .str_move,.no_drag .str_move,.str_static .str_move { cursor: inherit}.pageBan .ispic figure{ position: relative}.pageBan figure:after { background-color: rgba(0, 0, 0, .3); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%}.h-lang a.on { color: var(--secondary-color) !important}.h-lang dt:after { display: none}