/* common #262171 #2e94d0 */
h1, h2, h3, h4, h5, h6  {margin: 0;}
ul,li {margin-bottom: 0;}
a:hover {text-decoration: none;}
:focus {outline: 0 !important;}
.uk-cover.uk-transition-scale-up {left: 0;top: 0;}
.uk-transition-toggle:hover .uk-cover.uk-transition-scale-up ,.uk-transition-toggle:focus .uk-cover.uk-transition-scale-up {transform: scale(1.03,1.03);}
a.a_btn {padding: 14px 28px;}

/* nav */
.nav.uk-navbar {padding: 0 50px;}
.nav .uk-logo {padding: 0;}
.nav .uk-icon {padding-right: 0 !important;}
.nav .uk-navbar-item,.nav .uk-navbar-nav>li>a,.nav .uk-navbar-toggle {min-height: 90px;font-size: 18px;color: #333;}
.nav .uk-navbar-nav>li:hover>a,.nav .uk-navbar-nav>li.uk-active>a {color: #262171;}
.nav .uk-search-navbar .uk-search-input {font-size: 16px;}
.nav svg {width: 20px;height: 20px;color:#333;}

/* i_banner */
.i_banner h2 {font-size: 36px;font-weight: bold;color: #fff;}
.i_banner h5 {color: #fff;}
.i_banner h6 ,.i_banner h6 a {color: #fff;}
.i_banner .uk-dotnav>*>* {width: 8px;height: 8px;border: none;background: #fff;border-radius: 8px;transition: 0.5s all;}
.i_banner .uk-dotnav>.uk-active>* {width: 51px;}

/* i_about */
.i_about h2 {font-size: 36px;margin-bottom: 10px;font-weight: bold;}
.i_about h5 {color: #999999;}
.i_about p {color: #333;line-height: 2;margin-top: 60px;margin-bottom: 80px;}
.i_about a.a_btn {background-color: #262171;color: #fff;transition: .5s all;}
.i_about a.a_btn:hover {background-color: #2e94d0;}
.i_about .uk-dotnav>*>* {width: 5px;height: 5px;border: none;background: #fff;border-radius: 5px;transition: 0.5s all;}
.i_about .uk-dotnav>.uk-active>* {width: 21px;}
.i_about .uk-slidenav {background-color: #262171;padding: 5px;transition: 0.5s all;}
.i_about .uk-slidenav:hover {background-color: #2e94d0;}

/* i_prod */
.i_prod {background-color: #f7f7f7;}
.i_prod h2 {font-size: 36px;margin-bottom: 10px;font-weight: bold;}
.i_prod h5 {color: #999999;}
.i_prod .i_prod_nav a:not(.a_btn) {font-size: 20px;color: #333;transition: 0.5s all;position: relative;}
.i_prod .i_prod_nav a:not(.a_btn):hover {color: #262171;}
.i_prod .i_prod_nav a:not(.a_btn):before {content: '';position: absolute;bottom: -5px;width: 38px;height: 1px;background-color: #cccccc;transition: 0.5s all;}
.i_prod .i_prod_nav a:not(.a_btn):hover:before {background-color: #262171;width: 60px;}
.i_prod a.a_btn {background-color: #262171;color: #fff;transition: .5s all;display: block;}
.i_prod a.a_btn:hover {background-color: #2e94d0;}
.i_prod .uk-overlay-default {background-color: rgba(38, 33, 113, 0.8);top: 50%;left: 50%;right: 50%;bottom: 50%;transition: 0.5s all;}
.i_prod .uk-transition-toggle:hover .uk-overlay-default {top: 0;left: 0;right: 0;bottom: 0;}
.i_prod h3 {font-size: 24px;color: #fff;font-weight: bold;}
.i_prod hr {width: 38px;border-color: #f2f2f2}
.i_prod p {color: #fff;margin: 5px 0 0;}

/* i_case */
.i_case h2 {font-size: 36px;margin-bottom: 10px;font-weight: bold;}
.i_case h5 {color: #999999;}
.i_case h4 {font-size: 20px;}
.i_case .uk-transition-toggle:hover h4 {color: #262171;}
.i_case hr {width: 38px;transition: 0.5s all;margin-bottom: 0;margin-top: 10px;}
.i_case .uk-transition-toggle:hover hr {width: 100%;border-color: #262171}

/* i_news */
.i_news {background-color: #f7f7f7;}
.i_news h2 {font-size: 36px;margin-bottom: 10px;font-weight: bold;}
.i_news h5 {color: #999999;}
.i_news p {color: #999999;margin-bottom: 10px;}
.i_news h4 {font-size: 20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition: 0.5s all;}
.i_news .uk-transition-toggle:hover h4 {color: #262171;}
.i_news hr {width: 38px;transition: 0.5s all;margin-top: 10px;margin-bottom: 10px;}
.i_news .uk-transition-toggle:hover hr {width: 100%;border-color: #262171}
.i_news p.i_news_desc {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top: 10px;height: 48px;}

/* foot */
.foot {background-color: #333;}
.foot h5 {color: #f7f7f7;margin-bottom: 12px;}
.foot h6 {color: #f7f7f7;}
.foot h6 a {color: #f7f7f7;}
.foot h6 a:hover {color: #fff;}
.foot .uk-subnav {margin-left: -30px;}
.foot .uk-subnav>* {padding-left: 30px;}
.foot .uk-subnav-pill>*>a {color: #f7f7f7;padding: 0;}
.foot .uk-subnav-pill>*>a:hover {background-color: transparent;color: #fff;}

/* about */
.about h2 {font-size: 36px;font-weight: bold;}
.about h5 {color: #999;}
.about .about_bg canvas {transition: .5s all;}

/* productlist */
.productlist {background-color: #f7f7f7;}
.productlist .productlist_nav {font-size: 20px;}
.productlist .productlist_nav a {color: #333;margin:0 20px;transition: 0.5s all;position: relative;}
.productlist .productlist_nav a:hover ,.productlist .productlist_nav a.active {color: #262171;}
.productlist .productlist_nav a:before {content: '';position: absolute;bottom: -5px;width: 0px;height: 1px;background-color: transparent;transition: 0.5s all;}
.productlist .productlist_nav a:hover:before,.productlist .productlist_nav a.active:before {background-color: #262171;width: 100%;}

/* product */
.product {background-color: #f7f7f7;}
.product .uk-card-default {box-shadow: none;}
.product h2 {font-size: 36px;font-weight: bold;}
.product hr.blod {border-color: #7d7d7d;}
.product h6 {color: #666666;line-height: 2;}
.product a.a_btn {background-color: #262171;color: #fff;transition: .5s all;}
.product a.a_btn:hover {background-color: #2e94d0;}

/* news */
.news {background-color: #f7f7f7;}
.news .uk-card-default {box-shadow: none;}
.news h4 {font-weight: bold;}

/* contact */
.contact h2 {font-size: 36px;font-weight: bold;}
.contact h5 {margin: 20px 0;}
.contact p {color: #999;}

/* message */
.message {background-color: #f7f7f7;}
.message .uk-card-default {box-shadow: none;}
.message h2 {font-size: 36px;font-weight: bold;}
.message .uk-input,.message .uk-textarea {height: 50px;border: none;border-bottom: 1px solid #dcdcdc;}
.message button {padding: 14px 45px;box-shadow: none;border: #262171;background-color: #262171;color: #fff;transition: .5s all;}
.message button:hover {background-color: #2e94d0;}

/* pagination */
.pagination span:not(.page-numbar) {margin: 0 8px;color: #262171;}
.pagination span a:not(.page-num) {color: #262171;position: relative;border: 1px solid #262171;padding:8px 10px;transition: 0.5s all;}
.pagination span a.page-num {color: #262171;position: relative;margin: 0 8px;padding: 8px 10px;border: 1px solid #262171;transition: 0.5s all;}
.pagination span a:hover,.pagination span a.page-num.page-num-current {color: #fff;background-color: #262171;}
.pagination span a:before {content: '';position: absolute;bottom: 3px;width: 0px;height: 1px;background-color: transparent;transition: 0.5s all;}
.pagination span a:hover:before ,.pagination span a.page-num.page-num-current:before {background-color: #fff;width: calc(100% - 20px);}

/* pagination_page */
.pagination_page {display: flex;flex-wrap: wrap;margin-left: 0;padding: 0;list-style: none;}
.pagination_page a {position: relative;color: #333;transition: 0.5s all;}
.pagination_page a:hover{color: #262171;}
.pagination_page a:before {content: '';position: absolute;bottom: -5px;width: 0px;height: 1px;background-color: transparent;transition: 0.5s all;}
.pagination_page a:hover:before {background-color: #262171;width: 100%;}

@media (min-width: 960px){
	.uk-container {
	    padding-left: 50px;
	    padding-right: 50px;
	}
}

@media (max-width: 1600px){
	.nav .uk-navbar-item, .nav .uk-navbar-nav>li>a, .nav .uk-navbar-toggle {padding: 0 10px;}
}
@media (max-width: 1400px){
	.nav .uk-navbar-item, .nav .uk-navbar-nav>li>a, .nav .uk-navbar-toggle {padding: 0 4px;}
	.i_about p {line-height: 1.5;margin-top: 40px;margin-bottom: 60px;}
	.i_prod .i_prod_nav .uk-grid>.uk-grid-margin {margin-top: 20px!important;}
}
@media (max-width: 1200px){
	h2 {font-size: 24px !important;}
	.nav.uk-navbar {padding: 0 10px;}
	.nav svg {width: 80px;height: 80px;color: #262171;}
	.nav svg>* {color: #262171;stroke: #262171;}
	.nav button {position: relative;padding: 0 4px;top: 0;left: 0;}
	.uk-offcanvas-bar {left: 0;width: 100vw;bottom: 100%;transition: bottom .3s ease-out;padding: 7px 10px;background: #FFFFFF;}
	.uk-open>.uk-offcanvas-bar {bottom: 0;padding: 0;}
	.uk-offcanvas-bar a ,.uk-offcanvas-bar h6 {color: #333;}
	.uk-offcanvas-bar hr {border-top-color: #dcdcdc;}
	.uk-offcanvas-bar a:hover , .uk-offcanvas-bar li.active a {color: #262171;}
}
@media (max-width: 960px){
	.i_banner .uk-dotnav>*>* {width: 5px;height: 5px;border: none;background: #fff;border-radius: 5px;transition: 0.5s all;}
	.i_banner .uk-dotnav>.uk-active>* {width: 21px;}
	.i_prod .i_prod_nav [class*=uk-width] {width: 33%;}
	.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;}
	.productlist .productlist_nav {flex-wrap: wrap;justify-content:left;}
	.productlist .productlist_nav > div {width: 25%;text-align: center;}
	.productlist .productlist_nav a {margin: 5px;}
	.product .uk-card.uk-card-body {padding-left: 0;padding-right: 0;}
	#map {height: 350px;}
	.product a.a_btn {padding: 14px;}
}