@font-face { font-family: 'Barlow-Bold'; src: url('../font/Barlow-Bold.ttf') format('truetype')}@font-face { font-family: 'Barlow-Bold'; src: url('../font/Barlow-Bold.ttf') format('truetype')}p { margin: 0;}.desc * { font-family: inherit !important; text-align: left; line-height: inherit !important;}.edit-info * { white-space: inherit !important; overflow-wrap: break-word; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; font-family: initial !important; text-align: left;}.edit-info p+p.tc { margin-top: var(--padding-margin__10);}.edit-info table { width: 100%; border-collapse: collapse; text-align: center;}.edit-info table tr:nth-child(1) { background-color: #fff9ec; text-align: center; font-size: var(--font-size__22);}.edit-info table tr:nth-child(1) td { color: #222222; font-weight: var(--font-weight__m); height: 0.68rem;}.edit-info table td { border: 1px solid #e1e1e1; line-height: 1.2; padding: 0.1rem; color: #222222;}.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 { margin: initial;}.desc { color: #333333; 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; --font-weight__b: 700; --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: calc(100 / 1680 * 100vw); }}@media (max-width: 1024px) { html:not(.view) { font-size: calc(100 / 1000 * 100vw); }}@media (max-width: 480px) { html:not(.view) { font-size: calc(100 / 480 * 100vw); }}body { font-size: var(--font-size__18); font-family: var(--font-family); line-height: var(--main_line_height); color: var(--default-color);}.container { width: 94%; margin: 0 auto; max-width: calc(var(--max-width) * 1px); position: relative; z-index: 1;}.container-1600 { width: 94%; margin: 0 auto; max-width: calc(var(--max-width2) * 1px); position: relative; z-index: 1;}@media (max-width: 1024px) { .container { width: 94%; } .container-1600 { width: 94%; } :root { --header_height: 0.65rem; }}@media(max-width:480px) { .desc { line-height: 0.28rem; }}@media(max-width:480px) {}.swiper-button-prev,.swiper-button-next { width: 0.56rem; height: 0.56rem; border-radius: 50%; transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); transform: translateX(0); background: no-repeat center center; background-size: 0.08rem auto; border: 1px solid rgba(var(--black-color__rgb), 0.5); margin: 0; transition: all 0.5s;}.swiper-button-prev:not(.swiper-button-disabled):hover,.swiper-button-next:not(.swiper-button-disabled):hover { background-color: var(--primary-color);}.swiper-button-prev:hover,.swiper-button-next:hover { background-color: var(--primary-color) !important; border-color: var(--primary-color);}.swiper-button-prev { background-image: url(../image/prev.svg);}.swiper-button-prev:hover { background-image: url(../image/prev-on.svg);}.swiper-button-next { background-image: url(../image/next.svg);}.swiper-button-next:hover { background-image: url(../image/next-on.svg);}.swiper-button-prev:after,.swiper-button-next:after { display: none;}.swiper-pagination { width: 100%; bottom: 0.25rem;}.swiper-pagination-bullet { width: 0.1rem; height: 0.1rem; position: relative; background-color: rgba(var(--primary-color__rgb), 0.2); opacity: 1; position: relative; border: 0px; overflow: hidden; border-radius: 50%;}.swiper-pagination-bullet:after { width: 0; height: 0; background-color: var(--primary-color); left: 50%; top: 50%; content: ""; position: absolute; transition: all 0.3s; border-radius: 50%;}.swiper-pagination-bullet:not(:last-child) { margin-right: 0.1rem;}.swiper-pagination-bullet-active { width: 0.2rem; border-radius: 0.06rem;}.swiper-pagination-bullet-active:after { background-color: var(--primary-color); width: 100%; height: 100%; left: 0; top: 0; border-radius: 0.05rem;}.swiper-pagination.st { position: static; margin: var(--padding-margin__50) 0 0;}.swiper-scrollbar { background: url(../image/scrollybg.gif) repeat-x 0 center;}.swiper-scrollbar-drag { background-color: var(--primary-color);}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal { height: 0.04rem;}header { position: fixed; left: 0; top: 0; width: 100%; z-index: 1000; transition: all 0.5s; --max-width: 1600; background-color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}@media screen and (min-width:1200px) { header, header .container { height: 140px; }}header .logo img.cai { display: block;}header .container { position: static; transition: all 0.5s; max-width: calc(var(--max-width2) * 1px);}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,.main-nav li span a { display: block; font-size: var(--font-size__18); color: #000000;}.main-nav li span a { line-height: var(--header_height); position: relative; display: block;}.h-lang dt { display: flex; align-items: center; justify-content: center;}.h-lang dt:after { content: ""; width: 8px; height: 5px; background: url(../image/arr-b_gray.svg) no-repeat;}.h-lang dd { position: absolute; left: 0; top: 100%; width: 100%;}.h-lang a { margin-right: 0.13rem;}.h-lang a:hover { color: #777777;}.h-lang { position: relative;}.h-lang dd { position: absolute; left: 0; top: 120%; width: 100%; background-color: #fff; border-radius: 0.05rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); padding: 0.1rem; z-index: 100; transition: all 0.3s; text-align: center; pointer-events: none; opacity: 0;}.h-lang dd a { color: #333 !important; margin: 0; display: block;}.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 { transform: translateY(0); opacity: 1; pointer-events: auto; top: 100%;}.open-search:before { content: ""; width: 1px; height: 10px; background-color: #111111; position: absolute; right: -0.2rem; top: 50%; margin-top: -5px; opacity: 0.4;}header.getsmall { box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);}header.getsmall .container { height: var(--header_height__up);}.main-nav .sub { background-color: rgba(255, 255, 255, 0.95); width: fit-content; min-width: 220px;}header.getsmall { box-shadow: 0 5px 14px rgba(0, 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 { width: 0.28rem; opacity: 1; } .main-nav .sub { position: absolute; top: 86%; opacity: 0; clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); padding: 0.4rem 0 0.6rem; transition: all 0.6s; } .main-nav .sub .left { width: max-content; ; text-align: right; padding-right: 0.9rem; font-family: Barlow-Bold; text-transform: uppercase; color: #181818; } .main-nav .sub .right { min-width: 10rem; padding-left: 0.6rem; border-left: 1px solid rgba(153, 153, 153, 0.2); } .main-nav .sub .info h2 { font-size: var(--font-size__30); line-height: 1; margin-bottom: 0.11rem; font-weight: var(--font-weight__r); } .main-nav .sub .info p { font-size: var(--font-size__18); color: #999999; 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 { position: relative; padding: 0 0.23rem; line-height: 2; color: #555 } .main-nav .sub dd a:after { width: 0.11rem; height: 0.1rem; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: var(--background-contain); opacity: 0; transition: all 0.5s; } .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 { opacity: 1; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } .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, .main-nav li span a { font-size: var(--font-size__16); }}@media (max-width:1024px) { .main-nav { position: fixed; top: var(--header_height); width: 72%; bottom: 0; background: rgba(var(--white-color__rgb), 0.98); left: -100%; transform: translateX(-100%); transition: 0.5s ease-in-out; padding-right: 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .menu-show .main-nav { left: 0; transform: translateX(0); } .main-nav ul { overflow: auto; padding: 0 0.2rem; max-height: calc(100vh - var(--header_height)); overflow-y: auto; } .main-nav li { border-bottom: 1px solid rgba(var(--black-color__rgb), 0.1); margin-right: 0; } .main-nav li span { position: relative; z-index: 1; overflow: hidden; display: block; ; } .main-nav li span a { line-height: 3; font-size: var(--font-size__34) } .wap-op { position: absolute; right: 0; width: 0.5rem; height: 100%; z-index: 10; background: url(../images/rarr-g.png) no-repeat center center; background-size: auto 0.5em; top: 0; transition: 0.3s; will-change: transform; } .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; line-height: 2.5; font-size: var(--font-size__22); } .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, 0.1); } header .sub .container { height: auto; } .main-nav .sub dl { display: flex; align-items: flex-start; } .main-nav .sub dl dd { width: 100%; font-size: 0.18rem } .main-nav .sub .sub-inner { width: 100%; } .main-nav .sub .sub-inner .right { width: 100%; } .open-menu { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 0.4rem; height: 0.35rem; background: var(--primary-color); padding: 0.08rem 0; margin-left: 0.4rem; } .open-menu i { display: block; width: 60%; height: 2px; background-color: var(--white-color); transition: all 0.5s; } .menu-show .open-menu i:nth-child(1) { -webkit-transform: translate(0, 0.08rem) rotate(45deg) !important; -moz-transform: translate(0, 0.08rem) rotate(45deg) !important; -ms-transform: translate(0, 0.08rem) rotate(45deg) !important; -o-transform: translate(0, 0.08rem) rotate(45deg) !important; transform: translate(0, 0.08rem) rotate(45deg) !important; } .menu-show .open-menu i:nth-child(2) { -webkit-transform: translate(0, 0) rotate(-45deg) !important; -moz-transform: translate(0, 0) rotate(-45deg) !important; -ms-transform: translate(0, 0) rotate(-45deg) !important; -o-transform: translate(0, 0) rotate(-45deg) !important; transform: translate(0, 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: #02193c; padding-top: var(--padding-margin__100); position: relative; z-index: 11; color: rgba(var(--white-color__rgb), 0.5);}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: white; 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 { position: relative; z-index: 20; width: 1rem; text-align: center; font-weight: var(--font-weight__l); color: #8d9199;}.follow-us li img { display: block; width: 100%; padding: 0.05rem; border: 1px solid rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.05); margin-bottom: 0.07rem; transition: all 0.5s;}.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); padding: var(--padding-margin__25) 0 var(--padding-margin__45); line-height: calc(36 / 16); margin-top: var(--padding-margin__25); width: 100%;}.f-bottom,.f-bottom a:not(:hover) { color: #8d9099;}.f-bottom .nav a:not(:last-child):after { width: 1px; background-color: rgba(var(--white-color__rgb), 0.1); height: 0.12rem; margin: 0 0.12rem; content: ''; display: inline-block;}.fix-right { right: var(--padding-margin__30); top: 90%; width: 0.6rem; position: fixed; z-index: 100; transform: translateY(-50%);}.fix-right .btn { display: flex; text-align: center; font-size: var(--font-size__14); align-items: center; justify-content: center; height: 0.6rem; background-color: var(--primary-color);}.fix-right li { position: relative;}.fix-right figure img { display: block; margin: 0px auto; height: 0.25rem;}.fix-right li:not(:last-child) .btn { border-bottom: 1px solid rgba(255, 255, 255, 0.18);}.fix-right li:hover .info { right: 100%; visibility: visible; z-index: 100; opacity: 1;}.fix-right li:nth-child(2) .info { width: 1.8rem;}.fix-right .info { padding: 0.1rem; border-radius: 5px; background: #fff; width: 2.25rem; transition: all 0.5s; position: absolute; opacity: 0; z-index: -1; visibility: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);}.fix-right .info .code { text-align: center;}.fix-right .info .code img { width: 100%;}.fix-right .info:after { width: 10px; height: 10px; top: 50%; transform: translateX(-50%) rotate(45deg); content: ""; position: absolute; background: #fff; right: -10px;}.fix-right .back-top { transform: translateY(-100%); height: 0; opacity: 0; transition: all 0.5s; pointer-events: none;}.fix-right.up .back-top { transform: translateY(0); opacity: 1; pointer-events: auto; height: 0.6rem;}.fix-right.up li:nth-child(2) .btn { border-radius: 0;}.back-top { cursor: pointer;}.back-top #canvas { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; fill: none; stroke-width: 3px; stroke: #0f70b6; stroke-dasharray: 275; stroke-dashoffset: 275; display: none;}.back-top .btn { background-color: var(--secondary-color);}.back-top .btn:before { width: 0.2rem; height: 0.2rem; background: url(../images/totop.png) var(--background-contain); display: block; content: ''; backface-visibility: visible; margin: 0px auto;}.back-top:hover .btn { -webkit-animation: gettop 1.5s ease infinite; animation: gettop 1.5s ease infinite;}@-webkit-keyframes gettop { 0%, 40%, 100% { -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 { width: 2.25rem; top: 50%; right: 90%; transform: translateY(-50%); } .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 { top: auto; transform: translateY(0); bottom: -100%; right: 0; width: 100%; opacity: 0; transition: all 0.5s; } .fix-right ul { display: flex; background-color: var(--primary-color); } .fix-right ul li { flex: 1; } .fix-right .info { bottom: calc(100% + 0.15rem); left: 0; } .fix-right .info:after { right: auto; left: 50%; margin-left: -0.08rem; top: auto; bottom: -0.08rem; } .fix-right.up { bottom: 0; opacity: 0; z-index: -100; display: none } .back-top #canvas { width: 0.6rem; left: 50%; margin-left: -0.3rem; } .f-bottom { padding-bottom: 0; margin-top: 0; border: none; }}@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 { width: .04rem; height: .04rem}.scrollbar::-webkit-scrollbar-track { background: url(../image/scrollxbg.gif) repeat-y center top;}.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 { display: flex; align-items: center; justify-content: center; position: relative; padding: 0 0.1rem;}.controls-page span { width: 0.08rem; height: 0.08rem; position: relative; background-color: rgba(var(--white-color__rgb), 0.4); opacity: 1;}.controls-page .swiper-pagination-bullet-active { background-color: var(--primary-color);}.controls-page span:not(:last-child) { margin-right: var(--padding-margin__30);}.rows { padding: var(--padding-margin__120) 0; overflow: hidden; position: relative; min-height: unset;}main { background-color: #fff; position: relative; z-index: 1;}.pageBan { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #fff;}.pageBan .info { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; z-index: 2;}.pageBan .info h2 { font-size: var(--font-size__60); font-family: Barlow-Bold; justify-content: center; margin: 0 0 0.13rem; line-height: 1.25;}.pageBan .info p { font-size: var(--font-size__22); letter-spacing: 0em; max-width: 8rem; margin: 0 auto;}.pageBan .info p span { display: block; text-align: left;}.pageBan .ispic { padding-bottom: calc(940 / 1920 * 100%);}.pageBan .ispic img { transition: all 5s; transform: scale(1.1);}.pageBan.on .ispic img { transform: scale(1);}.subMenu { position: relative; z-index: 1; background-color: #f8f8f8;}.subMenu ul li { font-size: var(--font-size__18); min-height: 0.9rem; display: flex; align-items: center; position: relative; transition: all 0.5s;}.subMenu ul li:not(:last-child) { margin-right: var(--padding-margin__55);}.subMenu ul li span { position: relative; display: inline-block;}.subMenu ul li:after { position: absolute; content: ""; transition: all 0.5s; height: 0.03rem; background-color: var(--primary-color); width: 0; left: 0; bottom: 0;}.subMenu .place { color: #666666; font-weight: var(--font-weight__l); display: flex; align-items: center; padding: 0.15rem 0;}.subMenu .place:before { content: ""; width: 0.15rem; height: 0.14rem; background: url(../image/ico-home.svg) var(--background-contain); display: inline-block; vertical-align: middle; margin-right: 0.1rem;}.subMenu .place a { margin-right: 0.26rem; position: relative;}.subMenu .place a:after { content: ">"; position: absolute; right: -0.26rem; width: 0.26rem; text-align: center; top: 0;}.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 { height: 0.9rem; width: 100%; visibility: hidden; display: none;}.sub-title { padding-bottom: var(--padding-margin__70); text-align: center;}.sub-title .en { font-size: var(--font-size__24); color: var(--primary-color); opacity: 0.3; margin-bottom: 0.06rem; text-transform: uppercase; font-weight: var(--font-weight__b);}.sub-title h2 { font-size: var(--font-size__42); color: var(--primary-color); line-height: 1.2; font-weight: var(--font-weight__b);}.sub-title h2 span { color: #307fe2;}.subPage { position: relative; padding: var(--padding-margin__100) 0; background-color: #fff; overflow: visible;}@media(min-width:1025px) { .subMenu ul li:hover:after { width: 100%; }}@media(max-width:1024px) { .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:480px) { .pageBan .ispic { padding-bottom: 2.5rem; } .pageBan .info h2 { font-size: 0.3rem; margin-bottom: 0; }}.news-list { margin-left: -0.6rem;}.news-list .item { width: 33.333%; padding: 0 0 var(--padding-margin__70) 0.6rem;}.news-list .ispic { border-radius: 0.15rem; padding-bottom: calc(294 / 440 * 100%); margin-bottom: var(--padding-margin__35);}.news-list .tit { height: 2.66em; line-height: calc(32 / 24); font-size: var(--font-size__24); font-weight: var(--font-weight__m); margin: 0 0 var(--padding-margin__15);}.news-list time { color: #666666; font-size: var(--font-size__14);}.news-list.search { margin: 0;}.news-list.search .item { width: auto; padding: var(--padding-margin__20) 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}@media(min-width:769px) {}.link_xlsx:before { background-repeat: no-repeat; background-position: center center; content: ""; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-size: contain; margin: -4px 5px 0 0; background-image: url(../image/ico-xlsx.gif)}.link_doc:before { background-repeat: no-repeat; background-position: center center; content: ""; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-size: contain; margin: -4px 5px 0 0; background-image: url(../image/ico-word.gif)}.link_pdf:before { background-repeat: no-repeat; background-position: center center; content: ""; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-size: contain; margin: -4px 5px 0 0; background-image: url(../image/ico-pdf.gif)}.link_rar:before { background-repeat: no-repeat; background-position: center center; content: ""; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-size: contain; margin: -4px 5px 0 0; background-image: url(../image/ico-rar.gif)}@media(min-width:1025px) {}.arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 0.56rem; height: 0.56rem; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; cursor: pointer;}.arrow:hover { background-color: var(--primary-color)}.arrow:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-position: center center; background-repeat: no-repeat; background-size: 0.08rem 0.15rem;}.arrow.prev { left: -0.96rem;}.arrow.next { right: -0.96rem;}.arrow.prev:before { background-image: url(../image/prev.svg);}.arrow.prev:hover:before { background-image: url(../image/prev-on.svg);}.arrow.next:before { background-image: url(../image/next.svg);}.arrow.next:hover:before { background-image: url(../image/next-on.svg);}@media(max-width:480px) {}li { list-style: none;}ul { padding: 0; margin: 0;}.abouttit { font-size: 0.6rem; color: #181818; font-family: Barlow-Bold; line-height: 0.8; margin-bottom: 0.4rem;}.engineering-main { padding-top: 1.6rem;}.company-profile .desc { font-size: 0.18rem; line-height: 0.3rem; color: #333333; max-height: 3.6rem; overflow-y: auto; padding-right: 0.4rem; text-align: left;}.abouttit2 { font-family: Barlow-Bold; font-size: 0.5rem; line-height: 0.57rem; color: #ffffff;}.numberList ul { display: flex; justify-content: center; margin-top: 1.6rem; margin-bottom: 1rem;}.numberList ul li { color: #fff; width: 25%; max-width: 4rem; text-align: center;}.numberList ul li .num { position: relative; display: inline-block; height: 0.7rem;}.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 { font-style: normal; display: block; min-height: 1.06rem;}.numberList ul li .num sup { position: absolute; left: 100%; top: 0; font-size: 0.3rem; font-family: Barlow-Bold; line-height: 1;}.numberList ul li .num sub { font-family: Barlow-Bold; font-size: 0.18rem; line-height: 1; position: absolute; left: 100%; bottom: 0;}.numberList ul li .num p { display: block; font-size: 0.2rem; color: #555555; line-height: 0.2rem; ;}.numberList ul li p { max-width: 80%; margin: 0px auto;}@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 { width: 50%; margin-bottom: 0.3rem; } .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 { width: 100%; padding-bottom: 41.666%; margin-top: 0.8rem; ;}.organization { background-color: #f4f6f9;}.organization .tab-nav { text-align: center; font-size: 0;}.organization .tab-nav .item { display: inline-block; height: 0.5rem; line-height: 0.5rem; margin: 0 0.4rem; font-size: 0.2rem; font-family: Barlow-Bold; color: #555555; cursor: pointer; border-bottom: 0.03rem solid transparent;}.organization .tab-nav .item.on { color: #003c96; border-bottom-color: #003c96;}.organization .tab-con { margin-top: 0.7rem;}.organization .tab-con .ispic { width: 50%; padding-bottom: 28%; border-radius: 0.2rem; float: left;}.organization .tab-con .text { width: 42%; float: right;}.organization .tab-con .text .ti { font-family: Barlow-Bold; font-size: 0.4rem; line-height: 1; color: #181818; margin-bottom: 0.4rem;}.organization .tab-con .text .desc { font-size: 0.18rem; line-height: 0.3rem; color: #333333;}.organization .tab-con .contact { display: flex; background: #fff; border-radius: 0 0.05rem 0.05rem 0; margin-top: 0.15rem;}.organization .tab-con .contact .name { position: relative; display: flex; align-items: center; justify-content: center; margin-right: .2rem; width: .68rem; color: #fff; background-color: #003c96; text-align: center; box-sizing: border-box;}.organization .tab-con .contact .name:after { position: absolute; right: -.04rem; top: 0; bottom: 0; margin: auto 0; display: block; content: ''; width: 0; height: 0; border-top: .06rem solid transparent; border-bottom: .06rem solid transparent; border-left: .05rem solid #003c96; z-index: 3;}.organization .tab-con .contact .info { padding: 0.08rem 0; flex: 1;}.Innovative .slider { margin-top: 0.8rem;}.Innovative .slider ul li .ispic { padding-bottom: 66%; border-radius: 0.2rem; overflow: hidden;}.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 { width: 0.56rem; background-color: #ffffff; height: 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 .ti { font-family: Barlow-Bold; font-size: 0.3rem; line-height: 1; color: #181818; margin-bottom: 0.1rem;}.Innovative .slider ul li .text .desc { font-size: 0.18rem; line-height: 0.32rem; color: #555555; text-align: center;}.Chemical .slider .item { position: relative; color: #fff;}.Chemical .slider .item .ispic { height: auto; padding-bottom: 41.666%;}.Chemical .slider .item .txt { position: absolute; left: 0; top: 0; width: 100%; padding-top: 1.4rem;}.Chemical .slider .item .txt .tit { max-width: 7.2rem; background: rgba(0, 60, 150, 0.8); padding: 3%; display: inline-block; color: #fff;}.Chemical .slider .item .txt .tit aside { font-size: 0.4rem; font-family: Barlow-Bold; line-height: 0.4rem;}.Chemical .slider .item .txt .tit .desc { font-size: 0.18rem; line-height: 0.3rem; color: #fff; 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: rgba(255, 255, 255, 0.1)}.Chemical .slider .item .txt .tit .desc::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.8)}.Chemical .slider .item .txt .tit .more { width: 1.2rem; border-radius: 50%; text-align: center; line-height: 0.5rem; height: 0.5rem; display: inline-block; border: solid 0.01rem #ffffff; margin-top: 0.4rem; color: #fff;}.Chemical .slider .item .txt .tit .more:hover { background-color: #003c96; color: #fff; border-color: #003c96;}.Chemical .slider .slick-dots { position: absolute; display: flex; justify-content: space-between; left: 50%; transform: translateX(-50%); bottom: 0rem; height: 1.2rem; width: 90%; max-width: 15.6rem; z-index: 9;}.Chemical .slider .slick-dots li { width: 12%; float: left; padding: 0.05rem 0.1rem; height: 1rem; background-color: rgba(255, 255, 255, 0.9); border-radius: 0.16rem 0.16rem 0rem 0rem; margin-right: 0rem; position: relative; margin: 0 0.25%; display: flex; align-items: center; justify-content: center;}.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 { font-family: Barlow-Bold; font-size: 0.22rem; line-height: 0.3rem; color: #181818;}.Chemical .slider .slick-dots li.slick-current .tit { color: #fff;}.Chemical .slider .slick-dots li.slick-current:before { width: 0.2rem; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; content: ""; background: url(../image/toparr.png) no-repeat center; height: 0.1rem;}.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: calc(280/496*100%);}.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: #ffffff;}.industrial-products .slick-arrow:hover { background-color: #003c96;}.industrial-products li aside { font-size: 0.24rem; line-height: 0.36rem; color: #333333; font-family: Barlow-Bold;}.industrial-products li .desc { font-size: 0.18rem; line-height: 0.3rem; color: #333333;}.industrial-products li a:hover .txt { padding: 0.3rem 0.45rem; box-shadow: 0 10px 40px rgb(15 29 55 / 10%);}@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(max-width:1024px) { .industrial-products .slick-prev { left: 0.1rem } .industrial-products .slick-next { right: 0.1rem }}@media(max-width:480px) { .Innovative .slick-prev { top: 32%; } .Innovative .slick-next { 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 { width: 32%; margin-right: 2%; margin-bottom: 2%; ; } .news-list .item:nth-child(3n) { margin-right: 0; }}@media(min-width:1025px) {}.news-details { padding-top: var(--padding-margin__100);}.news-details .place { padding: 0.25rem 0 0.5rem;}.news-details .title { line-height: calc(48 / 36); font-size: var(--font-size__36); 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 { padding-left: 0.1rem; background-repeat: no-repeat; background-position: 0 center; background-size: 0.15rem 0.15rem;}.news-details .other li span { color: #999999;}.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 { font-size: var(--font-size__18); line-height: calc(36 / 18); border-bottom: 1px solid #eef0f5; 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 { margin-top: var(--padding-margin__55); font-size: var(--font-size__18); position: relative;}.news-page dl { color: #181818;}.news-page dl:nth-child(1) { margin-bottom: 0.18rem;}.news-page dl dt { padding-right: 0.05rem; color: #999999;}.news-page dl dd { flex: 1;}.news-page .back { text-align: center; width: 1.2rem; height: 0.66rem; border-radius: 50%; line-height: 0.66rem; color: #fff; margin: var(--padding-margin__45) auto 0; display: block; background-color: var(--primary-color);}.news-page .back:hover { background-color: var(--primary-color); color: #fff;}.news-page .back { position: relative;}.news-page .back::before { content: ''; width: 0.14rem; background: url(../images/back2.png) no-repeat center; height: 0.12rem; display: inline-block; margin-right: 0.05rem;}@media(min-width:1025px) { .news-details .content { width: calc(980 / 1440 * 100%); } .news-details .content.auto { width: 100%; } .news-page .back { position: absolute; right: 0; top: 0.1rem; margin: 0; } .news-page dl { padding-right: 1.8rem; }}@media(max-width:1024px) { .news-details .edit-info img { max-width: 100%; height: auto !important; } .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 { width: 100%; margin: 0; }}.Honors { background-image: linear-gradient(180deg, #f4f6f9 50%, #f4f6f9 100%);}@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 { width: 100%; padding-bottom: 40%; } .organization .tab-con .text { width: 100%; margin-top: 0.2rem; } .organization .tab-con .text .ti { margin-bottom: 0.2rem; } .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 { content: ''; display: none; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; border: 2px solid #fff; border-radius: 50%;}@media screen and (max-width:1024px) { .back-top .btn:after { width: 0.6rem; left: 50%; margin-left: -0.3rem; } .subMenu ul { padding-bottom: 0.1rem; } .swiper-button-prev, .swiper-button-next { background-color: #fff; }}@media screen and (max-width:480px) { .pageBan .ispic { padding-bottom: 100%; } .f-bottom {} .fix-right { bottom: 0; opacity: 1; } .popup-box__video .tit-area { padding-right: 0.4rem; }}.ind_page8 .content .inner { min-height: 1.7rem; background: rgba(var(--white-color__rgb), 0.5); backdrop-filter: blur(20px) saturate(150%); padding: 0.6rem 0.36rem; position: relative; transition: all 0.8s; display: block;}.ind_page8 .content .inner h3 { font-size: var(--font-size__24); color: var(--primary-color); text-align: left; line-height: calc(30 / 24);}.ind_page8 .content .inner:after { content: ""; right: 0.22rem; top: 0.17rem; line-height: 1; font-size: var(--font-size__36); color: rgba(255, 255, 255, 0.5); position: absolute; font-weight: var(--font-weight__m);}.ind_page8 .content .item:nth-child(1) .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 { width: 0.05rem; height: 0.05rem; position: absolute; border-radius: 50%; background-color: #fff;}.ind_page8 .content .dot i:nth-child(1) { 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) { left: 0.1rem; bottom: 0.1rem;}.ind_page8 .content .dot i:nth-child(4) { right: 0.1rem; bottom: 0.1rem;}.ind_page8 .desc { text-align: left; line-height: 1.875; margin: 0rem; max-height: 0;}.ind_page8 .more { transition: all 0.5s; margin-top: -0.3rem; opacity: 0;}.ind_page8 .item.hover .inner { width: 4rem; background-image: linear-gradient(0deg, #e6edf7 0%, #c9def5 100%); ;}.ind_page8 .item.hover .desc { animation: fadeInUpSmall 0.5s .8s ease both; -webkit-animation: fadeInUpSmall 0.5s .8s ease both; -moz-animation: fadeInUpSmall 0.5s .8s ease both; display: block; margin: 0.12rem 0 0.2rem; max-height: 5.625em;}.ind_page8 .item.hover .more { animation: fadeInUpSmall 0.6s 1s ease both; -webkit-animation: fadeInUpSmall 0.6s 1s ease both; -moz-animation: fadeInUpSmall 0.6s 1s ease both; opacity: 1; margin: 0;}@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; position: absolute; position: absolute; left: 50%; top: 4rem; width: 14.26rem; transform: translateX(-50%); z-index: 10; } .ind_page8 .content .item { position: absolute; transition: all 0.5s; } .ind_page8 .content .item .dian { width: 0; height: 0; position: absolute; border-radius: 50%; background-image: linear-gradient(to bottom, #0096ff, #145dff); top: 0.7rem; content: ""; transition: all 0.5s; opacity: 0; } .ind_page8 .content .item.hover .dian { width: 0.3rem; height: 0.3rem; opacity: 1; } .ind_page8 .content .item:nth-child(1) { left: 0; } .ind_page8 .content .item:nth-child(1).hover { left: -1.07rem; } .ind_page8 .content .item:nth-child(1).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) { top: 1.99rem; left: 50%; 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 { width: 87.5%; margin: 0.25rem auto 0; } .ind_page8 .item { width: 3rem; } .ind_page8 .item:not(:last-child) { margin-right: 0.15rem; } .ind_page8 .item .inner { background-image: linear-gradient(to bottom, #c9def5, #e7edf7); } .ind_page8 .item .desc { animation: fadeInUpSmall 0.5s .8s ease both; -webkit-animation: fadeInUpSmall 0.5s .8s ease both; -moz-animation: fadeInUpSmall 0.5s .8s ease both; display: block; margin: 0.12rem 0 0.2rem; max-height: 5.625em; } .ind_page8 .item .more { animation: fadeInUpSmall 0.6s 1s ease both; -webkit-animation: fadeInUpSmall 0.6s 1s ease both; -moz-animation: fadeInUpSmall 0.6s 1s ease both; opacity: 1; margin: 0; }}@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 { position: absolute; right: 0; top: 0.2rem; width: 1rem; line-height: 0.4rem; text-align: center; font-size: 0.15rem; color: #333333; border-radius: 50%; height: 0.4rem; border: solid 0.01rem #cccccc;}.ind_page95 .ind_column .more:hover { background: #003c96; color: #fff; border-color: #003c96;}.ind_page95 .controls { float: right; position: relative; width: 1.2rem; top: -0.49rem; right: 1.25rem;}.ind_page95 .controls .slick-arrow { width: 0.5rem; height: 0.5rem; transform: translate(0, 0);}.ind_page95 .slider { margin: 0.5rem -0.1rem 0}.ind_page95 .slider li { height: 6.4rem; border: solid 0.01rem #e1e1e1; border-radius: 0.2rem; margin: 0 0.1rem; overflow: hidden;}.ind_page95 .slider li .txt { padding: 0.4rem}.ind_page95 .slider li .txt .ti { font-size: 0.26rem; line-height: 0.34rem; min-height: 0.64rem; color: #181818; min-height: 0.68rem; font-family: Barlow-Bold;}.ind_page95 .slider li .txt .ti:after { display: block; width: 0.32rem; content: ""; height: 0.06rem; background-color: #003c96; border-radius: 0.03rem; margin: 0.2rem 0 0.5rem;}.ind_page95 .slider li .txt time { font-size: 0.4rem; font-family: Barlow-Bold; color: #181818; line-height: 1}.ind_page95 .slider li .txt p { font-size: 0.18rem; color: #555555;}.ind_page95 .slider li .ispic { height: auto; padding-bottom: 66.66%; border-radius: 0.2rem; overflow: hidden;}.ind_page95 .slider li:hover .txt .ti { color: #003c96;}.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 { white-space: normal; min-height: 1rem } .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 { top: auto; bottom: -0.38rem; }}.str_wrap { overflow: hidden; width: 100%; position: relative; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; font-size: 0;}.str_move { width: 100%; white-space: nowrap; position: absolute; top: 0; left: 0; cursor: move;}.str_move_clone { display: inline-block; zoom: 1; vertical-align: top; position: absolute; left: 100%; top: 0;}.str_vertical .str_move_clone { left: 0; top: 100%;}.str_down .str_move_clone { left: 0; bottom: 100%;}.str_vertical .str_move,.str_down .str_move { white-space: normal; width: 100%;}.str_static .str_move,.no_drag .str_move,.noStop .str_move { cursor: inherit;}.pageBan .ispic { position: relative;}.pageBan .ispic:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.3);}.h-lang a.on { color: var(--secondary-color) !important;}.h-lang dt:after { display: none;}