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

/* nav */
.nav .uk-logo img {height: 64px;width: auto;}
.nav .uk-navbar-nav>li {padding: 23.5px 0;}
.nav .uk-navbar-nav>li>a {font-size: 18px;line-height: 43px;color: #333;min-height: 43px;padding: 0 20px;}
.nav .uk-navbar-nav>li>a:hover ,.nav .uk-navbar-nav>li.uk-active>a {background-color: #001edb;color: #fff;}
.nav .uk-navbar-item {color: #dcdcdc;}

/* i_about */
.i_about h3 {font-size: 36px;font-weight: bold;}
.i_about h4 {font-size: 18px;color: #999;}
.i_about hr.title {border-color: #e5e5e5;width: 350px;border-width: 2px;position: relative;}
.i_about hr.title:before {content: '';position: absolute;width: 42px;height: 4px;background-color: #fe1326;left: 50%;top: -3px;transform: translateX(-50%);}
.i_about h4.title {font-size: 24px;color: #001edb;font-weight: bold;}
.i_about p {color: #333;line-height: 2;text-align: justify;}
.i_about .uk-card.uk-card-default > div > p:nth-child(5) {display: none;}
.i_about .uk-card-secondary {background-color: #fe1326;}
.i_about .uk-card-primary {background-color: #001edb;}
.i_about a.btn {padding: 30.5px 54.5px;display: inline-block;}
.i_about .i_about_ {padding-left: 15px;}
.i_about .i_about_:before {content: '';position: absolute;left: 0;top: 0;height: 100%;width: 1px;background-color: #dcdcdc;}
.i_about .i_about_::after {content: '';position: absolute;left: 0;top: 0;height: 30px;width: 1px;background-color: #001edb;}
.i_about .i_about_ h4.title {color: #333;line-height: 1;}
.i_about .i_about_ p {color: #666;}
 
/* i_banner */
.i_banner h4 {font-size: 28px;color: #fff;}
.i_banner h3 {font-size: 36px;color: #fff;font-weight: bold;line-height: 2;}

/* i_prod */
.i_prod h3 {font-size: 36px;font-weight: bold;color: #fff;}
.i_prod h4 {font-size: 18px;color: #fff;}
.i_prod hr.title {border-color: #e5e5e5;width: 350px;border-width: 2px;position: relative;}
.i_prod hr.title:before {content: '';position: absolute;width: 42px;height: 4px;background-color: #fe1326;left: 50%;top: -3px;transform: translateX(-50%);}
.i_prod h5 {font-size: 20px;line-height: 70px;border-top: 1px solid #eeeeee;transition: .5s all;}
.i_prod .uk-transition-toggle:hover h5 {color: #fff;background-color: #001edb;}
.i_prod a.btn {font-size: 16px;display: inline-block;color: #fff;padding: 16px 27px;background-color: #fe1326;}

/* i_adv */
.i_adv h3 {font-size: 36px;font-weight: bold;;}
.i_adv h4 {font-size: 18px;color: #999;}
.i_adv hr.title {border-color: #e5e5e5;width: 350px;border-width: 2px;position: relative;}
.i_adv hr.title:before {content: '';position: absolute;width: 42px;height: 4px;background-color: #fe1326;left: 50%;top: -3px;transform: translateX(-50%);}
.i_adv .uk-card.uk-card-default {border: 1px solid #eeeeee;transition: .5s all;}
.i_adv h2 {font-size: 36px;line-height: 1;padding: 10px 11px 14px 11px;background-color: #d7d7d7;transition: .5s all;color: #fff;}
.i_adv h5 {font-size: 20px;font-weight: bold;transition: .5s all;}
.i_adv .uk-transition-toggle:hover {background-color: #001edb !important;}
.i_adv .uk-transition-toggle:hover h2 {background-color: #fff;color: #001edb;}
.i_adv .uk-transition-toggle:hover h5 ,.i_adv .uk-transition-toggle:hover p {color: #fff;}

/* i_flow */
.i_flow h3 {font-size: 36px;font-weight: bold;;}
.i_flow h4 {font-size: 18px;color: #999;}
.i_flow hr.title {border-color: #e5e5e5;width: 350px;border-width: 2px;position: relative;}
.i_flow hr.title:before {content: '';position: absolute;width: 42px;height: 4px;background-color: #fe1326;left: 50%;top: -3px;transform: translateX(-50%);}
.i_flow .i_flow_icon {padding: 20px;border: 1px solid #001edb;border-radius: 50%;display: inline-block;transition: .5s all;}
.i_flow h5 {font-size: 20px;font-weight: bold;transition: .5s all;}
.i_flow p {line-height: 2;transition: .5s all;}
.i_flow .uk-overlay-default {opacity: 0;background-color: #001edb;transition: .5s all;}
.i_flow h1 {font-size: 150px;color: rgba(255, 255, 255, 0.1);line-height: 1;font-family: Arial;bottom: -17px;right: -26px;}
.i_flow .i_flow_icon svg > * {transition: .5s all;}
.i_flow .uk-transition-toggle:hover .uk-overlay-default {opacity: 1;}
.i_flow .uk-transition-toggle:hover .i_flow_icon {border-color: #fff}
.i_flow .uk-transition-toggle:hover .i_flow_icon svg > * {fill: #fff;}
.i_flow .uk-transition-toggle:hover h5 ,.i_flow .uk-transition-toggle:hover p {color: #fff;}

/* i_news */
.i_news h3 {font-size: 36px;font-weight: bold;}
.i_news h4 {font-size: 18px;color: #999;}
.i_news hr.title {border-color: #e5e5e5;width: 180px;border-width: 2px;position: relative;}
.i_news hr.title:before {content: '';position: absolute;width: 42px;height: 4px;background-color: #fe1326;left: 0;top: -3px;}
.i_news h5 {font-size: 20px;font-weight: bold;transition: .5s all;}
.i_news p {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.i_news .uk-transition-toggle:hover h5 {color: #001edb;}
.i_news .uk-card.uk-card.uk-card-default {background-color: #eeeeee;padding: 5px;}

/* foot */
.foot {background-color: #2e2e2e;}
.foot .uk-navbar-nav a {font-size: 16px;color: #fff;padding: 0;line-height: 40px;transition: .5s all;}
.foot .uk-navbar-nav a:hover {transform: translateX(10px);}
.foot hr {border-color: rgba(243, 243, 243, 0.1);}
.foot p {color: #999999;line-height: 2;}
.foot h4 {font-size: 26px;color: #fff;font-weight: bold;}

/* footer */
.footer {background-color: #222222;}
.footer p ,.footer p a {color: #878787;line-height: 50px;}
.footer p a:hover {color: #fff;}

/* contact */
.contact h3 {font-size: 30px;font-weight: bold;color: #333;position: relative;line-height: 1;padding-left: 15px;}
.contact h3:before {content: '';position: absolute;width: 3px;height: 100%;left: 0;top: 2px;background-color: #fe1326;}
.contact p {font-size: 16px;color: #666;line-height: 2;}
.contact h4 {font-size: 24px;color: #666;}

/* message */
.message h3 {font-size: 36px;font-weight: bold;}
.message .uk-input {height: 58px;color: #3b3b3b;}
.message .uk-input.checkcode {color: #999999;}
.message img {height: 58px;}
.message .uk-button {width: 100%;height: 58px;background-color: #fe1326;color: #fff;}

/* about */
.about h3 {font-size: 36px;font-weight: bold;}
.about p {line-height: 2;color: #333;}

/* productlist */
.productlist {background-color: #fbfbfb;}
.productlist h3 {font-size: 36px;font-weight: bold;}
.productlist h5 {font-size: 20px;line-height: 70px;border-top: 1px solid #eeeeee;transition: .5s all;}
.productlist .uk-transition-toggle:hover h5 {color: #fff;background-color: #001edb;}
.productlist .uk-card.uk-card-default {border: 1px solid #eeeeee;}

/* product */
.product {background-color: #fbfbfb;}
.product h3 {font-size: 36px;font-weight: bold;}
.product p {line-height: 2;}
.product a.btn {padding: 16.5px 48px;display: inline-block;}
.product .uk-card-secondary {background-color: #fe1326;}
.product .uk-card-primary {background-color: #001edb;}
.product h4 {font-size: 24px;}

/* newslist */
.newslist .uk-subnav-pill>*>a {font-size: 18px;color: #333;text-transform: .5s all;}
.newslist .uk-subnav-pill>*>a:hover {color: #fff;background-color: #001edb;}
.newslist .uk-subnav-pill>.uk-active>a {background-color: #001edb;color: #fff;}
.newslist p {color: #999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 2;}
.newslist h4 {font-size: 20px;transition: .5s all;}
.newslist .uk-transition-toggle:hover h4 {color: #001edb;}

/* news */
.news p {line-height: 2;}






/* pagination */
.pagination .page-status {display: none;}
.pagination span:not(.page-numbar) {margin: 0 8px;color: #001edb;}
.pagination span a:not(.page-num) {color: #001edb;position: relative;border: 1px solid #001edb;padding:8px 10px;transition: 0.5s all;}
.pagination span a.page-num {color: #001edb;position: relative;margin: 0 8px;padding: 8px 10px;border: 1px solid #001edb;transition: 0.5s all;}
.pagination span a:hover,.pagination span a.page-num.page-num-current {color: #fff;background-color: #001edb;}

/* 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: #001edb;}
.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: #001edb;width: 100%;}

/* @media */
@media screen and (max-width: 960px) {
	html,body {overflow-x: hidden;}
	h3 {font-size: 24px !important;}
	.i_about .uk-padding-large {padding: 0;margin: 15px 0;}
	h4.title {font-size: 20px !important;}
	hr.title {width: 100% !important;}
	.i_news hr.title {width: 180px !important;}
	.i_about .uk-grid {margin-left: -15px;}
	.i_about .uk-grid>* {padding-left: 15px;}
	.i_about a.btn {padding: 30.5px 43.5px;}
	.uk-offcanvas-bar {width: 100%;padding: 0;left: -100%;}
	.uk-navbar {padding: 0 15px;}
	.product .uk-padding {padding: 0;margin: 15px 0;}
	.product a.btn {padding: 16.5px 40px;}
	.product p {text-align: justify;}
	.news p {text-align: justify;}
	
	
	
	
	
	
	
	
	
	
	
	.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;}
	
}