/* common */
:root {--color1:#204882 ;}
:root {--color2:#102e59;}

/*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.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'HarmonyOS';
    src: url('../font/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mont';
    src: url('../font/Mont-Heavy.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OPPOSans';
    src: url('../font/OPPOSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



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

body,html {overflow-x: hidden;}  /* scroll-padding-top 滚动离顶部距离 */
h1, h2, h3, h4, h5, h6, p {margin: 0;}
span,i {display: inline-block;}
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: 1500px;}
.uk-navbar-nav {gap:0;}
.uk-transition-toggle:hover .uk-transition-scale-up {--uk-scale-x: 1.1;--uk-scale-y: 1.1;}


::-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;}

.scrollbar-thumb {background-color: var(--color1) !important;}
#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;} */

 [uk-cover] {left: 0;--uk-position-translate-x: 0;}

/* nav */
.nav {background-color: transparent;position: absolute;top: 0;width: 100%;left: 0;z-index: 1;transition: .5s all;}
.nav .uk-logo img {height: 70px;margin-top: -30px;transition: .5s all;filter: brightness(0) invert(1);}
.nav .uk-navbar-item,.nav .uk-navbar-nav>li>a,.nav .uk-navbar-toggle {min-height: 80px;transition: .5s all;}
.nav .uk-navbar-nav>li {padding-left: 50px;}
.nav .uk-navbar-nav>li>a {font-size: 19px;color: #fff;position: relative;transition: .5s all;}
.nav .uk-navbar-dropdown {padding: 0;min-width: 200px;width: auto;--uk-position-offset:0;--uk-position-viewport-offset: 0;}
.nav .uk-navbar-dropdown-nav>li>a {font-size: 16px;line-height: 45px;padding: 0 20px;background-color: #fff;color: #666;border-bottom: 1px dashed #DEDEDE;}
.nav .uk-navbar-dropdown-nav>li:hover>a ,.header .uk-navbar-dropdown-nav>li.active>a {color: #fff;background-color: var(--color1);}


.nav .top {height: 40px;overflow: hidden;transition: .5s all;}
.nav .top h5 span {font-size: 16px;color: #fff;transition: .5s all;}
.nav .top h5 span svg {margin-top: -4px;}
.nav .top h5 span svg path {transition: .5s all;}
.nav .top h5 a {font-size: 16px;color: #fff;line-height: 1;display: inline-block;transition: .5s all;}
.nav .top h5 a.lan:hover {color: var(--color1);}

.nav.active,.nav:hover {background-color: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.nav.active .top {height: 0;}
.nav.active .top h5 span,.nav:hover .top h5 span {color: #333;}
.nav.active .top h5 a,.nav:hover .top h5 a {color: #333;}
.nav.active .top h5 span svg .bg,.nav:hover .top h5 span svg .bg {fill: var(--color1);}
.nav.active .top h5 span svg .pen,.nav:hover .top h5 span svg .pen {fill: #fff;}
.nav.active .uk-logo img {margin-top: 0;height: 60px;filter: none;}
.nav:hover .uk-logo img {filter: none;}
.nav.active .uk-navbar-nav>li>a,.nav:hover .uk-navbar-nav>li>a {color: #333;}
.nav.active .uk-navbar-nav>li.active>a,.nav.active .uk-navbar-nav>li:hover>a,.nav:hover .uk-navbar-nav>li.active>a,.nav:hover .uk-navbar-nav>li:hover>a {color: var(--color1);}

/* i_banner */
#i_banner {position: relative;}
.i_banner .uk-slidenav {padding: 15px 20px;border-radius: 50%;background-color: rgba(0,0,0,0.2);transition: .5s all;}
.i_banner .uk-slidenav:hover {background-color: var(--color1);}
.i_banner .uk-slidenav-previous {margin-left: 100px;}
.i_banner .uk-slidenav-next {margin-right: 100px;}
.i_banner .b1p {bottom: 20%;}
.i_banner .b2 {visibility:hidden;}
.i_banner h1 {font-size: 60px;color: #fff;}
.i_banner h2 {font-size: 45px;color: #fff;font-family: 'OPPOSans';margin-top: 20px;text-transform: uppercase;}
.i_banner .uk-overlay {background-color: rgba(16, 46, 89,0.3);}

/* m_banner */
.m_banner .uk-slidenav {padding: 15px 20px;border-radius: 50%;background-color: rgba(0,0,0,0.2);transition: .5s all;}
.m_banner .uk-slidenav:hover {background-color: var(--color1);}
.m_banner .uk-slidenav-previous {margin-left: 100px;}
.m_banner .uk-slidenav-next {margin-right: 100px;}
.m_banner .b1p {bottom: 20%;}
.m_banner .b2 {visibility:hidden;}
.m_banner h1 {font-size: 60px;color: #fff;}
.m_banner h2 {font-size: 45px;color: #fff;font-family: 'OPPOSans';margin-top: 20px;text-transform: uppercase;}
.m_banner .uk-overlay {background-color: rgba(16, 46, 89,0.3);}

/* i_about */
.i_about {background-color: #f9fbff;position: relative;z-index: 1;overflow: hidden;}
.i_about h1 {font-size: 48px;color: var(--color1);margin-bottom: 40px;}
.i_about h2 {font-size: 38px;}
.i_about h2.justify {text-align-last: justify;}
.i_about p {font-size: 19px;color: #666666;line-height: 1.875;text-align: justify;}
.i_about .text {padding-right: 100px;}
.i_about .desc {margin-top: 50px;}
.i_about .about_text {position: absolute;font-size: 148px;writing-mode: vertical-lr;writing-mode: tb-lr;font-family: "Mont";color: rgba(32, 72, 130, 0.05);line-height: 0.8;text-transform: uppercase;left: 0;top: 50%;transform: translateY(-50%);white-space: nowrap;}
.i_about .button {margin-top: 50px;}
.i_about .btn {line-height: 50px;height: 50px;background-color: var(--color1);padding: 0 30px;color: #fff;font-size: 15px;display: inline-block;border-radius: 30px;transition: .5s all;border: 1px solid var(--color1);}
.i_about .btn:hover {background-color: #fff;color: var(--color1);}
.i_about .pic {position: absolute;text-align: center;transform-origin: center center;}
.i_about .bg {position: absolute;top: 0;left: 0;transform-origin: 0 0;width: 987px;height: 657px;}
.i_about .pic1 {top: 25%;left: 32%;}
.i_about .pic2 {top: 9%;left: 40%;}
.i_about .pic3 {top: 43%;left: 5%;}
.i_about .pic4 {top: 63%;left: 1%;}
.i_about .pic5 {top: 53%;right: 5%;}
.i_about .pic6 {top: 64%;right: 1%;}

/* i_prod */
.i_prod {background-color: #fff;position: relative;z-index: 1;margin-top: -1px;}
.i_prod h1 {font-size: 48px;color: var(--color1);}
.i_prod .btn {line-height: 50px;height: 50px;background-color: var(--color1);padding: 0 30px;color: #fff;font-size: 15px;display: inline-block;border-radius: 30px;transition: .5s all;border: 1px solid var(--color1);}
.i_prod .btn:hover {background-color: #fff;color: var(--color1);}
.i_prod .prod {margin-top: 60px;}
.i_prod .prod .uk-card-default {border: 1px solid #DEDEDE;}
.i_prod .prod .uk-inline-clip {border-radius: 14px;}
.i_prod .prod h4 {font-size: 28px;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin: 25px 0;transition: .5s all;}
.i_prod .prod p {font-size: 18px;line-height: 1.675;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color: #666;}
.i_prod .prod .uk-transition-toggle:hover h4 {color: var(--color1);}
.i_prod .uk-slider-item svg * {transition: .5s all;}
.i_prod .uk-slider-item:hover svg * {fill: var(--color1);}

/* i_adv */
.i_adv {background-color: var(--color2);position: relative;z-index: 1;margin-top: -1px;padding: 130px 0;}
.i_adv h1 {font-size: 50px;color: #fff;}
.i_adv h5 {font-size: 22px;color: #fff;margin-top: 50px;}
.i_adv .button {margin-top: 50px;}
.i_adv .btn {line-height: 50px;height: 50px;background-color: var(--color1);padding: 0 30px;color: #fff;font-size: 15px;display: inline-block;border-radius: 30px;transition: .5s all;border: 1px solid var(--color1);}
.i_adv .btn:hover {background-color: #fff;color: var(--color1);}
.i_adv .text {margin-top: 20px;}
.i_adv .desc {padding-left: 200px;}
.i_adv .desc h4 {font-size: 26px;color: #fff;}
.i_adv .desc h6 {font-size: 15px;color: #fff;text-transform: uppercase;text-align: right;}
.i_adv .desc hr {border-color:  rgba(255, 255, 255,0.4);}
.i_adv .desc p {font-size: 18px;color: #fff;}
.i_adv .desc canvas {transition: .5s all;}
.i_adv .desc.uk-transition-toggle:hover canvas {transform: rotateY(180deg);}
.i_adv .uk-grid>.uk-grid-margin {margin-top: 100px;}

/* i_app */
.i_app {background-color: #fff;position: relative;z-index: 1;margin-top: -1px;padding: 130px 0;overflow: hidden;}
.i_app h1 {font-size: 48px;color: var(--color1);margin-bottom: 10px;}
.i_app h5 {font-size: 22px;color:#555555;margin-bottom: 50px;}
.i_app .uk-slider-container {overflow: inherit;}
.i_app .uk-inline-clip {border-radius: 16px;}
.i_app .uk-slidenav {padding: 15px 20px;background-color: rgba(0, 0, 0,0.2);transition: .5s all;}
.i_app .uk-slidenav svg {width: 16px;height: 26px;color: #fff;}
.i_app .uk-slidenav:hover {background-color: rgba(16, 46, 89,0.4);}
.i_app .uk-overlay-default {background-color: rgba(16, 46, 89,0.6);padding: 0;}
.i_app .uk-overlay-default h4 {font-size: 30px;color: #fff;line-height: 150px;}

/* i_news */
.i_news {background-color: #f5f7f9;position: relative;z-index: 1;margin-top: -1px;padding: 100px 0;}
.i_news h1 {font-size: 48px;color: var(--color1);}
.i_news .btn {line-height: 50px;height: 50px;background-color: var(--color1);padding: 0 30px;color: #fff;font-size: 15px;display: inline-block;border-radius: 30px;transition: .5s all;border: 1px solid #fff;}
.i_news .btn:hover {background-color: #fff;color: var(--color1);}
.i_news .desc {margin-top: 50px;}
.i_news .news1 {margin-top: 20px;}
.i_news .desc h4 {font-size: 28px;color: #333;transition: .5s all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition: .5s all;height: 4rem;margin-bottom: 40px;}
.i_news .desc p {font-size: 18px;line-height: 1.675;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;color: #666;}
.i_news .desc .uk-transition-toggle:hover h4 {color: var(--color1);}
.i_news .desc .button {margin-top: 80px;}
.i_news .desc .btn {background-color: #fff;color: var(--color1);}
.i_news .desc .btn:hover {background-color: var(--color1);border-color: var(--color1);color: #fff;}
.i_news .desc .cont {padding-left: 100px;}
.i_news .desc .cont h6 {font-size: 14px;color: rgba(32, 72, 130, 0.6);margin-bottom: 15px;}
.i_news .desc .cont h3 {font-size: 22px;color: #333;transition: .5s all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.i_news .desc .cont .uk-transition-toggle:hover h3 {color: var(--color1);}
.i_news .desc .cont p {font-size: 16px;-webkit-line-clamp:2;margin-top: 15px;}
.i_news .desc .cont hr {border-color: rgba(0,0,0,0.1);position: relative;}
.i_news .desc .cont hr::before {content: '';position: absolute;left: 0;right: 100%;height: 1px;background-color: var(--color1);transition: .5s all;top: 0;}
.i_news .desc .cont .uk-transition-toggle:hover hr::before {right: 0;}

/* foot */
.foot {position: relative;z-index: 1;margin-top: -1px;padding: 0;}
.foot .footnav {border-bottom: 1px solid rgba(255, 255, 255,0.2);}
.foot .footnav a {line-height: 120px;height: 120px;display: inline-block;}
.foot .subnav a {font-size: 19px;color: #fff;transition: .5s all;padding: 0 40px;}
.foot .subnav a:hover {color:#e4ca58;}
.foot a.bg {width: 52px;height: 52px;border: 1px dashed #fff;border-radius: 50%;align-items: center;justify-content: center;position: relative;transition: .5s all;}
.foot a.bg svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.foot a.bg:hover {background-color: rgba(255,255,255,.2);}
.foot .uk-card-default {border-radius: 4px;width: auto;min-width: 150px;padding: 10px;}
.foot .uk-card-default h4 {font-size: 18px;color: #333;margin-bottom: 20px;}
.foot .uk-card-default h5 {font-size: 18px;color: #555555;white-space: nowrap;}

.foot .info {margin-top: 100px;margin-bottom: 100px;}
.foot .info p {font-size: 18px;color: #fff;margin-bottom: 20px;}
.foot .info p a {color: #fff;}
.foot .info p svg {margin-top: -4px;}

/* footer */
.footer {border-top: 1px solid rgba(255, 255, 255,0.2);}
.footer p ,.footer p a {line-height: 60px;color: rgba(255, 255, 255, 0.4);transition: .5s all;font-size: 15px;}
.footer p a:hover {color: #fff;}

/* banner */
.banner {overflow: hidden;}
.banner .mouse {height: 26px;width: 18px;border-radius: 18px;border: 2px solid #fff;position: absolute;bottom:30px;left: 50%;transform: translateX(-50%);}
.banner .mouse:after {content: '';width: 2px;height: 5px;background-color: #fff;border-radius: 2px;animation: scroll-down 1.5s infinite ease-in-out;position: absolute;left: 50%;transform: translateX(-50%);}
@keyframes scroll-down {
    0% {
        top:3px;
        opacity: 0;
    }
    30%,
    70% {
        opacity: 1;
    }
    100% {
    	top:calc(100% - (2px + 5px));
        opacity: 0;
    }
}
.banner h1 span {font-size: 68px;color: #fff;}
.banner h2 span {font-size: 46px;color: #fff;font-family: 'OPPOSans';font-weight: bold;text-transform: uppercase;}

/* i_nav */
.i_nav {background-color: #f9fbff;font-size: 16px;color: #666;}
.i_nav a {line-height: 80px;font-size: 16px;color: #666;transition: .5s all;}
.i_nav a:hover {color: var(--color1);}
.i_nav svg {margin-top: -4px;}
.i_nav .subnav a {font-size: 18px;color: #666;transition: .5s all;padding: 0 50px;transition: .5s all;position: relative;display: inline-block;}
.i_nav .subnav a:first-child {padding-left: 0;}
.i_nav .subnav a:hover {color: var(--color1);}
.i_nav .subnav a.line::before {content: '';position: absolute;top: 50%;left: 0;width: 1px;height: 18px;background-color: rgba(16, 46, 89,0.1);transform: translateY(-50%);}

/* about */
.about {position: relative;overflow: hidden;}
.about h1 {font-size: 48px;color: var(--color1);}
.about h2 {font-size: 38px;}
.about h2.justify {text-align-last: justify;}
.about .left {padding-right: 150px;position: relative;}
.about .left::before {content: '';position: absolute;width: 100%;height: 100vh;bottom: 0;right: 0;background-color: #fff;}
.about .line {height: 2px;background-color: #e3c852;width: 50px;position: relative;margin: 20px 0 40px;}
.about .line::before {content: '';position: absolute;left: 0;top: 0;width: 25px;height: 2px;background-color: var(--color1);}
.about .desc {margin-top: 100px;height: 285px;max-height: 285px;overflow-y: auto;padding-right: 15px;margin-right: -15px;}
.about .desc p {text-indent: 2em;margin:10px 0;font-size: 20px;color: #666;text-align: justify;line-height: 1.875;}

/* adv */
.adv {background-color: #fff;padding: 100px 0;position: relative;margin-top: -1px;}
.adv h1 {font-size: 18px;color: var(--color1);}
.adv h1 span {font-size: 70px;font-family: 'Mont';}
.adv h2 {font-family: 'Mont' !important;font-size: 280px;color: #f4f7fd;text-align: center;width: 50%;}
.adv .txt {position: absolute;top: 50%;left: 0;width: 100%;overflow: hidden;transform: translateY(-50%);}
.adv .txtbg {width: 200%;animation: letters linear 30s infinite;}
@keyframes letters {
  0% {
    transform: none;
    -webkit-transform: none;
  }
  100% {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
}

/* culture */
.culture {padding: 100px 0;position: relative;margin-top: -1px;}
.culture h1 {font-size: 48px;color: #fff;}
.culture .line {height: 2px;background-color: #e3c852;width: 50px;position: relative;margin: 20px auto 40px;}
.culture .line::before {content: '';position: absolute;left: 0;top: 0;width: 25px;height: 2px;background-color: #fff;}
.culture h5 {font-size: 24px;color: #fff;}
.culture .desc {margin-top: 150px;}
.culture .uk-card-default {border-top: 1px solid rgba(255, 255, 255, 0.2);border-bottom: 1px solid rgba(255, 255, 255, 0.2);border-right: 1px solid rgba(255, 255, 255, 0.2);background-color: transparent;}
.culture .uk-overlay {margin: 6px 4px;background-color: rgba(255, 255, 255,0.1);padding: 15% 0;}
.culture h4 {font-size: 30px;color: #fff;transition: .5s all;}
.culture hr {border-width: 2px;width: 25px;margin: 20px auto;}
.culture p {font-size: 20px;color: #fff;}
.culture .uk-transition-toggle:hover h4 {color: #e3c852;}

/* honor */
.honor {background-color: #f9fbff;padding: 100px 0;position: relative;margin-top: -1px;}
.honor h1 {font-size: 48px;color: var(--color1);}
.honor .line {height: 2px;background-color: #e3c852;width: 50px;position: relative;margin: 20px auto 40px;}
.honor .line::before {content: '';position: absolute;left: 0;top: 0;width: 25px;height: 2px;background-color: var(--color1);}
.honor h5 {font-size: 24px;color: #666;}
.honor .desc {margin-top: 100px;}
.honor .uk-list {height: 308px;}
.honor .uk-list> li > a {font-size: 18px;color: #333;transition: .5s all;}
.honor .uk-list> li:hover > a,.honor .uk-list> li.active > a {color: var(--color1);}
.honor .uk-list-disc>::before {color: #333;transition: .5s all;}
.honor .uk-list-disc>li:hover::before ,.honor .uk-list-disc>li.active::before {color: var(--color1);}
.honor .fit {top: 4%;right: 4%;bottom: 4%;left: 4%;}
.honor .fit img {width: 100%;height: 100%;object-fit: contain;}

/* plant */
.plant {background-color: #fff;padding: 100px 0;position: relative;margin-top: -1px;}
.plant h1 {font-size: 48px;color: var(--color1);}
.plant .line {height: 2px;background-color: #e3c852;width: 50px;position: relative;margin: 20px auto 40px;}
.plant .line::before {content: '';position: absolute;left: 0;top: 0;width: 25px;height: 2px;background-color: var(--color1);}
.plant h5 {font-size: 24px;color: #666;}
.plant .desc {margin-top: 40px;}
.plant .pic {position: relative;overflow: hidden;}
.plant .picbg1 {width: 450%;animation: letters linear 90s infinite;}
.plant .picbg2 {width: 450%;animation: letters2 linear 90s infinite;}
.plant .uk-inline-clip {border-radius: 20px;}

@keyframes letters2 {
  0% {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  100% {
    transform: none;
    -webkit-transform: none;
  }
}

/* contact */
.contact {position: relative;overflow: hidden;}
.contact h1 {font-size: 48px;color: var(--color1);}
.contact .line {height: 2px;background-color: #e3c852;width: 50px;position: relative;margin: 20px 0 40px;}
.contact .line::before {content: '';position: absolute;left: 0;top: 0;width: 25px;height: 2px;background-color: var(--color1);}
.contact h2 {font-family: 'Mont' !important;font-size: 280px;color: #f4f7fd;text-transform: uppercase;}
.contact .desc {margin-top: 60px;}
.contact .uk-card-default {border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;background-color: transparent;padding: 40px;}
.contact .uk-card-default .weixin {border: 1px solid #dcdcdc;}
.contact h6 {font-size: 16px;color: #666;margin-top: 10px;}
.contact h5 {font-size: 20px;color: #999;margin-bottom: 10px;}
.contact .icon {margin-bottom: 25px;}
.contact p {font-size: 20px;color: var(--color1);margin-bottom: 10px;}
.contact p a {font-size: 26px;color: var(--color1);}

/* message */
.message {background-color: #f9fbff;position: relative;overflow: hidden;}
.message h1 {font-size: 48px;color: var(--color1);}
.message .line {height: 2px;background-color: #e3c852;width: 50px;position: relative;margin: 20px auto 40px;}
.message .line::before {content: '';position: absolute;left: 0;top: 0;width: 25px;height: 2px;background-color: var(--color1);}
.message input {border: none;background-color: #fff;line-height: 50px;height: 50px;padding: 15px 20px;}
.message textarea {border: none;background-color: #fff;line-height: 50px;padding: 10px 20px;}
.message button {border-radius: 4px;background-color: var(--color1);color: #fff;font-size: 16px;transition: .5s all;line-height: 50px;height: 50px;}
.message button:hover {background-color: #e3c852;}

/* newslist */
.newslist {position: relative;overflow: hidden;}
.newslist h1 {font-size: 48px;color: var(--color1);}
.newslist .line {height: 2px;background-color: #e3c852;width: 50px;position: relative;margin: 20px 0 40px;}
.newslist .line::before {content: '';position: absolute;left: 0;top: 0;width: 25px;height: 2px;background-color: var(--color1);}
.newslist h2 {font-family: 'Mont' !important;font-size: 280px;color: #f4f7fd;text-transform: uppercase;}
.newslist .desc {margin-top: 60px;}
.newslist .uk-card-default {border: 1px solid rgb(220, 220, 220);border-radius: 8px;padding: 20px;background-color: transparent;}
.newslist h6 {font-size: 16px;color: rgba(16, 46, 89, 0.6);margin-bottom: 10px;}
.newslist h4 {font-size: 28px;color: #333;margin-bottom: 20px;transition: .5s all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.newslist .uk-transition-toggle:hover h4 {color: var(--color1);}
.newslist p {font-size: 18px;color: #666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newslist .top p {-webkit-line-clamp:3;}
.newslist .button {margin-top: 50px;}
.newslist .btn {line-height: 50px;height: 50px;background-color: var(--color1);padding: 0 30px;color: #fff;font-size: 15px;display: inline-block;border-radius: 30px;transition: .5s all;border: 1px solid var(--color1);}
.newslist .btn:hover {background-color: #fff;color: var(--color1);}
.newslist .top .btn {background-color: #fff;color: var(--color1);}
.newslist .top .btn:hover {background-color: var(--color1);color: #fff;}
.newslist .uk-button {margin-top: 40px;margin-left: auto;margin-right: auto;}

/* news */
.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;}

/* process */
.process {position: relative;overflow: hidden;}
.process h1 {font-size: 48px;color: var(--color1);}
.process .line {height: 2px;background-color: #e3c852;width: 50px;position: relative;margin: 20px 0 40px;}
.process .line::before {content: '';position: absolute;left: 0;top: 0;width: 25px;height: 2px;background-color: var(--color1);}
.process h2 {font-family: 'Mont' !important;font-size: 280px;color: #f4f7fd;text-transform: uppercase;}
.process h5 {font-size: 38px;color: #333;}

/* equipment */
.equipment {background-color: #f9fbff;position: relative;overflow: hidden;margin-top: -1px;}
.equipment h1 {font-size: 48px;color: var(--color1);}
.equipment .line {height: 2px;background-color: #e3c852;width: 50px;position: relative;margin: 20px auto 40px;}
.equipment .line::before {content: '';position: absolute;left: 0;top: 0;width: 25px;height: 2px;background-color: var(--color1);}
.equipment .swiper-wrapper {padding: 90px 0;}
.equipment .uk-card {transform: scale(1);transition: .5s all;z-index: 1;}
.equipment .swiper-slide-next .uk-card {transform: scale(1.2);z-index: 2;}
.equipment .swiper-slide-prev .uk-card {transform: scale(1.2);z-index: 2;}
.equipment .swiper-slide-active .uk-card {transform: scale(1.5);z-index: 3;}
.equipment canvas {border: 6px solid rgb(255, 255, 255);background-color: #fff;}
.equipment .fit {top: 6px;right: 6px;bottom: 6px;left: 6px;}
.equipment .fit img {width: 100%;height: 100%;object-fit: contain;}
.equipment .swiper-button-next,.equipment .swiper-button-prev {width: 50px;height: 50px;border-radius: 50%;background-color: rgba(16, 46, 89,0.6);color: #fff;transition: .5s all;}
.equipment .swiper-button-next:hover ,.equipment .swiper-button-prev:hover {background-color: var(--color1);}
.equipment .swiper-button-prev {left: 30px;}
.equipment .swiper-button-next {right: 30px;}
.equipment .swiper-button-next:after ,.equipment .swiper-button-prev:after {--swiper-navigation-size: 22px;}

/* productlist */
.productlist .subnav a {font-size: 20px;color: #333;display:inline-block;position:relative;}
.productlist .subnav a.active,.productlist .subnav a:hover {color: var(--color1);}
.productlist canvas {background-color: #f6f6f6;}
.productlist h4 {font-size: 22px;color: #333;transition: .5s all;margin-top: 10px;margin-bottom: 10px;}
.productlist .uk-transition-toggle:hover h4 {color: var(--color1);} 
.productlist .uk-grid>.uk-grid-margin {margin-top: 0;}

/* product */
.product .subnav a {font-size: 20px;color: #333;display:inline-block;position:relative;}
.product .subnav a.active,.product .subnav a:hover {color: var(--color1);}
.product .cont .left {padding-right: 80px;}
.product .cont h1 {font-size: 42px;color: #333;}
.product .cont hr {border-color: rgba(0, 0, 0,0.2);margin: 50px 0;}
.product .cont p {font-size: 19px;color: #666;text-align: justify;}
.product .cont .zixun {margin-top: 60px;}
.product .cont .zixun .uk-card svg {margin-top: -4px;line-height: 50px;height: 50px;}
.product .cont .zixun .uk-card a {line-height: 50px;height: 50px;font-size: 25px;color: var(--color1);}
.product .cont .btn {line-height: 50px;height: 50px;background-color: var(--color1);padding: 0 30px;color: #fff;font-size: 15px;display: inline-block;border-radius: 30px;transition: .5s all;border: 1px solid var(--color1);}
.product .cont .btn:hover {background-color: #fff;color: var(--color1);}
.product .cont .uk-card-default {border: 1px solid #DEDEDE;border-radius: 8px;}
.product .cont .swiper-slide-thumb-active .uk-card-default {border-color: var(--color1);}
.product .desc {margin-top: 70px;}
.product .desc table td,.product .desc table th {border: 1px solid #e8e8e8;text-align: center;}
.product .desc table th {background-color: var(--color1);color: #fff;font-size: 18px;padding:25px 5px;}
.product .desc table td {font-size: 18px;color: #666;padding: 5px;}
.product .uk-grid>.uk-grid-margin {margin-top: 25px;}
.product .subnav .line {position:relative;}
.product .subnav .line:before {content:'';position:absolute;width:1px;height:20px;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#ddd;}

.product .swiper-button-next,.product .swiper-button-prev {position: relative;color: #999;--swiper-navigation-size: 30px;}

/* navbarleft */
.navbarleft h4 {background-color: var(--color1);color: #fff;line-height: 70px;font-size: 32px;padding: 0 30px;width: 240px;}
.navbarleft ul {margin-top: 0;}
.navbarleft .uk-list>:nth-child(n+2) {margin-top: 0;}
.navbarleft .uk-list>li>a {line-height: 60px;padding: 0 15px 0 45px;display: block;font-size: 17px;color: #333;position: relative;border-bottom:1px solid rgba(0, 0, 0,0.1);transition: .5s all;}
.navbarleft .uk-list>li>a::before {content: '';position: absolute;left: 25px;top: 50%;width: 6px;height: 6px;border-radius: 50%;background-color: #333;transform: translateY(-50%);}
.navbarleft .uk-list>li.active>a,.navbarleft .uk-list>li:hover>a {color: var(--color1);}

.navbarright {padding-left: 130px;}

/* pagination */
.uk-pagination>*>* {padding: 5px 0;display: inline-block;}
.uk-pagination>*>:hover {color: #999;}
.uk-pagination>*>a:hover {color: #333;}
.pagination .page-status {display: none;}
.pagination span:not(.page-numbar) {margin: 0 8px;color: var(--color1);}
.pagination span a:not(.page-num) {color: var(--color1);position: relative;border: 1px solid var(--color1);padding:8px 10px;transition: 0.5s all;}
.pagination span a.page-num {color: var(--color1);position: relative;margin: 0 8px;padding: 8px 10px;border: 1px solid var(--color1);transition: 0.5s all;}
.pagination span a:hover,.pagination span a.page-num.page-num-current {color: #fff;background-color: var(--color1);}

.juanji {
  animation-name: juanji;
  animation-duration: 1.5s;
}
.dakai {
  animation-name: dakai;
  animation-duration: 1.5s;
}
@keyframes juanji {
  0% {
    clip-path: inset(0 0 0 100%);
    opacity: 0;
    transform: translate3d(-1rem, 0, 0);
  }
  99% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
    transform: none;
  }
  100%{
  	clip-path: none;
  }
}

@keyframes dakai {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
    transform: translate3d(1rem, 0, 0);
  }
  99% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
    transform: none;
  }
  100%{
  	clip-path: none;
  }
}


/* @media */
@media screen and (max-width: 1700px) {
	.prod .uk-position-medium {margin: 0;}
		
}

@media screen and (max-width: 1500px) {
	.i_banner h1 {font-size: 48px;}
	.i_banner h2 {font-size: 36px;}
	.i_about h1 {font-size: 40px;margin-top: 30px;}
	.i_about h2 {font-size: 30px;}
	.i_about .desc {margin-top: 30px;}
	.i_about .button {margin-top: 30px;}
	.i_prod h1 {font-size: 40px;}
	.i_prod .prod h4 {font-size: 20px;}
	.i_prod .prod p {font-size: 16px;}
	.i_adv {padding: 80px 0;}
	.i_adv h1 {font-size: 40px;}
	.i_adv h5 {font-size: 18px;}
	.i_adv .desc {padding-left: 100px;}
	.i_adv .desc p {font-size: 16px;}
	.i_app {padding: 80px 0;}
	.i_app h1 {font-size: 40px;}
	.i_app h5 {font-size: 18px;margin-top: 30px;}
	.i_app .uk-overlay-default h4 {line-height: 80px;font-size: 24px;}
	.i_news h1 {font-size: 40px;}
	
	.i_news .desc h4 {font-size: 24px;}
	.i_news .desc .cont h3 {font-size: 20px;}
	.i_news .desc .cont p {font-size: 14px;}
	.i_news .desc .cont h6 {margin-bottom: 10px;}
	
	.about h1 {font-size: 40px;}
	.about h2 {font-size: 30px;}
	.about .desc {margin-top: 50px;}
	.about .desc p {font-size: 16px;}
	.culture h1 {font-size: 40px;}
	.culture h5 {font-size: 18px;}
	.culture .desc {margin-top: 100px;}
	.culture h4 {font-size: 24px;}
	.culture p {font-size: 16px;}
	.honor h1 {font-size: 40px;}
	.honor h5 {font-size: 18px;}
	.plant h1 {font-size: 40px;}
	.plant h5 {font-size: 18px;}
	.product .cont h1 {font-size: 36px;}
	.product .cont p {font-size: 18px;}
	.message h1 {font-size: 40px;}
	.banner h1 span {font-size: 48px;}
	.banner h2 span {font-size: 38px;}
	.process h1 {font-size: 40px;}
	.process h2 {font-size: 240px;}
	.process h5 {font-size: 30px;}
	.equipment h1 {font-size: 40px;}
	.newslist h1 {font-size: 40px;}
	.newslist h2 {font-size: 240px;}
	.contact h1 {font-size: 40px;}
	.contact h2 {font-size: 240px;}
	.contact p {font-size: 18px;}
	.adv h2 {font-size: 240px;}
	.contact .uk-card-default {padding: 30px;}
	.i_nav .subnav a {padding: 0 30px;}
	.navbarright {padding-left: 100px;}
	.product .cont h1 {font-size: 30px;}
	.product .cont p {font-size: 16px;}
	.product .cont .left {padding-right: 0;}
	
	.i_case .title {top: 90px;}
	.i_case .cont a.btn {margin-top: 40px;}
	
}
@media screen and (max-width: 1400px) {
    .productlist .subnav a {font-size: 18px;}
    .product .subnav a {font-size: 18px;}
	
}
@media screen and (max-width: 960px) {
	.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;}
	
	.uk-offcanvas-bar {width: 100%;left: 100%;background-color: #fff;padding: 0;}
	.uk-offcanvas-bar svg {color: #999;}
	.uk-offcanvas-bar a {color: #999;}
	.uk-offcanvas-bar .uk-nav>li>a {color: #999;text-transform: uppercase;padding: 0;}
	.uk-offcanvas-bar .uk-nav>li.uk-active>a {color: #333;}
	.uk-offcanvas-bar a:hover {color: #333;}
	.uk-offcanvas-bar .uk-nav-sub>li.uk-active>a {color: #333;}
	.uk-offcanvas-bar hr {border-color: #dedede;}
	.uk-offcanvas-bar h6 {color: #999;}
	.uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent>a::after {background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");}
	.uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent.uk-open>a::after {background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");}
	#tm-mobile .uk-list li.uk-active a {color: #333;}
	
	.uk-offcanvas-bar .uk-logo img {height: 60px;filter: none;}
	
	.uk-slider {overflow: hidden;}
	
	
	.nav {padding: 0 15px;}
	.nav .uk-icon {color: #fff;}
	.nav.active .uk-icon ,.nav:hover .uk-icon {color: var(--color1);}
	
	#tm-mobile .nav {width: auto;}
	.nav .uk-logo img {height: 46px;margin-top: 0;}
	.nav.active .uk-logo img {height: 46px;}
	.i_banner h1 {font-size: 20px;}
	.i_banner h2 {font-size: 16px;}
	.i_about h1 {font-size: 30px;margin-top: 20px;margin-bottom: 20px;}
	.i_about h2 {font-size: 24px;}
	.i_about .text {padding-right: 0;}
	.i_about p {font-size: 16px;}
	.i_about .uk-position-cover {position: relative;}
	.i_banner .uk-slidenav-previous {margin-left: 15px;}
	.i_banner .uk-slidenav-next {margin-right: 15px;}
	.i_banner .uk-slidenav {padding: 4px 6.5px;}
	.i_banner .uk-slidenav svg {width: 7px;height: 12px;}
	
  	.m_banner h1 {font-size: 20px;}
	.m_banner h2 {font-size: 16px;}
    .m_banner .uk-slidenav-previous {margin-left: 15px;}
	.m_banner .uk-slidenav-next {margin-right: 15px;}
	.m_banner .uk-slidenav {padding: 4px 6.5px;}
	.m_banner .uk-slidenav svg {width: 7px;height: 12px;}
	
	.i_prod h1 {font-size: 30px;}
	.i_prod .btn {margin-top: 40px;}
	.i_prod .prod {margin-top: 40px;}
	.i_prod .prod h4 {margin-bottom: 10px;}

	.i_about .btn {line-height: 40px;height: 40px;}
	.i_prod .btn {line-height: 40px;height: 40px;}
	.i_adv {padding: 50px 0;}
	
	.i_adv h1 {font-size: 30px;}
	.i_adv h5 {font-size: 16px;margin-top: 20px;}
	
	.i_adv .btn {line-height: 40px;height: 40px;}
	
	.i_adv .desc {padding-left: 0;}
	.i_adv .uk-grid>.uk-grid-margin {margin-top: 40px;}
	
	.i_app {padding: 50px 0;}
	.i_app h1 {font-size: 30px;}
	.i_app h5 {font-size: 16px;}
	.i_app .uk-position-top-right {bottom: 0;top: auto;}
	.i_news {padding: 50px 0;}
	.i_news h1 {font-size: 30px;}
	.i_news .btn {line-height: 40px;height: 40px;}
	.i_news .desc h4 {margin-bottom: 10px;}
	.i_news .desc .button {margin-top: 20px;}
	.i_news .desc .cont {padding-left: 15px;padding-top: 20px;}
	
	.foot .info {margin-top: 50px;margin-bottom: 50px;}
	.foot .info p {font-size: 16px;}
	.foot .info .add {display: none;}
	
	.i_nav .subnav a {font-size: 14px;padding: 0 10px;}
	.i_nav ,.i_nav a {line-height: 60px;font-size: 12px;}
	.i_nav .uk-grid>.uk-grid-margin {margin-top: 0;}
	
	.about {background-color: #fff;}
	.about h1 {font-size: 30px;}
	.about .left {padding-right: 0;}
	.about h2 {font-size: 24px;}
	.about .desc {margin-top: 20px;}
	.adv {padding: 70px 0;}
	.adv h1 {font-size: 14px;}
	.adv h1 span {font-size: 36px;}
	.adv h2 {font-size: 70px;}
	.adv p {font-size: 14px;}
	
	.culture {padding: 70px 15px !important;}
	.culture .desc {margin-top: 40px;}
	.culture h1 {font-size: 30px;}
	.culture h5 {font-size: 16px;}
	.culture .uk-overlay {padding: 10% 0;}
	.culture .uk-card-default {border-left: 1px solid rgba(255, 255, 255, 0.2);}
	
	.honor {padding: 40px 0;}
	.honor h1 {font-size: 30px;}
	.honor h5 {font-size: 16px;}
	.honor .desc {margin-top: 30px;}
	.honor .uk-list> li > a {font-size: 16px;}
	
	.plant {padding: 70px 15px;}
	.plant h1 {font-size: 30px;}
	.plant h5 {font-size: 15px;}
	.plant .uk-inline-clip {border-radius: 10px;}
	.plant .picbg1 {width: 900%;}
	.plant .picbg2 {width: 900%;}
	
	#prodnav {z-index: 999999999;}
	#prodnav .uk-offcanvas-bar h4 {font-size: 30px;color: #333;margin-bottom: 20px;}
	
	.navbarleft a.btn {font-size: 18px;margin-bottom: 20px;line-height: 50px;height: 50px;background-color: var(--color1);color: #fff;display: inline-block;padding: 0 30px;}
	
	.product .cont .left {padding-right: 0;}
	.product .cont h1 {font-size: 30px;}
	.product .cont p {font-size: 16px;}
	.product .desc table th {font-size: 16px;}
	.product .desc table td {font-size: 16px;}
	.product .cont hr {margin: 20px 0;}
	.product .cont .zixun {margin-top: 40px;}
	.product .desc {margin-top: 40px;}
	
	
	.equipment .swiper-wrapper {padding: 30px 0;}
	
	.process h2 {font-size: 100px;}
	
	.message h1 {font-size: 30px;}
	.message h2 {font-size: 100px;}
	.banner {height: 420px;}
	.banner canvas {height: 420px;}
	.banner h1 span {font-size: 38px;}
	.banner h2 span {font-size: 16px;}
	.process h1 {font-size: 30px;}
	.process h5 {font-size: 24px;}
	.equipment h1 {font-size: 30px;}
	.newslist h1 {font-size: 30px;}
	.newslist h2 {font-size: 100px;}
	.newslist .uk-card-default {padding: 15px;}
	.newslist .uk-card-body {padding: 0;}
	.newslist .button {margin-top: 25px;}
	.newslist .btn {line-height: 40px;height: 40px;}
	.newslist h4 {font-size: 24px;}
	.newslist p {font-size: 16px;}
	.contact h1 {font-size: 30px;}
	.contact h2 {font-size: 100px;}
	.contact .uk-card-default {padding: 15px;border-left: 1px solid #dcdcdc;}
	.contact p {font-size: 16px;}
	.contact p a {font-size: 20px;}
	
	
	
	.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;}
	
}