/* common */
:root {--color1:#f58220;}
:root {--color2:#881e22;}

/*format(*.*): truetype(.ttf), opentype(otf), truetype-aat, embedded-opentype(.eot), svg(.svg), woff(.woff) */
@font-face {
    font-family: 'SourceHanSansSC';
    src: url('../font/SourceHanSansSC-Normal.otf') format('opentype');
    font-weight: normal;
}
@font-face {
    font-family: 'SourceHanSansSC';
    src: url('../font/SourceHanSansSC-Medium.otf') format('opentype');
    font-weight: 500;
}

@font-face {
    font-family: 'SourceHanSansSC';
    src: url('../font/SourceHanSansSC-Bold.otf') format('opentype');
    font-weight: bold;
}
@font-face {
    font-family: 'DINPro';
    src: url('../font/DINPro-Bold.otf') format('opentype');
    font-weight: bold;
}

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

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


/* nav */
.nav {background-color: transparent;position: absolute;top: 0;width: 100%;left: 0;z-index: 1;transition: .5s all;}
.nav .uk-logo img {height: 82px;margin-top: -35px;}
.nav .uk-logo .logo1 {display: block;}
.nav .uk-logo .logo2 {display: none;}
.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 .uk-subnav a {font-size: 18px;color: #333;padding: 0 30px;position: relative;overflow: hidden;line-height: 70px;}
.nav .uk-subnav a:hover {color: var(--color1);}
.nav .uk-subnav a::before {content: '';position: absolute;left: 51%;right: 51%;height: 2px;background-color: var(--color1);transition: .5s all;bottom: 0;}
.nav .uk-subnav a.active::before,.nav .uk-subnav a:hover::before {left: 0;right: 0;}
.nav .uk-subnav a::after {content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom: -10px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid transparent;transition: .5s all;}
.nav .uk-subnav a.active::after,.nav .uk-subnav a:hover::after {border-bottom-color: var(--color1);bottom: 0;}
.nav form {padding: 15px;}
.nav .uk-search-navbar .uk-search-input {font-size: 16px;}

.nav .desc {margin-top: 40px;}
.nav .uk-dropbar {border-bottom: 5px solid var(--color1);}
.nav .uk-dropbar .uk-subnav>li>a.active {color: var(--color1);}
.nav .subnav2 {width: 300px;}
.nav .subnav3 {width: 300px;}
.nav .subnav4 {width: 300px;}
.nav .subnav2 .uk-list>* {margin-top: 0;}
.nav .subnav2 .uk-list>*>a {display: block;font-size: 16px;color: #333;transition: .5s all;line-height: 40px;height: 40px;padding: 0 15px;background-image: url(../image/go.png);background-repeat: no-repeat;background-position: calc(100% - 20px) 50%;}
.nav .subnav2 .uk-list>*>a.active {background-color: var(--color1);color: #fff;}
.nav .subnav3 .uk-list>* {margin-top: 0;}
.nav .subnav3 .uk-list>*>a {display: block;font-size: 16px;color: #333;transition: .5s all;line-height: 40px;height: 40px;padding: 0 15px;background-image: url(../image/go.png);background-repeat: no-repeat;background-position: calc(100% - 20px) 50%;}
.nav .subnav3 .uk-list>*>a.active {background-color: var(--color1);color: #fff;}

.nav .top {height: 40px;overflow: hidden;transition: .5s all;}
.nav .top h5 span {font-size: 16px;color: #fff;transition: .5s all;}
.nav .top h5 img {filter: brightness(0) invert(1);margin-right: 5px;margin-top: -2px;}
.nav .top h5 a {font-size: 16px;color: #fff;line-height: 1;display: inline-block;transition: .5s all;}
.nav .top h5 a:hover {color: var(--color1);}
.nav.active .top h5 a:hover {color: var(--color1);}
.nav:hover .top h5 a:hover {color: var(--color1);}

.nav.active,.nav:hover {background-color: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.nav.active .uk-logo .logo1,.nav:hover .uk-logo .logo1 {display: none;}
.nav.active .uk-logo .logo2,.nav:hover .uk-logo .logo2 {display: block;}
.nav.active .top h5 span,.nav:hover .top h5 span {color: #333;}
.nav.active .top h5 img,.nav:hover .top h5 img {filter: none;}
.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-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 .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 h1 {font-size: 56px;color: #fff;font-weight: 500;display: inline-block;position: relative;line-height: 1.2;margin-bottom: 10px;}
.i_banner h2 {font-size: 70px;color: var(--color1);font-weight: bold;display: inline-block;position: relative;line-height: 1.2;margin-bottom: 10px;}
.i_banner h2 span {font-size: 52px;}
.i_banner h3 {font-size: 60px;font-weight: bold;color: rgba(255,255,255,0.3);text-transform: uppercase;display: inline-block;position: relative;line-height: 1.2;margin-bottom: 10px;font-family: 'DINPro' !important;}
.i_banner .show {transform: translateX(-100%);transition: 1s all;}
.i_banner .uk-active.uk-transition-active .show {transform: translateX(0);}
.i_banner .uk-active.uk-transition-active .cover {left: 100%;}
.i_banner .uk-active.uk-transition .cover {left: 0;transition: 1s all;}
.i_banner .uk-active.uk-transition .show {transform: translateX(-100%);transition-delay: 1s;}

/* i_about */
.i_about {position: relative;z-index: 1;background-color: #fff;background-size: 100%;background-position: 0 100%;background-repeat: no-repeat;padding-top: 160px;padding-bottom: 170px;margin-top: -1px;}
.i_about h1 {font-size: 58px;font-weight: bold;color: var(--color1);margin-bottom: 10px;}
.i_about h4 {font-size: 38px;color: #222;}
.i_about .desc {margin-top: 60px;}
.i_about .desc p {font-size: 17px;color: #555;line-height: 1.875;}
.i_about .desc2 {margin-top: 70px;overflow: hidden;border-top: 2px dashed #ededed;}
.i_about .desc2 .subnav {border-bottom: 2px dashed #ededed;padding: 30px 40px;}
.i_about .desc2 h4 {display: inline-block;font-size: 18px;color: #333;margin-left: 30px;line-height: 36px;height: 36px;transition: .5s all;}
.i_about .desc2 h4 span {display: inline-block;font-size: 18px;color: #999;font-weight: lighter;text-transform: uppercase;margin-left: 30px;transition: .5s all;}
.i_about .desc2 .ico {width: 22px;transform: translateY(-2px);}
.i_about .desc2 .circle {width: 36px;height: 36px;border-radius: 50%;background-color: #eeeeee;position: relative;}
.i_about .desc2 .circle::before {content: '';position: absolute;width: 6px;height: 6px;border-radius: 50%;background-color: var(--color1);left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .5s all;}
.i_about .desc2 .circle::after {content: '';position: absolute;width: 6px;height: 6px;border-radius: 50%;background-color: var(--color1);left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .5s all;}
.i_about .desc2 .subnav:hover h4 {color: var(--color1);}
.i_about .desc2 .subnav:hover .ico {filter: invert(51%) sepia(98%) saturate(1007%) hue-rotate(348deg) brightness(100%) contrast(93%);}
.i_about .desc2 .subnav:hover h4 span {color: var(--color1);opacity: 0.6;}
.i_about .desc2 .subnav:hover .circle {background-color: var(--color1);}
.i_about .desc2 .subnav:hover .circle::before {background-color: #fff;width: 12px;height: 2px;border-radius: 0;    transform: translate(-50%,calc(-50% - 3.2px)) rotate(35deg);}
.i_about .desc2 .subnav:hover .circle::after {background-color: #fff;width: 12px;height: 2px;border-radius: 0;    transform: translate(-50%,calc(-50% + 3.2px)) rotate(-35deg);}

/* i_prod */
.i_prod {position: relative;z-index: 1;margin-top: -1px;padding-top: 180px;padding-bottom: 140px;}
.i_prod h1 {font-size: 58px;font-weight: bold;color: var(--color1);margin-bottom: 10px;}
.i_prod h4 {font-size: 38px;color: #222;font-weight: 500;color: #222;margin-bottom: 35px;}
.i_prod p {font-size: 18px;color: #555;line-height: 1.875;}
.i_prod .desc {margin-top: 40px;}
.i_prod	.uk-grid {margin-left: -80px;}
.i_prod	.uk-grid>* {padding-left: 80px;}
.i_prod	.uk-grid>.uk-grid-margin {margin-top: 80px;}
.i_prod .uk-card-default  {border-radius: 20px;overflow: hidden;}
.i_prod .uk-card-body {padding: 40px 70px;}
.i_prod .desc h4 {font-size: 30px;color: #222;margin-bottom: 25px;transition: .5s all;}
.i_prod .desc .uk-transition-toggle:hover h4 {color: var(--color1);}
.i_prod .desc h5 {font-size: 18px;color: rgba(34, 34, 34, 0.6);transition: .5s all;}
.i_prod .desc .uk-transition-toggle:hover h5 {color: var(--color1);}
.i_prod .desc .uk-list {margin-top: 40px;}
.i_prod .desc .uk-list>li>a {font-size: 18px;color: #222;transition: .5s all;}
.i_prod .desc .uk-list>li:hover>a {color: var(--color1);}
.i_prod .desc .uk-list.uk-list-square>::before {transition: .5s all;}
.i_prod .desc .uk-list.uk-list-square>:hover::before {color: var(--color1);}

/* i_case */
.i_case {position: relative;z-index: 1;margin-top: -1px;}
.i_case h1 {font-size: 58px;font-weight: bold;color: #fff;}
.i_case .title {position: absolute;top: 140px;left: 0;width:100%;}
.i_case .narbar {position: absolute;bottom: 0;width:100%;}
.i_case .narbar .uk-dotnav {margin-left: 0;}
.i_case .narbar .uk-dotnav>* {padding-left: 0;}
.i_case .narbar .uk-dotnav>*:not(.uk-first-column) {border-left: 1px solid rgba(255, 255, 255,0.12);}
.i_case .narbar .uk-dotnav>*>* {width: auto;height:auto;border-radius: 0;text-indent: 0;position: relative;border: none;}
.i_case .narbar .uk-dotnav>*>* .uk-overlay-default {background-color: rgba(0,0,0,0.3);transition: .5s all;}
.i_case .narbar .uk-dotnav>.uk-active>* .uk-overlay-default {background-color: var(--color1);}
.i_case .narbar .uk-dotnav>:hover>* .uk-overlay-default {background-color: var(--color1);}
.i_case .narbar h4 {font-size: 20px;color: #fff;margin-top: 20px;}
.i_case .cont {position: absolute;top: 50%;transform: translateY(-50%);left: 0;width:100%;}
.i_case .cont h3 {font-size: 42px;color: #fff;}
.i_case .cont hr {border-color: rgba(255, 255, 255,0.3);position: relative;margin: 30px 0;}
.i_case .cont hr::before {content: '';position: absolute;left: 0;top: -2px;width: 38px;height: 3px;background-color: #fff;}
.i_case .cont p {font-size: 18px;color: #fff;}
.i_case .cont a.btn {width: 168px;line-height: 50px;height: 50px;background-color: var(--color1);color: #fff;display: inline-block;text-align: center;font-size: 16px;margin-top: 70px;}
.i_case .cont a.btn img {transform: translate(0,-2px);transition: .5s all;}
.i_case .cont a.btn:hover img {transform: translate(10px,-2px);}
.i_case .slidenavbar {position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 100%;text-align: right;}
.i_case .slidenavbar .uk-slidenav {padding: 11px 16px;color: #fff;border: 1px solid rgba(255,255,255,0.6);border-radius: 50%;transition: .5s all;}
.i_case .slidenavbar .uk-slidenav.left {margin-right: 150px;}
.i_case .slidenavbar .uk-slidenav:hover {background-color: var(--color1);color: #fff;border-color: var(--color1);}
.i_case .num {position: absolute;top: 50%;right: 64px;transform: translateY(-37px);width: 100%;text-align: right;}
.i_case .num h2 {font-size: 54px;color: #fff;font-family: 'DINPro' !important;}
.i_case .num h2 span {font-size: 30px;}

/* i_news */
.i_news {position: relative;z-index: 1;margin-top: -1px;padding-top: 140px;padding-bottom: 100px;}
.i_news h1 {font-size: 58px;font-weight: bold;color: var(--color1);margin-bottom: 10px;transition: .5s all;}
.i_news h4 {font-size: 38px;color: #222;font-weight: 500;color: #222;margin-bottom: 35px;transition: .5s all;}
.i_news .desc {margin-top: 70px;}
.i_news .desc hr {background-color: rgba(0, 0, 0,0.2);border: none;height: 1px;width: 100%;transition: .5s all;}
.i_news .desc h6 {font-size: 14px;font-family: arial !important;color: #333;}
.i_news .desc p {font-size: 16px;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top: 50px;line-height: 1.875;height: 3.75rem;margin-bottom: 30px;}
.i_news .desc .uk-transition-toggle:hover p {color: var(--color1);}
.i_news .desc .uk-transition-toggle:hover hr {background-color: var(--color1);}
.i_news .desc a.btn {width: 168px;line-height: 50px;height: 50px;background-color: var(--color1);color: #fff;display: inline-block;text-align: center;font-size: 16px;margin-top: 70px;}
.i_news .desc a.btn img {transform: translate(0,-2px);transition: .5s all;}
.i_news .desc .uk-transition-toggle:hover a.btn img {transform: translate(10px,-2px);}

/* bottom */
.bottom {position: relative;z-index: 1;margin-top: -1px;background-color: #0b0b0b;padding-top: 85px;padding-bottom: 85px;}
.bottom .logo {width: 385px;}
.bottom h4 {font-size: 15px;color: rgba(255,255,255,.6);margin-top: 10px;}

/* foot */
.foot {position: relative;z-index: 1;margin-top: -1px;background-color: #0b0b0b;padding-top: 85px;padding-bottom: 85px;border-top: 1px solid rgba(255, 255, 255,0.12);}
.foot h4 {font-size: 20px;color: #fff;margin-bottom: 35px;}
.foot ul>li>a {color: rgba(255,255,255,0.6);display: block;transition: .5s all;}
.foot ul>li:hover>a {color: #fff;transform: translateX(10px);}
.foot .uk-list>:nth-child(n+2) {margin-top: 20px;}
.foot h6 {font-size: 14px;color: rgba(255,255,255,0.6);margin-top: 35px;margin-bottom: 10px;}
.foot h5 {font-size: 14px;color: #fff;}
.foot h5 a {color:#fff;}

/* footer */
.footer {position: relative;z-index: 1;margin-top: -1px;background-color: #0b0b0b;border-top: 1px solid rgba(255, 255, 255,0.12);}
.footer p ,.footer p a {line-height: 60px;color: rgba(255, 255, 255, 0.4);transition: .5s all;font-size: 14px;}
.footer p a:hover {color: #fff;}

/* i_nav */
.i_nav {background-color: #e6edf5;position: relative;z-index: 1;}
.i_nav,.i_nav a {line-height: 70px;font-size: 16px;color: #333;transition: .5s all;}
.i_nav a:hover {color: var(--color1);}
.i_nav svg {margin-top: -4px;}
.i_nav .uk-subnav a {font-size: 18px;color: #333;padding: 0 30px;position: relative;overflow: hidden;}
.i_nav .uk-subnav a.active, .i_nav .uk-subnav a:hover {color: var(--color1);}
.i_nav .uk-subnav a::before {content: '';position: absolute;left: 51%;right: 51%;height: 2px;background-color: var(--color1);transition: .5s all;bottom: 0;}
.i_nav .uk-subnav a.active::before,.i_nav .uk-subnav a:hover::before {left: 0;right: 0;}
.i_nav .uk-subnav a::after {content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom: -10px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid transparent;transition: .5s all;}
.i_nav .uk-subnav a.active::after,.i_nav .uk-subnav a:hover::after {border-bottom-color: var(--color1);bottom: 0;}

/* about */
.about {position: relative;z-index: 1;background-color: #fff;}
.about h1 {font-size: 46px;font-weight: bold;color: #222;margin-bottom: 15px;}
.about h1 span {color: var(--color1);}
.about h2 {font-size: 38px;color: #222;}
.about .desc {margin-top: 40px;}
.about .desc p {font-size: 18px;color: #666;line-height: 1.875;}
.about .left {padding-right: 50px;}

/* ad */
.ad {background-color: var(--color1);position: relative;z-index: 1;}
.ad h1 {font-size: 33px;color: #fff;}
.ad h1 span {font-size: 50px;}

/* culture */
.culture {position: relative;z-index: 1;background-color: #fff;}
.culture h1 {font-size: 52px;font-weight: bold;color: #222;}
.culture .desc {margin-top: 60px;}
.culture .uk-inline-clip {border-radius: 12px;}
.culture .kuan {width: 890px;}
.culture .uk-overlay-default {background-color: rgba(0,0,0,0.5);margin: 55px 70px;padding: 0;transition: .5s all;border-radius: 12px;}
.culture h4 {font-size: 34px;transition: .5s all;color: #fff;margin-bottom: 40px;}
.culture p {font-size: 24px;color: #fff;}
.culture .uk-transition-toggle:hover .uk-overlay-default {margin: 0;}
.culture a.uk-position-center-left {left: 20%;}
.culture a.uk-position-center-right {right: 20%;}
.culture a.item {filter: brightness(100) invert(0);}


/* service */
.service {background-color: #eaeaea;position: relative;z-index: 1;}
.service h1 {font-size: 52px;font-weight: bold;color: #222;}
.service .desc {margin-top: 40px;}
.service .desc .uk-card-default {border-radius: 12px;padding: 35px 65px;transition: .5s all;}
.service .desc .uk-card-default:hover {box-shadow: 0px 0px 20px 0px rgb(245 130 32 / 12%);}
.service .desc .uk-card-default h4 {font-size: 24px;color: #333;margin-top: 40px;margin-bottom: 20px;transition: .5s all;}
.service .desc .uk-card-default p {font-size: 20px;color: #555;}
.service .desc .uk-card-default .uk-inline-clip {transition: 1s all;}
.service .desc .uk-transition-toggle:hover .uk-inline-clip {transform: rotate(360deg);}
.service .desc .uk-transition-toggle:hover h4 {color: var(--color1);}

/* contact */
.contact {position: relative;z-index: 1;background-color: #fff;}
.contact h1 {font-size: 46px;font-weight: bold;color: var(--color1);margin-bottom: 20px;}
.contact h2 {font-size: 38px;color: #222;}
.contact .desc {margin-top: 30px;}
.contact .desc h5 {font-size: 16px;color: #666;line-height: 1.875;}
.contact .desc h5 a {color: #333;}
.contact .desc h5 a:hover {font-weight: bold;}
.contact .desc h5 img {transform:translateY(-2px);margin-right: 5px;}
.contact .desc h3 {font-size: 38px;color: var(--color1);font-family: 'DINPro' !important;}
.contact .desc h3 a {font-size: 38px;color: var(--color1);font-family: 'DINPro' !important;}
.contact .desc2 {margin-top: 60px;}
.contact .desc2 .uk-card-default {padding: 40px 60px;border-right: 1px solid rgba(0, 0, 0,0.1);background-color: transparent;}
.contact .desc2 .uk-first-column .uk-card-default {border-left: 1px solid rgba(0, 0, 0,0.1);}
.contact .desc2 h4 {font-size: 16px;color: #666;}
.contact .desc2 h4 span {font-size: 20px;color: #333;}
.contact .desc2 .weixin {width: 100px;padding: 5px;border: 1px solid #dce4f5;}
.contact .desc2 p {font-size: 16px;color: #999;margin-top: 10px;}

/* message */
.message {background-color: #e6edf5;position: relative;z-index: 1;}
.message h1 {font-size: 46px;font-weight: bold;color: var(--color1);}
.message .desc {margin-top: 30px;}
.message input {line-height: 50px;height: 50px;border: none;}
.message textarea {line-height: 50px;border: none;}
.message button {background-color: var(--color1);color: #fff;}

/*.productlist */
.productlist {position: relative;z-index: 1;background-color: #fff;}

/* productlist_ */
.productlist_ {position: relative;z-index: 1;background-color: #fff;}
.productlist_ h4 {font-size: 46px;font-weight: bold;color: var(--color1);}
.productlist_ .desc {margin-top: 50px;}
.productlist_ .desc p {font-size: 16px;line-height: 1.875;color: #555;}
.productlist_ a.btn {width: 168px;line-height: 50px;height: 50px;background-color: var(--color1);color: #fff;display: inline-block;text-align: center;font-size: 16px;margin-top: 70px;}
.productlist_ a.btn img {transform: translate(0,-2px);transition: .5s all;}
.productlist_ a.btn:hover img {transform: translate(10px,-2px);}

.productlist_2 {background-color: #f5f5f5;}
.productlist_1 .cont {padding-right: 120px;}
.productlist_2 .cont {padding-left: 120px;}

/* productlist1_ */
.productlist1_ {position: relative;z-index: 1;background-color: #fff;}
.productlist1_ h1 {font-size: 46px;font-weight: bold;color: var(--color1);margin-top: 20px;}
.productlist1_ p {font-size: 20px;line-height: 1.875;color: #555;}
.productlist1_ .desc {margin-top: 50px;}
.productlist1_ .uk-inline-clip {border-radius: 12px;}

/* productlist1_list */
.productlist1_list {position: relative;z-index: 1;background-color: #fff;}
.productlist1_list h1 {font-size: 46px;font-weight: bold;color: var(--color1);}
.productlist1_list .desc {margin-top: 50px;}
.productlist1_list .uk-inline-clip {border-radius: 12px;}
.productlist1_list h4 {font-size: 16px;color: #333;line-height: 1.875;transition: .5s all;}
.productlist1_list .uk-transition-toggle:hover h4 {color: var(--color1);}
.productlist1_list .uk-grid {margin-left: -25px;}
.productlist1_list .uk-grid>* {padding-left: 25px;}
.productlist1_list .uk-grid>.uk-grid-margin {margin-top: 25px;}

/* productlist2_ */
.productlist2_ {position: relative;z-index: 1;background-color: #fff;}
.productlist2_ h4 {font-size: 46px;font-weight: bold;color: var(--color1);}
.productlist2_ .desc {margin-top: 50px;}
.productlist2_ .desc p {font-size: 16px;line-height: 1.875;color: #555;}
.productlist2_ a.btn {width: 168px;line-height: 50px;height: 50px;background-color: var(--color1);color: #fff;display: inline-block;text-align: center;font-size: 16px;margin-top: 70px;}
.productlist2_ a.btn img {transform: translate(0,-2px);transition: .5s all;}
.productlist2_ a.btn:hover img {transform: translate(10px,-2px);}


.productlist2_2 {background-color: #f5f5f5;position: relative;z-index: 1;}
.productlist2_1 {position: relative;z-index: 1;background-color: #fff;}
.productlist2_1 .cont {padding-right: 10%;}
.productlist2_2 .cont {padding-left: 4.4%;}

/* productlist0_ */
.productlist0_ {position: relative;z-index: 1;background-color: #fff;}
.productlist0_ h1 {font-size: 46px;font-weight: bold;color: var(--color1);}
.productlist0_ .desc {margin-top: 30px;}
.productlist0_ .uk-card-default {background-color: #f5f5f5;padding: 60px;}
.productlist0_ h4 {font-size: 28px;color: #222;margin-bottom: 30px;transition: .5s all;}
.productlist0_ h4:hover {color: var(--color1);}
.productlist0_ p {font-size: 20px;line-height: 1.875;color: #555;position: relative;transition: .5s all;}
.productlist0_ .list p:hover {color: var(--color1);}
.productlist0_ .list p {font-size: 22px;line-height: 1.875;color: #555;position: relative;padding-left: 30px;}
.productlist0_ .list p::before {content: '';position: absolute;width: 8px;height: 8px;left: 0;top: 1.25rem;background-color: #555;}

/* prodleft */
.prodleft {width: 300px;position: relative;z-index: 1;background-color: #fff;}
.prodleft hr {border-color: rgba(0, 0, 0,0.2);}
.prodleft h1 {font-size: 26px;color: #333;}
.prodleft li {padding-right: 30px;}
.prodleft li a h4 {font-size: 18px;color: #666;transition: .5s all;}
.prodleft li a img {transition: .5s all;}
.prodleft li:hover a h4 ,.prodleft li.active a h4 {color: var(--color1);}
.prodleft li:hover a img,.prodleft li.active a img {transform: rotate(90deg);filter: brightness(0) invert(54%) sepia(97%) saturate(1007%) hue-rotate(345deg) brightness(97%) contrast(97%);}
.prodleft .uk-list>:nth-child(n+2) {margin-top: 30px;}


/* prodright */
.prodright {padding-left: 230px;position: relative;z-index: 1;background-color: #fff;}
.prodright h1 {font-size: 38px;color: #333;margin-top: 10px;margin-bottom: 30px;}
.prodright h4 {font-size: 18px;color: #333;transition: .5s all;}
.prodright .uk-transition-toggle:hover h4 {color: var(--color1);}

/* product */
.product {position: relative;z-index: 1;background-color: #fff;}
.product .right {margin-top: 40px;padding-left: 120px;}
.product .right h1 {font-size: 38px;color: #333;margin-bottom: 10px;}
.product .right .desc {margin-top: 40px;}
.product .right .desc h4 {font-size: 38px;color: #333;margin-bottom: 20px;}
.product .right .desc h5 {font-size: 22px;color: #666;}
.product .right .desc p {font-size: 16px;color: #666;}
.product .right .desc p strong {font-weight: bold;display: inline-block;margin-bottom: 10px;color: #000000;}

.product .cont {margin-top: 100px;}
.product .cont .uk-card-default {background-color:#f5f5f5;padding:30px;}
.product .cont .uk-subnav {margin-left: 0;}
.product .cont .uk-subnav>* {padding-left: 0;flex:1;}
.product .cont .uk-subnav-pill>*>a {line-height: 60px;width: 100%;text-align: center;display: inline-block;padding: 0;background-color: #eeeeee;color: #333;font-size: 22px;}
.product .cont .uk-subnav-pill>.uk-active>a {background-color: var(--color1);color: #fff;}
.product table {max-width: 900px;margin:0 auto;}
.product table td,.product table th {border: 1px solid #dddddd;line-height: 40px;height: 40px;padding: 0 30px;font-size: 16px;color: #333;}

.product .desc a.btn {width: 168px;line-height: 50px;height: 50px;background-color: var(--color1);color: #fff;display: inline-block;text-align: center;font-size: 16px;margin-top: 70px;}
.product .desc a.btn img {transform: translate(0,-2px);transition: .5s all;}
.product .desc a.btn:hover img {transform: translate(10px,-2px);}

/* down */
.down {position: relative;z-index: 1;background-color: #fff;}
.down h1 {font-size: 38px;font-weight: bold;color: #333;}
.down .desc {margin-top: 40px;}
.down .desc canvas {background-image: url(../image/down-bj.png);transition: .5s all;}
.down .desc .uk-transition-toggle:hover canvas {background-image: url(../image/down-cur.png);}
.down .desc h4 {font-size: 18px;color: #333;transition: .5s all;}
.down .desc .uk-transition-toggle:hover h4 {color: #fff;margin-bottom: 100%;}


/* visual */
.visual {position: relative;z-index: 1;background-color: #fff;margin-top:-1px;}
.visual h1 {font-size: 46px;color: var(--color1);font-weight: bold;}
.visual .desc {margin-top: 45px;}
.visual .desc p {font-size: 20px;color: #666;line-height: 1.8;}

/* newslist */
.newslist {position: relative;z-index: 1;background-color: #fff;}
.newslist .top .uk-card-body {padding: 70px 120px 70px 0;}
.newslist .top h6 {font-size: 18px;font-family: arial;color: #999;margin-bottom: 60px;}
.newslist .top h6 span {font-size: 30px;color: #333;}
.newslist .top h4 {font-size: 26px;color: #333;margin-bottom: 45px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition: .5s all;}
.newslist .top p {font-size: 15px;color: #666;line-height: 1.675;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.newslist .desc {margin-top: 70px;}
.newslist .desc h4 {font-size: 20px;color: #333;transition: .5s all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-top: 30px;margin-bottom: 30px;}
.newslist .desc p {font-size: 14px;color: #666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newslist .uk-transition-toggle:hover h4 {color: var(--color1);}
.newslist a.btn {color: #333;display: inline-block;font-size: 16px;margin-top: 60px;transition: .5s all;}
.newslist .uk-transition-toggle:hover a.btn {color: var(--color1);}
.newslist a.btn img {transform: translate(0,-2px);transition: .5s all;filter: brightness(0) invert(54%) sepia(97%) saturate(1007%) hue-rotate(345deg) brightness(97%) contrast(97%);}
.newslist .uk-transition-toggle:hover a.btn img {transform: translate(10px,-2px);}
.newslist .desc2 {margin-top: 40px;}
.newslist .desc a.btn {margin-top: 0;}

/* news */
.news {position: relative;z-index: 1;background-color: #fff;}
.news h3 {font-size: 26px;margin-bottom: 10px;}
.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;}

/* caselist_i */
.caselist_i {position: relative;z-index: 1;background-color: #fff;}
.caselist_i h4 {font-size: 36px;color: var(--color1);transition:.5s all;}
.caselist_i .desc {margin-top: 65px;}
.caselist_i .desc p {font-size: 18px;color: #333;line-height: 1.875;}
.caselist_i .circle {width: 120px;height: 120px;border-radius: 50%;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);transition:.5s all;}
.caselist_i .circle img {filter: brightness(0) invert(54%) sepia(97%) saturate(1007%) hue-rotate(345deg) brightness(97%) contrast(97%);}
.caselist_i .uk-card-default {padding: 80px 10px 80px 150px;}
/* .caselist_i .uk-card-default {padding: 80px 10px 80px 150px;border-left: 1px solid rgba(0, 0, 0,0.2);} */
.caselist_i .uk-first-column .uk-card-default {padding: 80px 150px 80px 10px;border-left:none;}
/* .caselist_i .uk-grid-margin .uk-card-default {border-top: 1px solid rgba(0, 0, 0,0.2);} */
.caselist_i .shu {display: none;}
.caselist_i .uk-first-column .shu {position: absolute;top: 0;right: 0;width: 1px;height: 100%;background-color: rgba(0, 0, 0,0.2);z-index: 1;display: block;}
.caselist_i .heng {display: none;}
.caselist_i .uk-grid-margin .heng {position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: rgba(0, 0, 0,0.2);z-index: 1;display: block;}
.caselist_i .uk-transition-toggle:hover h4 {font-weight:bold;}
.caselist_i .uk-transition-toggle:hover .circle {box-shadow: 0px 0px 20px 0px rgb(245 130 32 / 30%);}

/* caselist */
.caselist {position: relative;z-index: 1;background-color: #fff;}
.caselist .uk-card-default {padding-top: 80px;padding-right: 300px;}
.caselist .uk-card-default h4 {font-size: 46px;font-weight: bold;color: var(--color1);margin-bottom: 40px;}
.caselist .uk-card-default p {font-size: 20px;color: #666;line-height: 1.875;}
.caselist a.btn {width: 168px;line-height: 50px;height: 50px;background-color: #fff;color: var(--color1);display: inline-block;text-align: center;font-size: 16px;transition:.5s all;}
.caselist a.btn img {transform: translate(0,-2px);transition: .5s all;filter:brightness(0) invert(62%) sepia(76%) saturate(2710%) hue-rotate(347deg) brightness(99%) contrast(94%);}
.caselist a.btn:hover {background-color: var(--color1);color: #fff;}
.caselist a.btn:hover img {transform: translate(10px,-2px);filter:none;}

/* caselist- */
.caselist- {position: relative;z-index: 1;background-color: #fff;margin-top:-1px;}
.caselist- h1 {font-size: 46px;color: #333;font-weight: bold;}
.caselist- .desc {margin-top: 60px;}
.caselist- h4 {font-size: 22px;color: #666;margin-top: 10px;transition: .5s all;}
.caselist- .uk-transition-toggle:hover h4 {color: var(--color1);}
.caselist- .uk-card-default {padding: 0 50px;}

/* case */
.case {position: relative;z-index: 1;background-color: #fff;}
.case h1 {font-size: 46px;color: var(--color1);font-weight: bold;}
.case .desc {margin-top: 60px;}
.case .cont {margin-top: 60px;}
.case table td {vertical-align: middle;min-height: 70px;height: 70px;}
.case table td p {font-size: 20px;color: #333;line-height: 1.875;padding: 0 70px;}
.case table td p strong {font-size: 36px;font-weight: normal;}
.case p img {display: block;margin:10px auto;<!--max-width: 600px;-->width: 100%;height: auto !important;}
.case video {display: block;margin:10px auto;width: 100%;height: auto !important;}

/* 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 .page-index {display: none;}
.pagination .page-last {display: none;}
.pagination span a {line-height: 30px;height: 30px;padding: 0 10px;display: inline-block;transition: .5s all;margin: 0 5px;font-size: 18px;font-family: arial;}
.pagination span a:not(.page-num) {background-color: #ccc;color: #fff;}
.pagination span a.page-num {background-color: #eee;color: #333;}
.pagination span a:hover,.pagination span a.page-num.page-num-current {color: #fff;background-color: var(--color1);}

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

.matrix {
    transform-origin: 0 0;
    animation: matrix 1.5s cubic-bezier(.49,.54,.16,1);
}
@keyframes matrix {
    0% {
        opacity: 0;
        transform: matrix(1,-.1,0,1,0,-20)
    }

    100% {
        opacity: 1;
        transform: matrix(1,0,0,1,0,0)
    }
}

.fadeInUpSmall {
  animation-name: fadeInUpSmall;
}
@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    transform: translate3d(0%, 20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

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


/* @media */
@media screen and (max-width: 2000px) {
	
}
@media screen and (max-width: 1700px) {
	.productlist2_1 .cont {padding-right: 7%;}
	.productlist2_2 .cont {padding-left: 4.4%;}
	
	.i_banner h1 {font-size: 33px;}
	.i_banner h2 {font-size: 50px;}
	.i_banner h3 {font-size: 43px;}
	
	.i_about {padding-top: 80px;padding-bottom: 80px;}
	.i_about h1 {font-size: 40px;}
	.i_about h4 {font-size: 24px;}
	.i_about .desc p {font-size: 15px;}
	
	.i_prod {padding-top: 80px;padding-bottom: 80px;}
	.i_prod h1 {font-size: 40px;}
	.i_prod h4 {font-size: 24px;}
	.i_prod p {font-size: 16px;}
	
	.i_prod .desc h4 {font-size: 24px;}
	.i_prod .desc h5 {font-size: 16px;}
	.i_prod .desc .uk-list>li>a {font-size: 16px;}
	
	.i_case .title {top: 80px;}
	.i_case h1 {font-size: 40px;}
	.i_case .cont h3 {font-size: 36px;}
	.i_case .cont p {font-size: 16px;}
	.i_case .cont a.btn {margin-top: 50px;}
	
	.i_news {padding-top: 80px;padding-bottom: 80px;}
	.i_news h1 {font-size: 40px;}
	.i_news h4 {font-size: 24px;}
	.i_news .desc {margin-top: 40px;}
	.i_news .desc p {margin-top: 20px;margin-bottom: 10px;}
	.i_news .desc a.btn {margin-top: 40px;}
	
	.bottom {padding-top: 50px;padding-bottom: 50px;}
	.bottom .logo {width: 288px;}
	
	.foot h4 {margin-bottom: 20px;}
	.foot h6 {margin-top: 20px;}
	
	.productlist_ h4 {font-size: 36px;}
	
	.productlist1_ h1 {font-size: 40px;}
	.productlist1_ p {font-size: 16px;}
	
	.productlist1_list h1 {font-size: 40px;}
	
	.productlist2_ h4  {font-size: 40px;}
	
	.about h1 {font-size: 40px;}
	.about h2 {font-size: 32px;}
	.about .desc p {font-size: 16px;}
	
	.culture h1 {font-size: 40px;}
	.service h1 {font-size: 40px;}
	
	.service .desc .uk-card-default h4 {margin-top: 20px;margin-bottom: 10px;}
	.service .desc .uk-card-default p {font-size: 16px;}
	
	.caselist_i .desc p {font-size: 16px;}
	
	.caselist .uk-card-default h4 {font-size: 36px;margin-bottom: 20px;}
	.caselist .uk-card-default p {font-size: 16px;}
	
	.caselist- h1 {font-size: 40px;}
	.caselist- h4 {font-size: 20px;}
	
	.case h1 {font-size: 40px;}
	.case table td p {font-size: 16px !important;}
	.case table td p strong {font-size: 24px;font-weight: bold;}
	
	.visual h1 {font-size: 40px;}
	.visual .desc p {font-size: 16px;}
	
	.newslist .top .uk-card-body {padding: 50px 100px 50px 0;}
	.newslist .top h6 {font-size: 16px;}
	.newslist .top h4 {font-size: 20px;font-weight: bold;}
	
	.contact h1 {font-size: 40px;}
	.contact h2 {font-size: 32px;}
	.contact .desc h3 {font-size: 34px;}
	.message h1 {font-size: 40px;}
}

@media screen and (max-width: 1500px) {
	.nav .uk-navbar-nav>li>a {font-size: 18px;}
	.ad h1 {font-size: 30px;}
	.nav .uk-navbar-nav>li {padding-left: 40px;}
	.prodright {padding-left: 130px;}
	.product .cont .uk-subnav-pill>*>a {line-height: 50px;width: 130px;font-size: 18px;}

}
@media screen and (max-width: 1400px) {
	.ad h1 span {font-size: 40px;}
	.ad h1 {font-size: 28px;}
	.culture .kuan {width: 700px;}
	.service .desc .uk-card-default {padding: 30px 50px;}
	.caselist_i .uk-first-column .uk-card-default {padding: 80px 80px 80px 10px;}
	.caselist_i .uk-card-default {padding: 80px 10px 80px 80px;}
	.caselist .uk-card-default {padding-top: 60px;padding-right: 200px;}
	.caselist- h4 {font-size: 18px;}
	.i_nav .uk-subnav a {padding: 0 20px;}
	
	
}

@media screen and (max-width: 1300px) {
	
	
}
@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;}
	
	.nav {padding: 0 15px;box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.04);width: auto;width: calc(100vw - 30px);}
	
	.nav .uk-logo img {height: 45px;margin-top: 0;}
	.nav .uk-navbar-toggle {color: var(--color1);}
	.nav .uk-navbar-item, .nav .uk-navbar-nav>li>a, .nav .uk-navbar-toggle {min-height: 60px;}
	
	.i_banner h1 {white-space: nowrap;}
	.i_banner h2 {white-space: nowrap;}
	.i_banner h2 span {white-space: nowrap;}
	.i_banner h3 {white-space: nowrap;}
	.i_banner .uk-position-cover {transform: scale(0.4);transform-origin: 0 50%;}
	.i_banner .uk-overflow-hidden {overflow: visible;}
	.i_banner .uk-container {padding: 0 40px;}
	
	.i_about {padding-top: 70px;padding-bottom: 70px;}
	.i_about h1 {font-size: 30px;}
	.i_about h4 {font-size: 20px;}
	.i_about .desc {margin-top: 40px;}
	.i_about .desc2 {margin-top: 40px;}
	.i_about .desc2 .subnav {padding: 15px 0;}
	.i_about .desc2 h4 {font-size: 16px;margin-left: 5px;}
	.i_about .desc2 h4 span {font-size: 12px;margin-left: 5px;}
	
	.i_prod h1 {font-size: 30px;}
	.i_prod h4 {font-size: 20px;}
	.i_prod .uk-card-body {padding: 15px;}
	
	.i_prod .desc h4 {font-size: 20px;}
	.i_prod .desc .uk-list {margin-top: 20px;}
	.i_prod .uk-grid>.uk-grid-margin {margin-top: 20px;}
	
	.i_case h1 {font-size: 30px;}
	.i_case h4 {font-size: 20px;}
	.i_case .cont h3 {font-size: 24px;}
	.i_case .narbar {position: relative;}
	.i_case .narbar .uk-container {padding: 0;}
	.i_case.uk-overlay {padding: 15px;}
	.i_case .narbar h4 {margin-top: 10px;font-size: 16px;}
	.i_case .narbar .uk-text-center canvas {width: 36px;}
	
	.i_case .narbar .uk-dotnav>*.uk-grid-margin {border-top: 1px solid rgba(255, 255, 255,0.12);}
	.i_case .num {top:85%;bottom: 0;transform: translateY(-12px);}
	.i_case .slidenavbar {top: 85%;transform: none;}
	
	
	.i_news h1 {font-size: 30px;}
	.i_news h4 {font-size: 20px;}
	.i_news .desc a.btn {margin-top: 20px;}
	
	.foot {padding-top: 40px;padding-bottom: 40px;}
	
	.i_nav {line-height: 45px;font-size: 12px;}
	.i_nav a {line-height: 45px;height: 45px;font-size: 12px;}
	.i_nav .uk-subnav {margin-left: -8px;}
	.i_nav .uk-subnav a {font-size: 16px;padding: 0 8px;}
	.i_nav .uk-grid>.uk-grid-margin {margin-top: 0;}
	
	.productlist0_ p {font-size: 16px;}
	.productlist0_ .uk-card-default {padding: 15px;}
	.productlist0_ .list p {font-size: 16px;padding-left: 20px;}
	.productlist0_ h4 {font-size: 22px;margin-bottom: 15px;}
	.productlist0_ .list p::before {top: 0.75em;}
	
	.productlist1_ h1 {font-size: 30px;margin-top: 0;}
	.productlist1_ .desc {margin-top: 20px;}
	.productlist1_list h1 {font-size: 30px;}
	
	
	.productlist_ h4 {font-size: 30px;}
	.productlist_ .desc {margin-top: 20px;}
	.productlist_ a.btn {margin-top: 20px;}
	.productlist_1 .cont {padding-right: 0;}
	.productlist_2 .cont {padding-left: 0;}
	.productlist_2 .uk-grid-collapse>.uk-grid-margin {margin-top: 20px;}
	
	.productlist2_ h4 {font-size: 30px;}
	.productlist2_ .desc {margin-top: 20px;}
	
	.prodleft {display: none;}
	.prodright {padding-left: 0;}
	
	.product .right {padding-left: 0;}
	.product .right h1 {font-size: 30px;}
	.product .desc a.btn {margin-top: 20px;width: 140px;}
	.product .cont {margin-top: 50px;}
	.product .cont .uk-subnav-pill>*>a {width: 100%;}
	
	.caselist- h1 {font-size: 30px;}
	
	.contact {background-size: contain;}
	.contact h1 {font-size: 30px;}
	.contact h2 {font-size: 28px;}
	.contact .desc {margin-top: 20px;}
	.contact .desc h3 {font-size: 16px;}
	.contact .desc h3 a {font-size: 16px;}
	.contact .desc2 .uk-first-column .uk-card-default {padding: 15px;border-bottom: 1px solid rgba(0, 0, 0,0.1);}
	
	.message h1 {font-size: 30px;}
	.message input {line-height: 45px;height: 45px;}
	.message img {height: 45px;}
	
	.newslist .top .uk-card-body {padding: 0;}
	.newslist .top h6 {margin-bottom: 15px;}
	.newslist .top h4 {margin-bottom: 20px;}
	.newslist a.btn {margin-top: 30px;}
	.newslist .desc {margin-top: 40px;}
	
	.visual h1 {font-size: 30px;}
	.visual .desc {margin-top: 25px;}
	
	
	.caselist .uk-card-default {padding-top: 0;padding-right: 0;}
	.caselist .uk-card-default h4 {font-size: 28px;}
	.caselist .uk-grid-collapse>.uk-grid-margin {margin-top: 20px;}
	.caselist- .desc {margin-top: 40px;}
	.caselist- h4 {font-size: 16px;}
	.caselist_i .uk-card-default {padding: 15px;}
	.caselist_i .uk-first-column .uk-card-default {padding: 15px;}
	.caselist_i .circle {width: 60px;height: 60px;}
	.caselist_i .circle img {width: 35px;}
	.caselist_i h4 {font-size: 24px;}
	.caselist_i .desc {margin-top: 20px;}
	
	
	.case h1 {font-size: 30px;}
	.case table tr {display: flex;flex-wrap: wrap;padding: 15px ;}
	.case table td {height: auto;width: 100%;min-height: 0;padding: 0;}
	.case table td p {padding: 0 15px;;}
	.case table td p strong {font-size: 20px;}
	.case .desc {margin-top: 0;}
	.case .desc .m {display: none;}
	
	.about h1 {font-size: 28px;}
	.about h2 {font-size: 24px;}
	.about .left {padding-right: 0;}
	.ad h1 span  {font-size: 30px;}
	.ad h1 {font-size: 16px;}
	
	.culture h1 {font-size: 30px;}
	.culture h4 {font-size: 24px;margin-bottom: 20px;}
	.culture p {font-size: 14px;}
	.culture .uk-overlay-default {margin: 30px 40px;}
	.culture a.uk-position-center-left {left: 15px;}
	.culture a.uk-position-center-right {right: 15px;}
	.culture a.item img {width: 20px;}
	
	.service h1 {font-size: 30px;}
	.service .desc .uk-card-default {padding: 15px;}
	.service .desc .uk-card-default canvas {width: 40px;}
	
	
	.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;}
	
}