/* common */
:root {--color1:#07245b;--color2:#881e22;}
:root {--font12: 12px;--font14: 14px;--font16: 16px;--font18: 18px;--font20: 20px;--font22: 22px;--font24: 24px;--font28: 28px;--font30: 30px;--font40: 40px;--font44: 44px;--font48: 48px;--font52: 52px;}
:root {--paddingtop: 100px;--paddingbottom: 100px;}

/*format(*.*): truetype(.ttf), opentype(otf), truetype-aat, embedded-opentype(.eot), svg(.svg), woff(.woff) */
/* @font-face {
    font-family: 'HarmonyOS';
    src: url('../font/HarmonyOS_Sans_SC_Bold.woff2') format('woff2'),
        url('../font/HarmonyOS_Sans_SC_Bold.woff') format('woff'),
        url('../font/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
    font-weight: bold;
} */

/* body,html {font-family: 'HarmonyOS';} */
/*h1, h2, h3, h4, h5, h6, p,span,a  {font-family: 'HarmonyOS';} */

body,html {overflow-x: hidden;}  /* scroll-padding-top 滚动离顶部距离 */
h1, h2, h3, h4, h5, h6, p {margin: 0;}
ul,li {margin-bottom: 0;}
a:hover {text-decoration: none;color: #333;}
:focus {outline: 0 !important;}
.uk-card-default {box-shadow: none;}
table {border-collapse: collapse;border-spacing: 0;}
.uk-container-large {max-width: 1440px;}
.uk-navbar-nav {gap:0;}
.uk-transition-toggle:hover .uk-transition-scale-up {--uk-scale-x: 1.1;--uk-scale-y: 1.1;}
.nowrap {white-space:nowrap;}

::-webkit-scrollbar {width: 8px;height: 8px;}
::-webkit-scrollbar-track {background: #f5f5f5;}
::-webkit-scrollbar-thumb {background: var(--color1);-webkit-border-radius: 8px;border-radius: 8px;border: 1px solid #f5f5f5;}
#scroll-container {position: fixed;top: 0;right: 0;bottom: 0;left: 0;}

/* input-placeholder */
/* input::-webkit-input-placeholder {color: #ffffff !important;}
input::-moz-placeholder {color: #ffffff  !important;} 
input::-moz-placeholder {color: #ffffff   !important;} 
input::-ms-input-placeholder {color: #ffffff  !important;} */


/* navbar */
.navbar {padding: 0;background-color: #fff;background-position: center;background-size: cover;position: relative;z-index: 9;}
.navbar .uk-navbar-nav>li>a {font-size: var(--font20);color: #fff;min-height: 93px;}
.navbar .uk-navbar-nav>li.uk-active>a {color: var(--color1);}
.navbar .uk-navbar-nav>li>a img {margin-top: 10px;}

.navbar .logo {line-height: 93px;transition: .5s all;}
.navbar .logo img {width: 100%;height: 68px;}
.navbar .space {width: 45%;}

.navbar .nav-item {transition: .5s ease-out;position: relative;position: relative;}
.navbar .nav-item::before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;transform: scaleX(0);transform-origin: left;transition: .5s all;background-color: var(--color1);}
.navbar .nav-item.active::before {transform: scaleX(1);}
.navbar .nav-item:hover:before {transform: scaleX(1);}
.navbar .nav-item .nav-item-link {line-height: 93px;height: 93px;font-size: var(--font20);color: #333;transition: .5s all;width: 96px;display: block;text-align: center;}
.navbar .nav-item.active .nav-item-link {color: var(--color1);}
.navbar .nav-item:hover .nav-item-link {color: var(--color1);}
.navbar .nav-item .nav-item-link:hover {color: var(--color1);}


.navbar .nav-item .drop-bar {visibility: hidden;opacity: 0;transition: .3s ease-out;position: absolute;top:100%;left: 50%;transform: translateX(-50%) translateY(20px);pointer-events: none;width: fit-content;background-color: #fff;box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2);min-width: 100%;}
.navbar .nav-item:hover .drop-bar {visibility: visible;transform: translateX(-50%) translateY(0);top: 100%;opacity: 1;pointer-events: auto;}
.navbar .nav-item .drop-bar li {margin-top: 0;}
.navbar .nav-item .drop-bar li a {display: block;padding: 0 15px;line-height: 45px;height: 45px;text-align: center;white-space: nowrap;font-size: var(--font16);color: #333;transition: .5s all;transition: .5s all;position: relative;overflow: hidden;}
.navbar .nav-item .drop-bar li a:hover {color: var(--color1);}
.navbar .nav-item .drop-bar li a img {position: absolute;left: 50%;top: 100%;transform: translateX(-50%);transition: .5s all;}
.navbar .nav-item .drop-bar li a:hover img {top: calc(100% - 8px);}

.navbar .uk-navbar-toggle {line-height: 93px;height: 93px;}
.navbar .nav-search {font-size: var(--font20);color: #333;padding: 0;--uk-position-offset: 0;--uk-position-viewport-offset: 0;width: auto;}
.navbar .nav-search input {border: 1px solid #dedede;width: 230px;height: 49px;line-height: 49px;color: #333;font-size: var(--font18);padding-left: 15px;padding-right: 40px;}
.navbar .nav-search .uk-search-icon {position: absolute;right: 3px;top: 50%;transform: translateY(-50%);width: 40px;height: 55px;}
.navbar .nav-item input:-internal-autofill-selected {background-color: var(--color1)!important;}

/* i_banner */
.i_banner .slideshow {position: absolute;top: 50%;transform: translateY(-50%);display: flex;width: 40px;height: 40px;background-color: #ccc;border: 1px solid #bbb;align-items: center; justify-content: center;transition: .5s all;}
.i_banner .slideshow > div {display: flex;}
.i_banner .slideshow:hover {border-color: #dedede;}
.i_banner .slideshow img {width: 16px;height: auto;filter: brightness(0) invert(1);}
.i_banner .slideshow.slideshowleft {left: 30px;}
.i_banner .slideshow.slideshowright {right: 30px;}
.i_banner .uk-dotnav>*>* {width: 20px;height: 3px;border: none;border-radius: 0;background-color: #fff;}
.i_banner .uk-dotnav>.uk-active>* {background-color: var(--color1);}
.i_banner .i_banner_item {position: relative;width: 100%;height: 100%;}
.i_banner .i_banner_item .desc {position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.i_banner .i_banner_item .tt {font-size: var(--font52);color: #fff;font-weight: bold;}
.i_banner .i_banner_item .btn {margin-top: 68px;}
.i_banner .i_banner_item .btn a {width: 185px;height: 60px;line-height: 58px;text-align: center;border: 1px solid #fff;font-size: var(--font24);display: block;color: #fff;transition: .5s all;}
.i_banner .i_banner_item .btn a:hover {background-color: var(--color1);}

/* i_about */
.i_about {padding-top: var(--paddingtop);padding-bottom: var(--paddingbottom);}
.i_about .companyname {font-size: var(--font44);color: #333;line-height: 1;}
.i_about .btn {margin-top: 38px;}
.i_about .btn a {width: 151px;height: 50px;line-height: 50px;text-align: center;border: 1px solid var(--color1);font-size: var(--font16);display: block;color: var(--color1);transition: .5s all;}
.i_about .btn a:hover {background-color: var(--color1);color: #fff;}
.i_about .desc p {font-size: var(--font16);color: #333;line-height: 1.875;}
.i_about .ico {margin-top: 40px;}

.i_about .num {margin-top: 100px;}
.i_about .num span {font-size: var(--font48);color: var(--color1);font-family: 'Microsoft YaHei';}
.i_about .num .desc {font-size: var(--font18);}
.i_about .num .content p {font-size: var(--font18);color: #333;}
.i_about .num > div > div + div > div::before {content: '';background-color: #dddddd;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 60px;}

/* i_prod */
.i_prod {padding-top: 198px;padding-bottom: 46px;}
.i_prod .i_prod_item {position: relative;z-index: 1;}
.i_prod .i_prod_single .tt {font-size: var(--font44);color: #333;line-height: 1;}
.i_prod .i_prod_single .line {margin-top: 50px;width: 100px;height: 2px;background-color: var(--color1);margin-bottom: 46px;}
.i_prod .i_prod_single .desc {min-height: 150px;}
.i_prod .i_prod_single .btn {margin-top: 63px;}
.i_prod .i_prod_single .btn a {width: 153px;height: 52px;line-height: 52px;text-align: center;border: 1px solid var(--color1);font-size: var(--font16);display: block;color: var(--color1);transition: .5s all;}
.i_prod .i_prod_single .btn a:hover {background-color: var(--color1);color: #fff;}  
.i_prod .i_prod_nav {margin-top: 147px;}
.i_prod .i_prod_nav a {width: 391px;height: 52px;line-height: 52px;color: #fff;font-size: var(--font18);background-color: #999;transition: .5s all;display: block;text-align: center;}
.i_prod .i_prod_nav a.active {background-color: var(--color1);}
.i_prod .i_prod_nav a img {margin-top: -4px;}

/* i_adv */
.i_adv {padding-top: 84px;padding-bottom: 90px;}
.i_adv .tt {font-size: var(--font44);color: #333;line-height: 1;}
.i_adv .desc {margin-top: 50px;margin-right: calc(50vw - 720px);}
.i_adv .uk-grid {margin-left: -30px;}
.i_adv .uk-grid>* {padding-left: 30px;}
.i_adv .uk-grid-small {margin-left: -18px;}
.i_adv .uk-grid-small>* {padding-left: 18px;}
.i_adv .uk-grid-small>.uk-grid-margin {margin-top: 18px;}
.i_adv .left {width: 45%;}
.i_adv .uk-card-default {background-color: #f4f4f4;padding: 60px 15px;}
.i_adv .uk-card-default .img {width: 45px;height: 45px;position: relative;margin: 0 auto;}
.i_adv .uk-card-default .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;filter: brightness(0);}
.i_adv .uk-card-default .title {color: #333;font-size: var(--font18);margin: 22px 0 18px;}
.i_adv .uk-card-default .content p {font-size: var(--font16);color: #333;line-height: 1.5;}
.i_adv .uk-card-default:hover .title {color: var(--color1);}
.i_adv .uk-card-default:hover .img img {filter: brightness(0) invert(7%) sepia(61%) saturate(5433%) hue-rotate(218deg) brightness(94%) contrast(95%);}

/* i_news */
.i_news {background-color: #f8f8f8;padding-top: 97px;padding-bottom: 93px;}
.i_news .tt {font-size: var(--font44);color: #333;line-height: 1;margin-bottom: 36px;}
.i_news .uk-grid {margin-left: -30px;}
.i_news .uk-grid>* {padding-left: 30px;}
.i_news .left {width: 38%;}
.i_news img {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.i_news .sortname {font-size: var(--font14);color: #fff;padding: 7px 10px;background-color: var(--color1);}
.i_news .title {font-size: var(--font18);color: #fff;margin:  17px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.i_news .center {width: 28%;}
.i_news .center a + a {margin-top: 5.4%;}
.i_news .right .time {font-size: var(--font14);color: #999;margin-bottom: 12px;}
.i_news .right .txt {font-size: var(--font18);color: #333;margin-bottom: 5%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.i_news .right .line {width: 63px;height: 2px;background-color: var(--color1);transition: .5s all;}
.i_news .right .uk-card:hover .txt {color: var(--color1);}
.i_news .right .uk-card:hover .line {width: 100%;}
.i_news .right a + a {margin-top: 2%;}

/* foot */
.foot {background-color: #13171e;padding-top: 60px;padding-bottom: 60px;}
.foot .foot_nav {font-size: var(--font18);color: #fff;}
.foot .uk-list {margin-top: 35px;}
.foot .uk-list > li + li {margin-top: 18px;}
.foot .uk-list > li > a {font-size: var(--font14);color: #999;transition: .5s all;line-height: 1;display: block;}
.foot .uk-list > li > a:hover {color: #fff;}
.foot .tt {font-size: var(--font18);color: #fff;}
.foot .desc {margin-top: 35px;}
.foot .desc p {font-size: var(--font14);color: #c0c0c0;line-height: 1;}
.foot .desc p a {font-size: var(--font14);color: #c0c0c0;line-height: 1;}
.foot .desc p + p {margin-top: 18px;}
.foot .wechat {margin-top: 35px;}

/* footer */
.footer {background-color: #13171e;}
.footer .line { background-color: #313131; height: 1px;width: 100%;}
.footer p ,.footer p a {line-height: 55px;color: #999;transition: .5s all;font-size: 14px;}
.footer p a:hover {color: #fff;}

/* banner */
.banner .desc {position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.banner .desc .tt {font-size: var(--font44);color: #fff;line-height: 1;margin-bottom: 30px;}
.banner .desc .txt {font-size: var(--font24);color: #fff;line-height: 1;}

/* i_nav */
.i_nav {border-bottom: 1px solid #f0f0f2;}
.i_nav a {line-height: 70px;font-size: var(--font18);color: #666;transition: .5s all;display: block;position: relative;}
.i_nav a::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background-color: var(--color1);transform: scaleX(0);transition: .5s all;}
.i_nav a.active {color: var(--color1);}
.i_nav a.active::after {transform: scaleX(1);}
.i_nav a:hover {color: var(--color1);}
.i_nav a:hover::after {transform: scaleX(1);}
.i_nav .uk-grid {margin-left: -80px;}
.i_nav .uk-grid>* {padding-left: 80px;}
.i_nav .position a {display: inline-block;}

/* contact */
.contact {padding-top: 90px;padding-bottom: 90px;}
.contact .tt {font-size: var(--font44);color: #333;line-height: 1;margin-top: 30px;}
.contact .desc {margin-top: 80px;}
.contact .desc span.ico {width: 21px;height: 21px;display: inline-block;position: relative;margin-right: 8px;}
.contact .desc span.ico img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);margin-top: 2px;}
.contact .desc span.txt {color: var(--color1);margin-right: 30px;}
.contact .desc span {font-size: var(--font16);color: #333;line-height: 1.5;}
.contact .desc span a {font-size: var(--font16);color: #333;line-height: 1.5;}
.contact .desc > div + div {margin-top: 30px;}
.contact .left {width: 47%;}
.contact .right {width: 53%;}
.contact .right img {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}

/* message */
.message {background-color: #f4f4f4;}
.message .tt {font-size: var(--font44);color: #333;line-height: 1;margin-bottom: 65px;}
.message .txt {font-size: var(--font16);color: #333;line-height: 1;margin-bottom: 21px;}
.message input {height: 57px;border: 1px solid #eeeeee;background-color: #fff;padding: 20px 18px;}
.message textarea {padding: 20px 18px;}
.message button {width: 153px;height: 52px;border: 1px solid var(--color1);margin: 0 auto;color: var(--color1);font-size: var(--font16);background-color: #fff;transition: .5s all;}
.message button:hover {background-color: var(--color1);color: #fff;}

/* newslist */
.newslist .uk-card img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.newslist .uk-grid {margin-left: -25px;}
.newslist .uk-grid > * {padding-left: 25px;}
.newslist .uk-grid > .uk-grid-margin {margin-top: 50px;}
.newslist .title {margin-top: 30px;font-size: var(--font24);color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 3em;}
.newslist .time {font-size: var(--font16);color: #666;margin-top: 30px;}
.newslist .newslist_item>div:nth-child(n+7) {display: none;}
.newslist .btn {margin-top: 90px;}
.newslist .btn a {width: 152px;height: 50px;line-height: 50px;border: 1px solid var(--color1);text-align: center;margin-left: auto;margin-right: auto;display: block;color: var(--color1);}

/* news */
.news h3 {font-size: var(--font24);color: #333;}
.news h6 {font-size: var(--font16);color: #666;margin-top: 10px;margin-bottom: 20px;}
.news p {text-indent: 2em;margin:10px 0;}
.news p img {display: block;margin:10px auto;max-width: 600px;width: 100%;height: auto !important;}
.news p video {display: block;margin:10px auto;width: 100%;height: auto !important;}
.news p .loadingclass {width: auto;display: inline-block;}  /* 解决pdf图标问题 */

/* about */
.about {background-color: #f4f4f4;padding-top: 70px;padding-bottom: 80px;}
.about .tt {font-size: var(--font44);color: #333;line-height: 1;margin-bottom: 40px;}
.about .desc p {font-size: var(--font16);color: #333;line-height: 1.875;}

.about .video {margin-top: 50px;}
.about .num {margin-top: 65px;}
.about .num span {font-size: var(--font48);color: var(--color1);font-family: 'Microsoft YaHei';}
.about .num .desc {font-size: var(--font18);}
.about .num .content p {font-size: var(--font18);color: #333;}
.about .num > div > div + div > div::before {content: '';background-color: #dddddd;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 60px;}

/* history */
.history .tt {font-size: var(--font44);color: #fff;line-height: 1;margin-bottom: 25px;} 
.history .desc {font-size: var(--font18);color: #fff;line-height: 1.875;}
.history .content {margin-top: 70px;width: 1000px;height: 445px;overflow-y: auto;margin-left: auto;margin-right: auto;}
.history .content li .txt {font-size: var(--font20);color: #fff;line-height: 1;}
.history .content li + li {margin-top: 30px;}
.history .content li .uk-grid {margin-left: -80px;}
.history .content li .uk-grid>* {padding-left: 80px;}
.history .content li .before {position: relative;padding-left: 20px;font-size: var(--font20);color: #fff;line-height: 1;}
.history .content li .before::before {content: '';background-color: #fff;position: absolute;left: 0;top: 10px;transform: translateY(-50%);width: 7px;height: 7px;border-radius: 50%;}


/* culture */
.culture {padding-top: 90px;padding-bottom: 0;}
.culture .left img {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.culture .right {padding-left: 70px;padding-right: calc(50vw - 720px);}
.culture .right .tt {font-size: var(--font44);color: #333;line-height: 1;margin-bottom: 30px;}
.culture .right .desc {font-size: var(--font18);color: #333;line-height: 1.875;text-align: justify;}
.culture .right .content {margin-top: 30px;}
.culture .right .content p {font-size: var(--font16);color: #333;line-height: 1.875;}
.culture .right .content p strong {font-size: var(--font20);}

/* honor */
.honor {padding-top: 90px;padding-bottom: 80px;}
.honor .left img {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.honor .right {padding-right: 70px;padding-left: calc(50vw - 720px);}
.honor .right .tt {font-size: var(--font44);color: #333;line-height: 1;margin-bottom: 30px;}
.honor .right .desc {font-size: var(--font18);color: #333;line-height: 1.875;text-align: justify;}
.honor .right .num {margin-top: 110px;}
.honor .right .num span {font-size: var(--font48);color: var(--color1);font-family: 'Microsoft YaHei';}

/* equipment */
.equipment {background-color: #f4f4f4;padding-top: 90px;padding-bottom: 85px;}
.equipment .tt {font-size: var(--font44);color: #333;line-height: 1;margin-bottom: 25px;} 
.equipment .desc {font-size: var(--font18);color: #333;line-height: 1.875;}
.equipment .content {margin-top: 35px;}
.equipment .uk-dotnav {margin-left: -4px;}
.equipment .uk-dotnav>* {padding-left: 4px;}
.equipment .uk-dotnav>*>* {width: 20px;height: 3px;border-radius: 0;border: none;background-color: #d2d2d2;}
.equipment .uk-dotnav>*.uk-active>* {background-color: var(--color1);}
.equipment .uk-slider-nav {margin-top: 35px;}

/* OEM */
.OEM {padding-top: 80px;padding-bottom: 80px;}
.OEM .tt {font-size: var(--font44);color: #333;line-height: 1;margin-bottom: 25px;} 
.OEM .desc {font-size: var(--font18);color: #333;line-height: 1.875;}
.OEM .content {position: relative;margin-top: 40px;}
.OEM .content .line {position: absolute;top: 57px;left: 30px;right: 30px;border-top: 1px dashed#eeeeee;}
.OEM .content .bg {width: 114px;height: 114px;border-radius: 50%;position: relative;box-shadow: 0px 0px 18px 0px rgba(0, 30, 99, 0.05);;background-color: #fff;transition: .5s all;margin-left: auto;margin-right: auto;}
.OEM .content .uk-card:hover .bg {box-shadow: 0px 0px 18px 0px rgba(0, 30, 99, 0.1);}
.OEM .content .bg img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.OEM .content .uk-card:hover .bg img {filter: brightness(0) invert(7%) sepia(61%) saturate(5433%) hue-rotate(218deg) brightness(94%) contrast(95%);}
.OEM .content .number {font-size: var(--font18);color: #333;font-weight: bold;transition: .5s all;margin-bottom: 20px;margin-top: 20px;}
.OEM .content .title {font-size: var(--font18);color: #333;transition: .5s all;}
.OEM .content .uk-card:hover .number {color: var(--color1);}
.OEM .content .uk-card:hover .title {color: var(--color1);}

/* safeguard */
.safeguard {padding-top: 90px;padding-bottom: 80px;}
.safeguard .tt {font-size: var(--font44);color: #fff;line-height: 1;margin-bottom: 25px;} 
.safeguard .safeguard_item {width: 996px;margin: 0 auto;}

/* app */
.app {padding-top: 90px;padding-bottom: 80px;}
.app .tt {font-size: var(--font44);color: #fff;line-height: 1;margin-bottom: 25px;} 
.app .desc {margin-top: 40px;}
.app .desc .uk-card-default {border: 1px solid rgba(244, 244, 244,0.302);background-color: transparent;padding: 70px;transition: .5s all;}
.app .desc .bg {width: 80px;height: 80px;position: relative;margin: 0 auto;}
.app .desc .bg img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.app .desc .txt {font-size: var(--font18);color: #fff;line-height: 1.875;margin-top: 20px;}
.app .desc .uk-card-default:hover {background-color: var(--color1);}
.app .desc .uk-grid>.uk-grid-margin {margin-top: -1px;}

/* productlist */
.productlist {padding-bottom: 100px;}
.productlist .tt {font-size: var(--font44);color: #333;line-height: 1;margin-bottom: 20px;} 
.productlist .desc {font-size: var(--font18);color: #333;line-height: 1.875;}
.productlist .content {margin-top: 52px;}
.productlist .left img {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.productlist .right .title {font-size: var(--font44);color: #333;line-height: 1;margin-bottom: 20px;}
.productlist .right .descs {font-size: var(--font24);color: #333;line-height: 1.875;}
.productlist .right .content {margin-top: 55px;}
.productlist .right {padding-left: 70px;padding-right: calc(50vw - 720px);}
.productlist .right.other {padding-right: 70px;padding-left: calc(50vw - 720px);}
.productlist .right .btn {margin-top: 80px;}
.productlist .right .btn a {width: 152px;height: 50px;line-height: 50px;text-align: center;display: block;color: #fff;background-color: var(--color1);transition: .5s all;border: 1px solid #fff;}
.productlist .right .btn a:hover {color: var(--color1);background-color: #fff;border-color: var(--color1);}

/* pagination */
.pagination {margin-top: 100px;}
.pagination .uk-pagination {margin-left: -15px;}
.pagination .uk-pagination > * {padding-left: 15px;}
.pagination .uk-pagination > * > * {text-align: center;padding: 0;display: block;}

.pagination .uk-pagination > * > a.page-num {width: 34px;height: 34px;line-height: 32px;transition: .5s all;border-radius: 50%;font-size: var(--font24);background-color: transparent;color: #333;}
.pagination .uk-pagination > *:hover > a.page-num {color: #fff;background-color: var(--color1);}
.pagination .uk-pagination > * > a.page-num.page-num-current {color: #fff;background-color: var(--color1);border: 1px solid var(--color1);}

.pagination .uk-pagination > * > a.page-index, .uk-pagination > * > a.page-last {width: 46px;height: 25px;border: 1px solid #cdcdcd;transition: .5s all;}
.pagination .uk-pagination > *:hover > a.page-index, .uk-pagination > *:hover > a.page-last {color: #fff;background-color: var(--color1);border: 1px solid var(--color1);}

.pagination .uk-pagination > * > a.page-pre img ,.uk-pagination > * > a.page-next img {margin-top: -4px;}
.pagination .uk-pagination > *:hover > a.page-pre img ,.uk-pagination > *:hover > a.page-next img {filter: brightness(0) invert(51%) sepia(70%) saturate(2035%) hue-rotate(200deg) brightness(96%) contrast(91%);}




/* @keyframes */
.inset {
  animation-name: inset;
  animation-duration: 1.2s;
  animation-timing-function:cubic-bezier(0.49, 0.54, 0.16, 1);
}
@keyframes inset {
  0% {
    clip-path: inset(100% 0 0 0);
    opacity: 0;
    transform: translate3d(0%, 40px, 0);
  }
  99% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
    transform: none;
  }
  100%{
  	clip-path: none;
  }
}
.clip {
  animation-name: clip;
  animation-duration: 1.5s;
}
@keyframes clip {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
    transform: translate3d(.8rem, 0%, 0);
  }
  99% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
    transform: none;
  }
  100%{
  	clip-path: none;
  }
}

/* @media */
@media screen and (max-width: 2000px) {
	
}
@media screen and (max-width: 1700px) {
	.uk-container-large {max-width: 1400px;}
  .i_prod { padding-top: 100px;}
  .i_prod .i_prod_nav { margin-top: 100px; }
  .i_adv .uk-card-default {padding: 40px 10px;}
  .i_adv .left {width: 40%;}
  .i_adv .desc {margin-right: calc(50vw - 700px);}
  .culture .right {padding-right: calc(50vw - 700px);}
  .honor .right { padding-left: calc(50vw - 700px); }
  .productlist .right { padding-right: calc(50vw - 700px); }
  .productlist .right.other { padding-left: calc(50vw - 700px); }
  .history .content {width: 900px;}
  .safeguard .safeguard_item {width: 900px;}

}

@media screen and (max-width: 1500px) {
  :root {--font18: 16px;--font20: 18px;--font22: 20px;--font24: 22px;--font28: 24px;--font30: 26px;--font40: 34px;--font44: 36px;--font48: 40px;--font52: 44px;}
	.uk-container-large {max-width: 1200px;}
  .navbar .space { width: 40%; }
  .i_prod .i_prod_nav { margin-top: 80px; }
  .i_adv .uk-card-default {padding: 20px 10px;}
  .i_adv .uk-card-default .title { margin: 15px 0 12px; }
  .i_adv .uk-card-default .content p {font-size: var(--font14);}
  .i_adv .desc {margin-right: calc(50vw - 600px);}
  .culture .right {padding-right: calc(50vw - 600px);padding-left: 50px;}
  .honor .right { padding-left: calc(50vw - 600px);padding-right: 50px;}
  .productlist .right { padding-right: calc(50vw - 600px); }
  .productlist .right.other { padding-left: calc(50vw - 600px); }
  


  .i_prod .i_prod_single .btn { margin-top: 50px; }
  .i_prod .i_prod_nav { margin-top: 60px; }

  .i_news .right .txt { margin-bottom: 4%;}
  .history .content {width: 800px;}
  .safeguard .safeguard_item {width: 800px;}
  .app .desc .uk-card-default {padding: 50px;}
  .productlist .right .content {margin-top: 40px;}
  .productlist .right .btn { margin-top: 60px; }


}
@media screen and (max-width: 1300px) {
	.navbar .space { width: 30%;}
  .banner .desc {margin-left: 40px;}
  .culture .right {padding: 0 40px;}
  .honor .right {padding: 0 40px;}
  .productlist .right { padding-right: 40px; }
  .productlist .right.other { padding-left: 40px; }

}
@media screen and (max-width: 960px) {
  :root { --paddingtop: 60px; --paddingbottom: 60px;--font44:29px;}
	.uk-grid {margin-left: -15px;}
	.uk-grid>* {padding-left: 15px;}
	.uk-grid>.uk-grid-margin {margin-top: 15px;}
	.uk-grid-collapse {margin-left: 0;}
	.uk-grid-collapse>* {padding-left: 0;}
	.uk-grid-collapse>.uk-grid-margin {margin-top: 0;}
  
  .navbar .logo { line-height: 80px;}
  .navbar .logo img {height: 60px;}
	.navbar .space {flex: 1;}
  .navbar .uk-navbar-toggle {min-height: 80px; line-height: 80px; height: 80px;}
	.navbar .uk-navbar-toggle svg {width: 30px;height: 30px;color: var(--color1);}
  .navbar .uk-nav-default>li>a {font-size: var(--font18);color: #333;}
	.navbar .uk-nav-default>li.uk-active>a {color: var(--color1);}
  .uk-nav-default>li>a {font-size: 16px;padding: 20px 0;border-bottom: 1px solid #ededed;color: #333;display: block;position: relative;}
	.uk-nav-default>li.uk-active>a {color: var(--color1);}
  .uk-nav-default>li.uk-parent {position: relative;}
	.uk-nav-default>li.uk-parent .more {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);width: 16px;height: 16px;background-image: url(../image/parent.png);background-repeat: no-repeat;background-position: center;background-size: contain;transition: .5s all;}
	.uk-nav-default>li.uk-parent.uk-open .more {transform: translateY(-50%) rotate(90deg);}
  .uk-nav-default .uk-nav-sub a {font-size: 14px;color: #666;line-height: 30px;}
	.uk-nav-default .uk-nav-sub li.uk-active>a {color: var(--color1);}
	

  .i_banner .i_banner_item .tt {font-size: var(--font30);}
  .i_banner .i_banner_item .desc {margin-left: 30px;}
  .i_banner .i_banner_item .btn {transform: scale(0.5);transform-origin: left center; margin-top: 20px;}
  .i_banner .slideshow.slideshowleft {left: 0;transform: translateY(-50%) scale(0.5);transform-origin: left center;}
  .i_banner .slideshow.slideshowright {right: 0;transform: translateY(-50%) scale(0.5);transform-origin: right center;}

  .i_about .btn {transform: scale(0.7);transform-origin: left center; margin-top: 20px;}

  .i_about .num {margin-top: 40px;}
  .i_about .num > div > div + div > div::before {content: none;}
  .i_about .uk-grid-collapse>.uk-grid-margin {margin-top: 25px;padding-top: 15px;border-top: 1px solid #ddd;}
  .about .num > div > div + div > div::before {content: none;}
  .about .uk-grid-collapse>.uk-grid-margin {margin-top: 25px;padding-top: 15px;border-top: 1px solid #ddd;}
  
  .i_prod .i_prod_single .ico {position: relative !important;}
  .i_prod .i_prod_single .desc {min-height: 198px;}
  
  .i_adv {padding-top: 60px;padding-bottom: 60px;}
  .i_adv .desc {margin: 15px;margin-top: 30px;}
  .i_adv .left {width: 100%;}

  .i_news {padding-top: 60px;padding-bottom: 60px;}
  .i_news .left {width: 100%;}
  .i_news .center {width: 100%;}

  .banner .desc {margin-left: 15px;}
  .history .content {width: 100%;}
  .history .content li .before {line-height: 1.5;}
  .culture .right {margin-top: 20px;padding: 0 15px;}
  
  .culture {padding-top: 60px;}
  .honor {padding-top: 60px;padding-bottom: 60px;}
  .honor .right {margin-top: 20px;padding: 0 15px;}
  .honor .right .num { margin-top: 40px; }
  .equipment {padding-top: 60px;padding-bottom: 60px;}
  .OEM {padding-top: 60px;padding-bottom: 60px;}
  .OEM .uk-grid-collapse>.uk-grid-margin {margin-top: 20px;}
  .OEM .content .line {display: none;}

  .i_nav .uk-grid {margin-left: -40px;}
  .i_nav .uk-grid>* {padding-left: 40px;}
  .i_nav .uk-flex-center {justify-content: left;}
  .i_nav {padding-top: 15px !important;padding-bottom: 15px  !important;}
  .i_nav a {line-height: 1.5;}
  .i_nav .uk-position-left {position: relative !important;margin-bottom: 10px;}
  .safeguard .safeguard_item {width: 100%;}
  .app .desc .uk-card-default {padding: 30px;}
  .productlist {padding-bottom: 60px;}
  .productlist .desc {padding: 0 15px;}
  .productlist .right {padding: 30px 15px;}
  .productlist .right.other {padding: 30px 15px;}

  .contact {padding-top: 60px;padding-bottom: 60px;}
  .contact .left {width: 100%;}
  .contact .right {width: 100%;}
  .contact .desc {margin-top: 40px;margin-bottom: 40px;}
  .contact .tt {margin-top: 0;}
  
  .footer {padding-bottom: 10px !important;}
  .footer .line {margin-bottom: 10px;}
  .footer p, .footer p a {line-height: 1.875;}





  .uk-pagination {display: block;}
	.pagination span.page-status , .pagination span.page-pre, .pagination span.page-next {display: none;}
	.pagination span:not(.page-numbar) {margin: 0 3px;}
	.pagination span a.page-num {margin: 0 3px;}
	
}