:root {--color1:#006bb6;}
:root {--color2:#006bb6;}







body,html {overflow-x: hidden;}  
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-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;}






.nav .uk-navbar-item,.nav .uk-navbar-nav>li>a,.nav .uk-navbar-toggle {min-height: 100px;font-size: 18px;color: #333;transition: .5s all;font-family: "alibaba 2.0";}
.nav .uk-navbar-item img {height: 80px;}
.nav h1 {font-size: 28px;font-weight: bold;color: var(--color1);}
.nav p {font-size: 18px;}
.nav .uk-navbar-nav>li>a {padding: 0;position: relative;transition: .5s all;}
.nav .uk-navbar-nav>li.active>a, .nav .uk-navbar-nav>li:hover>a {color: var(--color1);}
.nav .uk-navbar {display: block;}
.nav .uk-navbar-toggle {padding: 0;}
.nav .uk-navbar-dropdown {padding: 0;min-width: 150px;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-button {padding: 0;border: none;line-height: 1;}
.nav .uk-dropdown {padding: 0;min-width: 50px;width: auto;--uk-position-offset: 0;--uk-position-viewport-offset: 0;}
.nav .i_search {padding-left: 25px;}
.nav .i_search button {padding: 0;width: 50px;height: 50px;line-height: 50px;text-align: center;position: absolute;right: 0;background-color: var(--color1);}
.nav .i_search button svg {margin-top: -4px;}
.nav .i_search input {line-height: 50px;height: 50px;padding: 15px 50px 15px 15px;}
.nav .i_search .uk-search-default .uk-search-input:focus {border-color: var(--color1);}


.i_banner .uk-slidenav {padding: 0;transition: .5s all;}
.i_banner .uk-slidenav svg {width: 40px;transition: .5s all;color: rgba(255,255,255,0.8);}
.i_banner .uk-slidenav:hover svg {color: var(--color1);}
.i_banner .uk-slidenav-previous {margin-left: 40px;}
.i_banner .uk-slidenav-next {margin-right: 40px;}
.i_banner .uk-dotnav>*>* {width: 20px;height: 20px;background-color: rgba(255,255,255,0.5);border: none;}
.i_banner .uk-dotnav>.uk-active>* {background-color: var(--color1);}


.i_title h4 {font-size: 16px;color: #666;}
.i_title h2 {margin-top: 10px; font-size: 42px;font-weight: bold;color: var(--color1);}


a.i_btn {line-height: 50px;padding: 0 50px;font-size: 16px;color: #fff;background-color: var(--color1);display: inline-block;transition: .5s all;transition: .5s all;}


.i_about { background-color: #f2f8fe;}
.i_about h4 {font-size: 16px;color: #666;}
.i_about h2 {margin-top: 10px; font-size: 42px;font-weight: bold;color: var(--color1);}
.i_about p {font-size: 16px;color: #333;line-height: 1.875;}


.i_prod .uk-card h4 { position: absolute; left:15px; bottom:15px; padding: 5px 10px; font-size: 20px;font-weight: bold;color: #fff;background-color: var(--color1);transition: .5s all;overflow:hidden;text-overflow:ellipsis;display:inline-block;-webkit-line-clamp:1;}
.i_prod .uk-transition-toggle:hover h4 {opacity: 0;}
.i_prod .uk-overlay-default {background-color: rgba(0,107,182,80%);}
.i_prod .uk-transition-slide-top a{ color: #fff; font-size: 24px; font-weight: bold;}
.i_prod a.btn {line-height: 50px;padding: 0 60px;font-size: 16px;color: #fff;border-radius: 50px;border: 2px solid #fff;display: inline-block;margin-top: 40px;transition: .5s all;}
.i_prod a.btn:hover {background-color: #fff;color: var(--color1);}
@media(min-width: 960px){
.i_prod .uk-grid>div:first-child,.i_prod .uk-grid>div:nth-child(2){ width: calc(100% * 1 / 2) !important; }
}


.i_case {background-color: #f2f8fe;}
.i_case .uk-card-default { background: #fff;}
.i_case .uk-card-default h5 { margin: 20px 0 10px 0; line-height: 30px;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition: .5s all;}
.i_case .uk-card-default:hover h5 { color: var(--color1); }
.i_case .uk-card-default h4{ margin-bottom: 40px; padding: 0 20px; line-height: 40px; border: 1px solid var(--color1); color: var(--color1); font-size: 20px; font-weight: bold; display: inline-block;transition: .5s all;}
.i_case .uk-card-default:hover h4{ background: var(--color1); color: #fff; }
.i_case .uk-slidenav { background-color: #fff;border-radius: 50%;color: #333;padding: 6px 10px;transition: .5s all;}
.i_case .uk-slidenav svg {width: 10px;height: auto;}
.i_case .uk-slidenav:hover {background: var(--color1);color: #fff;}


.i_news .uk-first-column .uk-inline-clip{ position: relative;}
.i_news .uk-first-column .uk-inline-clip::after{ position: absolute; top:0; right:0; content: ""; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));}
.i_news .uk-card-default h6{ position: absolute; left:30px; top:30px; padding: 0 10px; line-height: 30px; background: var(--color1);color: #fff;}
.i_news .uk-card-default .uk-text-left{ position: absolute; left:30px; right:30px; bottom:30px; }
.i_news .uk-card-default h3 {font-size: 20px;font-weight: bold;color: #fff;transition: .5s all;}
.i_news .uk-card-default p{ color: #fff; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.i_news .uk-card-body{ background: #f2f8fe; margin-bottom: 15px; padding: 0 20px;transition: .5s all;}
.i_news .uk-card-body:last-child{ margin-bottom: 0;}
.i_news .uk-card-body h3{ font-size: 18px; margin-bottom: 5px;}
.i_news .uk-card-body p{ font-size: 15px; color: #666;}
.i_news .uk-card-body:hover{ background: var(--color1); }
.i_news .uk-card-body:hover h3,.i_news .uk-card-body:hover p{ color: #fff;}
.i_news .uk-card-body:hover svg polyline{ stroke:#ffffff;}


.i_adv{ background-color:#006bb6;}
.i_adv h1 {font-size: 35px;color: #fff;font-weight: bold;margin-bottom: 20px;}
.i_adv p {font-size: 15px;color: #fff;}
.i_adv a.btn { margin-top: 30px; background: #fff; color: var(--color1); }


.foot { background-color: #001321; padding-bottom: 0;}
.foot .f_logo{ height: 120px; }
.foot h2 {font-size: 15px;color: rgba(255,255,255,0.8);line-height: 1.5;margin-top: 20px;}
.foot h4 {font-size: 22px;font-weight: bold;color: #fff;margin-bottom: 25px;}
.foot ul>li>a {font-size: 16px;color: rgba(255,255,255,0.8);transition: .5s all;}
.foot ul>li>a:hover {color: #fff;}
.foot p {font-size: 16px;margin-top: 10px;color: rgba(255,255,255,0.8);}
.foot p a {font-size: 16px;color: rgba(255,255,255,0.8);transition: .5s all;}
.foot p a:hover {color: #fff;}


.footer { border-top: 1px solid rgba(255,255,255,0.1); margin-top: 50px; }
.footer p ,.footer p a {line-height: 60px;color: rgba(255, 255, 255, 0.8);transition: .5s all;font-size: 16px;}
.footer p a:hover {color: #fff;}


.banner h1 {font-size: 72px;font-weight: bold;color: #fff;}


.i_nav{ background: #f7f7f7;}
.i_nav,.i_nav a {line-height: 70px;font-size: 16px;color: #333;transition: .5s all;}
.i_nav a{ padding: 0 10px;}
.i_nav a.uk-first-column{ padding-left: 0;}
.i_nav a:hover,.i_nav a.active {color: var(--color1);}
.i_nav span{ color: rgba(0,0,0,0.2);}
.i_nav svg {margin-top: -4px;}


.about h2 {margin-top: 10px; font-size: 32px;font-weight: bold;color: var(--color1);}
.about p {font-size: 16px;color: #333;line-height: 1.875;}


.i_honor .desc{ margin-top: 40px;}
.i_honor h1{color: var(--color1);font-weight: bold;}
.i_honor .uk-card-default{ height: 400px; border: 5px solid rgba(0,0,0,0.1); }
.i_honor .uk-card-default img{ width: 100%; height: 100%; object-fit: contain;}
.i_honor .uk-slidenav {color: #fff; background-color: #f2f2f2; border-radius: 50%; transition: .5s all;}
.i_honor .uk-slidenav svg > * {stroke-width: 4px;}
.i_honor .uk-slidenav:hover {background-color: var(--color1);}
.i_honor .uk-dotnav>*>* {border-color: var(--color1);width: 15px;height: 15px;transition: .5s all;}
.i_honor .uk-dotnav>*.uk-active>* {background-color: var(--color1);}
.i_honor h4 {font-size: 16px;font-weight: bold;color: #333;margin-top: 15px;transition: .5s all;}
.i_honor .uk-transition-toggle:hover h4 {color: var(--color1);}


.contact h3{ color: #fff;}
.contact h4{ color: #fff; font-size: 16px; margin-top: 10px;}


.message h1{ color: #fff;}
.message input { line-height: 50px; height: 50px; border: none; padding: 0 15px;}
.message button { line-height: 50px; padding: 0 60px;font-size: 16px; color: #fff; display: inline-block; transition: .5s all; background-color: var(--color1);margin-top: 40px;}


.newslist .uk-card-default { padding-bottom: 40px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.newslist h6 {font-size: 16px;color: #999;}
.newslist h4 {font-size: 20px;color: #000000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin: 10px 0 10px;transition: .5s all;}
.newslist p {font-size: 16px;color: #666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 50px;}
.newslist a.dec {font-size: 16px;color: #000000;text-decoration: underline;margin-top: 30px;display: inline-block;}
.newslist .uk-transition-toggle:hover h4 {color: var(--color1);}
.newslist .uk-transition-toggle:hover a.dec {color: var(--color1);}


.news h3{ font-size: 32px; color: #000; margin-bottom: 10px; }
.news h5{ margin-bottom: 50px;}
.news p {text-indent: 2em;margin:10px 0; color: #333}
.news p img {display: block;margin:10px auto;max-width: 600px;width: 100%;height: auto !important;}
.news p video {display: block;margin:10px auto;width: 100%;height: auto !important;}
.news p .loadingclass {width: auto;display: inline-block;}  

.tuijian h1 {font-size: 24px;font-weight: bold;color: #000000;}
.tuijian h4 {font-size: 16px;color: #000000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;margin: 20px 0 10px;}


.caselist .uk-card-default { box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);}
.caselist h4 { padding: 0 20px; font-size: 20px;font-weight: bold; height: 60px; line-height: 60px;}
.caselist h6{ padding:10px 20px; border-top: 1px solid rgba(0, 0, 0, 0.1); font-size: 16px;color: var(--color1);}
.case h1 {font-size: 28px;font-weight: bold; color: var(--color1); margin-bottom: 30px;}
.case p {font-size: 16px;line-height: 1.875;color: #333;}


.productlist .uk-card-default { box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);}
.productlist h4 { padding: 20px 20px 10px 20px; font-size: 20px;font-weight: bold;}
.productlist p { margin: 0 20px 20px 20px; font-size: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 25px; height: 50px;}
.productlist h6{ padding: 20px; border-top: 1px solid rgba(0, 0, 0, 0.1); font-size: 16px;color: var(--color1);}

.piclist ul{ padding-left: 0; overflow: hidden;}
.piclist ul li{ float: left; margin-bottom: 20px; }
.piclist ul li h4{ font-size: 16px; color: #000; padding-top: 10px;}





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


@media screen and (max-width: 2000px) {
	
}
@media screen and (max-width: 1700px) {
	
}

@media screen and (max-width: 1500px) {
	
}
@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;background-color: #fff;box-shadow: rgb(0 0 0 / 8%) 0px 5px 15px;}
	.nav .uk-navbar-item, .nav .uk-navbar-nav>li>a, .nav .uk-navbar-toggle {min-height: 60px;}
	.nav .uk-dropdown {--uk-position-offset: 20px;--uk-position-viewport-offset: 20px;}
	.nav .uk-navbar-item img { height: 50px;}
	#module-menu-mobile ul li{ padding: 10px 0;}
	.uk-sticky-placeholder{ height: 60px !important;}
	.i_banner .uk-dotnav>*>* {width: 5px;height: 5px;}
	.i_banner .uk-slidenav svg {width: 14px;}
	.i_about h2{ font-size: 28px;}
	.i_about .uk-margin-medium-top{ margin-top: 20px !important;}
	.i_title h2{font-size: 28px;}
	.i_news .uk-card-body .uk-card{ padding: 5px 0;}
	.i_adv h1{ font-size: 28px;}
	.i_adv .uk-text-right{ text-align: left!important;}
	.banner h1{ font-size: 42px;}
	.news h3{ font-size: 24px; }
	.news h5 { margin-bottom: 30px;}
	.caselist h4{ font-size: 18px; }
	.caselist h6{ font-size: 16px;}
	.i_nav>div>div{ padding: 10px 0;}
	.i_nav, .i_nav a{ line-height: 40px;}
	.newslist canvas{ width: 600px;}
	
	
	
	.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;}
	
}