/* common #028bd0 */
@font-face {font-family: 'Poppins';src: url('../font/Poppins-Medium.ttf') format('ttf');font-weight: bold;font-style: normal;font-display: swap;}
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: 1500px;}
.uk-navbar-nav {gap: 0;}
.uk-navbar-left, .uk-navbar-right, [class*=uk-navbar-center] {gap: 0;}

h2.title {font-size: 36px;font-weight: bold;color: #333;}
h5.title {font-size: 18px;color: #999999;margin-top: 10px;}

a.btn {display: inline-block;padding: 0 50px;line-height: 60px;background-color: #ed8b00;font-size: 16px;color: #fff;position: relative;}
a.btn:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;transition: .5s all;background-color: #028bd0;}
a.btn:hover:before  {border-bottom-right-radius: 34px;}
.uk-active.uk-transition-active a.btn:before {border-bottom-right-radius: 34px;transition-delay: 1s;}
.uk-transition-toggle:hover a.btn:before {border-bottom-right-radius: 34px;}
a.btn span {position: relative;z-index: 99;}

/* ::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {background: #f5f5f5;}
::-webkit-scrollbar-thumb {background: #028bd0;-webkit-border-radius: 8px;border-radius: 8px;border: 1px solid #f5f5f5;} */

/* i_nav */
.i_nav {position: absolute;top: 0;left: 0;width: 100%;border-bottom: 1px solid  rgba(255, 255, 255,0.23);display: block;z-index: 999;}
nav {z-index: 999;position: absolute;height: 80px;width: 100%;max-width: 1500px;transition: 0.6s all;transition-delay: 0.1s;background-color: transparent;left: 50%;transform: translateX(-50%);}
.i_nav .logo2 {display: none;}
.i_nav .uk-navbar-item,.i_nav .uk-navbar-nav>li>a,.i_nav .uk-navbar-toggle {font-size: 18px;color: #fff;position: relative;min-height:80px;padding: 0 10px;}
.i_nav .i_nav_ {position: relative;}
.i_nav .uk-navbar-nav>li.toggle>a {padding: 0 40px;transition: 1s all;}
.i_nav .uk-navbar-nav>li.toggle:hover>a ,.i_nav .uk-navbar-nav>li.uk-active.toggle>a {background-color: #028bd0;color: #fff;}
.i_nav .uk-logo {height: 80px;}
.i_nav .uk-logo img {height: 55px;}
.i_nav li.hr_vertical {width: 20px;position: relative;}
.i_nav li.hr_vertical::before {content: '';height: 15px;width: 1px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.i_nav.uk-active {background: #fff;}
.i_nav.uk-active .logo1 {display: none;}
.i_nav.uk-active .logo2 {display: block;}
.i_nav.uk-active .uk-navbar-item, .i_nav.uk-active .uk-navbar-nav>li>a, .i_nav.uk-active .uk-navbar-toggle {color: #333;}
.i_nav.uk-active .uk-navbar-nav>li.toggle:hover>a ,.i_nav.uk-active .uk-navbar-nav>li.uk-active.toggle>a {color: #028bd0;}
.i_nav.uk-active li.hr_vertical::before {background-color: #333;}

.i_nav.active .uk-logo img {filter: invert(49%) sepia(69%) saturate(5988%) hue-rotate(178deg) brightness(96%) contrast(98%);}
.i_nav.active .uk-navbar-nav>li.toggle>a {color: #333;}
.i_nav.active .uk-navbar-nav>li.toggle:hover>a ,.i_nav.active .uk-navbar-nav>li.uk-active.toggle>a {color: #fff;}
.i_nav.color .uk-navbar-nav>li.toggle:hover>a ,.i_nav.color .uk-navbar-nav>li.uk-active.toggle>a {color: #ed8b00;}

.i_nav .uk-dropnav-dropbar {background-color: rgba(0,0,0,0.2);}
.i_nav .uk-search-input {color: #fff;}

.i_nav .uk-dropdown {padding: 0;background: rgba(2,139,208, 0.5);left: 50% !important;transform: translateX(-50%);}
.i_nav .uk-dropdown:before {position: absolute;z-index: -1;content: '';left: calc(50% - 10px);top: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent rgba(2,139,208, 0.5) transparent;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;transform: translateY(-10px);}
.i_nav .uk-dropdown-nav li {text-align: center;}
.i_nav .uk-dropdown-nav li>a {padding: 15px 20px;color: #fff;/* border-bottom: 1px solid #eee; */font-size: 16px;}
.i_nav .uk-dropdown-nav li:hover>a {color: #028bd0;background-color:#fff;}

/* i_banner */
.i_banner h1 {font-size: 60px;color: rgb(255,255,255,0.7);text-transform: uppercase;font-weight: bold;}
.i_banner h2 {font-size: 72px;color: #fff;}
.i_banner .uk-container-large {padding: 0;}
.i_banner .bg {position: absolute;width: 70%;}
.i_banner .bg1 {left: -100%;bottom: -100%;transition: 1s all;}
.i_banner .uk-active.uk-transition-active .bg1 {left: 0;bottom: -150px;}
.i_banner .bg2 {right: -100%;top: -100%;transition: 1s all;}
.i_banner .uk-active.uk-transition-active .bg2 {right: 0;top: 0;}
.i_banner .mouse {width: 26px;height: 46px;border: 2px solid #fff;border-radius: 15px;margin: 0 auto;position: relative;}
.i_banner .mouse::before {content: '';position: absolute;left: 50%;transform: translateX(-50%);top: 5px;width: 2px;height: 14px;background-color: #fff;animation: move 2s infinite;}
@keyframes move {0 {top: 5px;}50% {top: 10px;}100% {top: 5px;}}

/* i_prod */
.i_prod .uk-container-large {padding: 0;}
.i_prod h4 {font-size: 20px;color: #fff;line-height: 100px;background-color: #0186cc;}
.i_prod .i_prod2 h4 {background-color: #ed8b00;}
.i_prod .uk-overlay-default {background-color: rgba(1,134,204,0.65);padding: 0;}
.i_prod .i_prod2 .uk-overlay-default {background-color: rgba(237,139,0,0.65);}
.i_prod .uk-overlay hr {width: 45px;height: 4px;background-color: #fff;margin: 30px auto;}
.i_prod .uk-overlay p {padding: 30px;color: #fff;line-height: 1.8;}
.i_prod h4.link {background-color: transparent;border-top: 1px solid rgba(255, 255, 255,0.5);}

/* i_about */
.i_about .btn span {color: #0186cc;}
.i_about .btn::before {background-color: #fff;}
.i_about h3 {font-size: 30px;font-weight: bold;color: #fff;}
.i_about h4 {font-size: 20px;color: #fff;margin-top: 10px;}
.i_about p {color: #fff;}
.i_about .num p span {font-size: 60px;font-weight: bold;font-family: arial;}
.i_about .num h5 {margin-left: 10px;color: #fff;}

/* i_news */
.i_news h2.title {padding: 20px 0px;}
.i_news h1.title {font-size: 80px;font-weight: bold;color: #ececec;text-transform: uppercase;line-height: 1.2;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.i_news .bg {background-color: #ed8b00;box-shadow: 0px 8px 16px 0px rgba(76, 76, 76, 0.21);}
.i_news .bg::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;transition: .5s all;}
.i_news .bg:hover::before {border-bottom-right-radius: 34px;}
.i_news h6 {transition: .5s all;}
.i_news .bg:hover h6 {color: #028bd0;}
.i_news h4 {font-size: 20px;font-weight: bold;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition: .5s all;}
.i_news p {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height: 1.8;color: #999999;}
.i_news .uk-transition-toggle:hover h4 {color: #028bd0;}

/* i_case */
.i_case h2.title {padding: 20px 0px;color: #fff;}
.i_case h1.title {font-size: 80px;font-weight: bold;color: rgba(255,255,255,0.1);text-transform: uppercase;line-height: 1.2;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.i_case h6 {font-size: 16px;color: #fff;}
.i_case h5 {color: #fff;opacity: 0;transition: .5s all;transition-delay: .5s;}
.i_case h4 {font-weight: bold;margin-top: 10px;}
.i_case .bg {width: 240px;height: 420px;}
.i_case .bg1 {width: 240px;height: 240px;border-radius: 120px;position: relative;transition: .5s all;z-index: 1;background-image: -moz-linear-gradient( -90deg, rgba(2,139,208,0), rgba(2,139,208,1));background-image: -webkit-linear-gradient( -90deg, rgba(2,139,208,0), rgba(2,139,208,1));background-image: -ms-linear-gradient( -90deg, rgba(2,139,208,0), rgba(2,139,208,1));}
.i_case .bg2 {width: 220px;height: 220px;border-radius: 120px;position: relative;transition: .5s all;z-index: 1;margin: 10px;background-image: -moz-linear-gradient( -90deg, rgba(72,192,226,0), rgba(72,192,226,1));background-image: -webkit-linear-gradient( -90deg, rgba(72,192,226,0), rgba(72,192,226,1));background-image: -ms-linear-gradient( -90deg, rgba(72,192,226,0), rgba(72,192,226,1));}
.i_case .bg2_ {width: 220px;height: 220px;background-color: #fff;border-radius: 120px;position: relative;transition: .5s all;z-index: 1;margin: 10px 0;}
.i_case .bg3 {width: 240px;height: 0;background-color: transparent;border-radius: 50%;position: relative;transition: .5s all;z-index: 1;overflow: hidden;}
.i_case .uk-transition-toggle:hover .bg1 {height: 420px;}
.i_case .uk-transition-toggle:hover .bg2_ {width: 200px;height: 200px;margin: 20px 0;}
.i_case .uk-transition-toggle:hover .bg3 {height: 180px;}
.i_case .uk-transition-toggle:hover h5 {opacity: 1;}

/* i_cont */
.i_cont h2.title {padding: 20px 0px;color: #333;}
.i_cont h1.title {font-size: 80px;font-weight: bold;color: rgba(51,51,51,0.12);text-transform: uppercase;line-height: 1.2;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.i_cont hr {border-color: #028bd0;width: 46px;border-width: 4px}
.i_cont p {font-size: 16px;color: #333;margin-bottom: 10px;}
.i_cont p svg {margin-top: -4px;}
.i_cont input {height: 45px;line-height: 45px;}
.i_cont .uk-input,.i_cont .uk-select,.i_cont .uk-textarea {border: none;}
.i_cont .uk-button {width: 100%;background-color: #ed8b00;color: #fff;line-height: 45px;height: 45px;position: relative;}
.i_cont .uk-button span {color: #fff;position: relative;}
.i_cont .uk-button::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #028bd0;transition: .5s all;}
.i_cont .uk-button:hover::before {border-bottom-right-radius: 34px;}

/* i_foot */
.i_foot {border-top: 1px solid rgba(0, 0, 0,0.1);}
.i_foot p ,.i_foot p a {font-size: 14px;color: #666;margin-bottom: 0;line-height: 45px;transition: .5s all;}
.i_foot p a:hover {color: #028bd0;}

/* banner */
.banner h3 {font-size: 40px;color: #fff;font-family: 'Poppins';}
.banner h4 {font-size: 30px;color: #fff;}
.banner hr {border-color: #fff;width: 35px;border-width: 4px;}


/* about */
.about h2 {font-size: 32px;}
.about hr {width: 31px;border-width: 4px;border-color: #ed8b00;margin: 20px auto;}
.about h4 {font-size: 24px;font-weight: bold;}
.about p {color: #333;}

/* number */
.number p {color: #333;line-height: 1;}
.number .num p span {font-size: 60px;font-weight: bold;font-family: arial;color: #028bd0;}
.number .num h5 {margin-left: 10px;color: #333;}

/* factory */
.factory h2 {font-size: 32px;color: #fff;}
.factory hr {width: 31px;border-width: 4px;border-color: #ed8b00;margin: 20px 0;}
.factory h4 {font-size: 24px;font-weight: bold;color: #fff;}
.factory .text {padding: 110px 0;padding-left: calc(50vw - 750px + 40px);}
.factory .slidenav {bottom: 110px;left: calc(50vw - 750px + 40px);}
.factory .uk-slidenav {background-color: transparent;border-radius: 50px;border: 2px solid #fff;transition: .5s all;}
.factory .uk-slidenav svg  {color: #fff;transition: .5s all;}
.factory .uk-slidenav.uk-slidenav-next {margin-left: 30px;}
.factory .uk-slidenav:hover {border-color:#17b0fa;}
.factory .uk-slidenav:hover svg  {color: #17b0fa;}

/* certificate */
.certificate h2 {font-size: 32px;}
.certificate hr {width: 31px;border-width: 4px;border-color: #ed8b00;margin: 20px auto;}
.certificate h4 {font-size: 24px;font-weight: bold;}
.certificate .bg {background-image: url(../image/bg.jpg);background-size: cover;background-position: center;padding: 33px;}
.certificate .uk-slidenav {background-color: transparent;border-radius: 50px;border: 2px solid #dedede;transition: .5s all;}
.certificate .uk-slidenav svg  {color: #dedede;transition: .5s all;}
.certificate .uk-slidenav.uk-slidenav-next {margin-left: 30px;}
.certificate .uk-slidenav:hover {border-color:#17b0fa;}
.certificate .uk-slidenav:hover svg  {color: #17b0fa;}

/* message */
.message {background-color: #f4f4f4;}
.message h2.title {padding: 20px 0px;color: #333;}
.message h1.title {font-size: 80px;font-weight: bold;color: rgba(51,51,51,0.12);text-transform: uppercase;line-height: 1.2;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.message hr {border-color: #028bd0;width: 46px;border-width: 4px;margin: 0;}
.message h4 {font-size: 24px;color: #028bd0;}
.message input {height: 45px;line-height: 45px;}
.message .uk-input,.message .uk-select,.message .uk-textarea {border: none;}
.message .uk-button {width: 100%;background-color: #ed8b00;color: #fff;line-height: 45px;height: 45px;position: relative;}
.message .uk-button span {color: #fff;position: relative;}
.message .uk-button::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #028bd0;transition: .5s all;}
.message .uk-button:hover::before {border-bottom-right-radius: 34px;}

/* foot */
.foot h2 {font-size: 32px;font-weight: bold;color: #fff;}
.foot a.btn {line-height: 40px;padding: 0 20px;}
.foot a.btn:hover:before {border-bottom-right-radius: 25px;}
.foot p ,.foot p a {font-size: 16px;color: #99c9e7;margin-bottom: 0;transition: .5s all;}
.foot p a:hover {color: #028bd0;}
.foot h4 {color: #fff;}
.foot .uk-list {margin-top: 40px;}
.foot .uk-list > li {color: #fff;}
.foot .uk-list > li .bg {width: 24px;height: 24px;border-radius: 12px;background-color: #028bd0;}
.foot .uk-list > li > a {color: #99c9e7;}
.foot .uk-list>:nth-child(n+2) {margin-top: 20px;}

/* footer */
.footer {border-top: 1px solid rgba(255, 255, 255,0.1);margin-top: 40px;}
.footer p ,.footer p a {font-size: 14px;color: #99c9e7;margin-bottom: 0;line-height: 45px;transition: .5s all;}
.footer p a:hover {color: #fff;}

/* contact */
.contact .uk-card-default {background-image: -moz-linear-gradient( -61deg, #0292d6, #0071bc);background-image: -webkit-linear-gradient( -61deg, #0292d6, #0071bc);background-image: -ms-linear-gradient( -61deg, #0292d6, #0071bc);padding: 15px;}
.contact .contact_ {border: 1px solid #fff;padding: 30px 30px 50px 30px;}
.contact .contact_ hr {border-color: #fff;width: 24px;border-width: 2px;margin-bottom: 10px;}
.contact .contact_ h3 {font-size: 28px;color: #fff;}
.contact .contact_ h5 {font-size: 18px;color: #fff;}
.contact .contact_ p {font-size: 16px;color: #fff;}

.contact .msg hr {border-color: #ed8b00;width: 24px;border-width: 2px;margin-bottom: 10px;}
.contact .msg h3 {font-size: 28px;color: #333;}
.contact .msg h5 {font-size: 18px;color: #333;}

.contact input {height: 45px;line-height: 45px;}
.contact .uk-label {background:transparent;color: #999;padding: 0;border: none;margin-bottom: 10px;}
.contact .uk-input,.contact .uk-select,.contact .uk-textarea {border: none;background-color: #f0f0f0;}
.contact .uk-button {width: 100%;background-color: #ed8b00;color: #fff;line-height: 45px;height: 45px;position: relative;}
.contact .uk-button span {color: #fff;position: relative;}
.contact .uk-button::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #028bd0;transition: .5s all;}
.contact .uk-button:hover::before {border-bottom-right-radius: 34px;}

/* newslist */
.newslist h2 {font-size: 32px;}
.newslist hr {width: 31px;border-width: 4px;border-color: #ed8b00;margin: 20px auto;}
.newslist h4 {font-size: 24px;font-weight: bold;}
.newslist .uk-card-default {padding-top: 40px;border-top: 1px solid #dedede;}
.newslist .time {padding: 15px;border: 1px solid #dedede;}
.newslist .time h3 {font-size: 30px;font-weight: bold;color: #028bd0;font-family: arial;}
.newslist .time h5 {font-size: 18px;font-weight: bold;color: #028bd0;font-family: arial;}
.newslist .title h4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 68px;transition: .5s all;}
.newslist .title p {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;color: #999;line-height: 1.8;}
.newslist .uk-transition-toggle:hover .title h4 {color: #028bd0;}
.newslist a.btn {line-height: 45px;}

/* news */
.news p {text-indent: 32px;}
.news p img {display: block;margin: 0 auto;max-width: 800px;}

/* productlist */
.productlist .nav_ {position: relative;}
.productlist .nav_::before {content: '';position: absolute;width: 100%;border-top: 1px dashed #dedede;bottom: 10px;}
.productlist .nav_ svg {filter: brightness(0);width: auto;height: 20px;}
.productlist .nav_ svg image {width: auto;height: 20px;}
.productlist .nav_ a {color: #333;transition: .5s all;display: block;position: relative;padding-bottom: 40px;}
.productlist .nav_ a::before {content: '';position: absolute;width: 20px;height: 20px;border: 1px solid #028bd0;background-color: #fff;border-radius: 20px;bottom: 0;left: 50%;transform: translateX(-50%);}
.productlist .nav_ a::after {content: '';position: absolute;width: 10px;height: 10px;background-color: transparent;border-radius: 10px;bottom: 6px;left: 50%;transform: translateX(-50%);transition: .5s all;}
.productlist .nav_ a.active,.productlist .nav_ a:hover {color: #028bd0;}
.productlist .nav_ a.active::after,.productlist .nav_ a:hover::after {background-color: #028bd0;}

.productlist .uk-card-default {box-shadow: 0px 8px 16px 0px rgba(7, 7, 7, 0.09);}
.productlist .title {padding: 20px;}
.productlist .title h5 {font-size: 16px;font-weight: bold;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition: .5s all;}
.productlist .title p {font-size: 16px;color: #999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-top: 10px;}
.productlist .uk-transition-toggle:hover h5 {color: #028bd0;}

/* product */
.product h3 {font-size: 32px;font-weight: bold;color: #333;}
.product h5 {color: #666;line-height: 1.8;}
.product a.btn2::before {background-color: #333;}
.product h4 {font-size: 20px;}
.product hr {border-color: #d2d2d2;}



/* pagination */
.pagination .page-status {display: none;}
.pagination span:not(.page-numbar) {margin: 0 8px;color: #028bd0;}
.pagination span a:not(.page-num) {color: #028bd0;position: relative;border: 1px solid #028bd0;padding:8px 10px;transition: 0.5s all;}
.pagination span a.page-num {color: #028bd0;position: relative;margin: 0 8px;padding: 8px 10px;border: 1px solid #028bd0;transition: 0.5s all;}
.pagination span a:hover,.pagination span a.page-num.page-num-current {color: #fff;background-color: #028bd0;}



/* @media */
@media screen and (max-width: 2000px) {
	
}
@media screen and (max-width: 1700px) {
	a.btn {line-height: 45px;}
	.i_banner h1 {font-size: 36px;}
	.i_banner h2 {font-size: 48px;}
	.i_prod h4 {line-height: 80px;}
	.i_prod .uk-container-large {max-width: 1200px;}
	.i_about .uk-container-large {max-width: 1200px;}
	.i_news .uk-container-large {max-width: 1200px;}
	
}
@media screen and (max-width: 1500px) {
	nav {padding:0 35px ;max-width: none;width: calc(100% - 60px);}
	.i_banner .uk-container-large {padding: 0 30px;}
	.i_prod .uk-container-large {padding: 0 30px;}
	.factory .text {padding: 110px 0;padding-left: 40px;}
	.contact .contact_ h3 {font-size: 20px;}
	.i_prod .uk-container-large {max-width: 1000px;}
	.i_about .uk-container-large {max-width: 1000px;}
	.i_news .uk-container-large {max-width: 1000px;}
	.i_news h2.title {padding: 0;}
	.i_news h1.title {font-size: 48px;}
	
	.i_about .num p span {font-size: 48px;}
	h2.title {font-size: 24px;}
	h5.title {font-size: 16px;}
	.i_prod h4 {line-height: 60px;}
	.i_prod h4 svg {width: 36px;}
	.i_prod h4 svg image {width: 36px;height: auto;}
	.i_prod .uk-overlay hr {margin: 20px auto;}
	.i_prod .uk-overlay p {padding: 15px;}
	.i_about p {font-size: 14px;line-height: 1.8;}
	.i_case .bg {width: 180px;height: 300px;}
	.i_case .bg1 {width: 180px;height: 180px;border-radius: 120px;}
	.i_case .bg2 {width: 160px;height: 160px;margin:0 40px;}
	.i_case .bg2_ {width: 160px;height: 160px;margin: 40px 0;}
	.i_case .uk-transition-toggle:hover .bg1 {height: 300px;}
	.i_case .uk-transition-toggle:hover .bg2_ {width: 140px;height: 140px;}
	.i_case .uk-transition-toggle:hover .bg3 {height: 80px;}
}
@media screen and (max-width: 1400px) {
	.i_prod .uk-container-large {max-width: 900px;}
	.i_news .uk-container-large {max-width: 900px;}
	.i_news .uk-padding {padding: 15px 30px;}
	.i_news h4 {font-size: 18px;}
	.i_cont input {height: 30px;line-height: 30px;}
	.i_cont h2.title {padding: 0px;}
	.i_cont h1.title {font-size: 48px;}
	.i_case h1.title {font-size: 48px;}
}
@media screen and (max-width: 960px) {
	.uk-offcanvas-bar {width: 100%;left: 100%;background-color: #028bd0;padding: 0;right: 0;}
	.uk-offcanvas-bar a {color: #999;}
	
	.uk-offcanvas-bar .uk-nav>li>a {color: #999;}
	.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 h5 {color: #333;}
	.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");}
	.uk-offcanvas-close {position: relative;}
	.uk-offcanvas-close svg {width: 30px;margin-bottom: 10px;}
	.uk-offcanvas-close svg > * {stroke:#fff;}
	#tm-mobile .uk-list li.uk-active a {color: #333;}
	.i_nav .uk-logo img {height: 35px;}
	.i_banner h1 {font-size: 16px;}
	.i_banner h2 {font-size: 30px;}
	.i_banner h3 {font-size: 18px;}
	.i_banner .bg {width: 100%;}
	nav {padding: 0 15px;width: calc(100% - 30px);height: auto;}
	.i_nav .uk-navbar-toggle {padding: 0;}
	
	.i_about h3 {font-size: 24px;}
	.i_about h4 {font-size: 18px;margin-bottom: 10px;}
	.i_about p {line-height: 1.5;}
	.i_about .num p span {font-size: 36px;}
	.i_about .num h5 {font-size: 12px;}
	
	.i_news p {-webkit-line-clamp: 2;}
	.i_news .uk-container-large {padding: 0 15px;}
	.i_news .uk-container-large>div {width: 100%;}
	.i_prod .uk-container-large {padding: 0 15px;}
	.i_case .uk-container-small {padding: 0 15px;}
	.i_case .uk-container-small>div {width: 100%;}
	.i_case .bg {margin: 0 auto;}
	.i_banner .uk-active.uk-transition-active .bg1 {bottom: -50px;}
	.i_cont .uk-margin-medium-top {margin-top: 20px!important;}
	.i_cont form img {height: 30px;}
	
	.productlist .nav_.uk-flex.uk-flex-around {flex-wrap: wrap;}
	.productlist .nav_.uk-flex.uk-flex-around>div {width: 33%;margin-bottom: 20px;text-align: center;}
	.productlist .nav_::before {content: '';position: absolute;width: 100%;border-top: 1px dashed #dedede;bottom: 115px;}
	.productlist .nav_::after {content: '';position: absolute;width: 100%;border-top: 1px dashed #dedede;bottom: 30px;z-index: -1;}
	.banner h3 {font-size: 28px;}
	.banner h4 {font-size: 20px;}
	.about hr {margin: 10px auto;}
	.about h2 {font-size: 28px;}
	.about h4 {font-size: 20px;}
	.about p {text-align: left;}
	.number .num p span {font-size: 40px;}
	.number .num h5 {font-size: 12px;}
	.factory .text {padding: 70px 0;padding-left: 15px;}
	.factory h2 {font-size: 28px;}
	.factory h4 {font-size: 20px;}
	.factory hr {margin: 10px auto;}
	.certificate h2 {font-size: 28px;}
	.certificate h4 {font-size: 20px;}
	.certificate hr {margin: 10px auto;}
	.message h1.title {font-size: 48px;}
	.newslist h2 {font-size: 28px;}
	.newslist h4 {font-size: 20px;}
	.newslist hr {margin: 10px auto;}
	.newslist .time {padding: 5px;}
	.newslist .time h3 {font-size: 20px;}
	.newslist .time h5 {font-size: 12px;}
	.newslist .title h4 {-webkit-line-clamp: 1;height: auto;}
	.newslist .title p {-webkit-line-clamp: 2;margin-top: 10px;}
	
	
	.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;}
	
}