/* common #c02b31 */
/* @font-face {font-family: 'Bebas Neue';src: url('../font/BebasNeue.woff2') format('woff2'),url('../font/BebasNeue.woff') format('woff'),url('../font/BebasNeue.otf') format('otf');font-weight: normal;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;}


h3.title {font-size: 48px;font-weight: bold;color: #333;position: relative;z-index: 1;padding-bottom: 30px;}
h1.title {font-size: 60px;font-weight: bold;color: #cccccc;text-transform: uppercase;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);text-indent: 5px;}



/* ::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {background: #f5f5f5;}
::-webkit-scrollbar-thumb {background: #c02b31;-webkit-border-radius: 8px;border-radius: 8px;border: 1px solid #f5f5f5;} */


/* input-placeholder */
/* input::-webkit-input-placeholder {color: #fff;}
input:-moz-placeholder {color: #fff;}
input:-moz-placeholder {color: #fff;}
input:-ms-placeholder {color: #fff;} */

/* nav */
.nav {background-color: #fff;}
nav .uk-logo img {height: 80px;}
nav a {color: #333333;}
nav {background-color: #fff;}
nav .uk-navbar-nav>li {position: relative;}
nav .uk-navbar-nav>li>a {padding: 0 15px;color: #333333;font-size: 16px;position: relative;overflow: hidden;}
nav .uk-navbar-nav>li>a.phone {font-size: 18px;font-weight: bold;color: #c02b31;}
nav .uk-navbar-nav>li>a:not(.phone)::before {content: '';position: absolute;width: 0;height:0;border-left:10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #c02b31;bottom: 10px;opacity: 0;transition: .5s all;transition-delay: .5s;}
nav .uk-navbar-nav>li:hover>a,nav .uk-navbar-nav>li.active>a {color: #c02b31;}
nav .uk-navbar-nav>li:hover>a::before ,nav .uk-navbar-nav>li.active>a::before {opacity: 1;transition-delay: 0s;}
nav .uk-dropdown {--uk-position-offset: -11px;width: -webkit-max-content;width: max-content;min-width: auto;background-color: #c02b31;padding: 0;left: 50% !important;transform: translateX(-50%);}
nav .uk-dropdown-nav>li>a {display: block;text-align: center;color: #fff;line-height: 45px;border-bottom: 1px solid #eee;font-size: 14px;padding: 0 15px;}
nav .uk-dropdown-nav>li:hover>a {background-color: #fff;}

/* banner */
.banner .uk-container-large {padding: 0;}
.banner h3 {font-size: 36px;color: #fff;}
.banner hr {border-width: 4px;border-color: #c02b31;width: 62px;}

/* navbar */
.navbar {background-color: #e5e5e5;}
.navbar .uk-container-large {padding: 0;}
.navbar a {line-height: 60px;color: #333;font-size: 14px;transition: .5s all;}
.navbar a:hover {color: #c02b31;}
.navbar svg {margin-top: -2px;}

/* i_about */
.i_about .i_about_left {padding: 50px 30px;}
.i_about h4 {font-size: 24px;}
.i_about hr {border-width: 3px;width: 100px;border-color: #c02b31;margin: 10px 0;}
.i_about p {color: #333;line-height: 1.5;}
.i_about .btn {display: inline-block;color: #fff;background-color: #c02b31;line-height: 45px;padding: 0 10px;transition: .5s all;}
.i_about .btn:hover {background-color: #333;}
 
/* i_prod */
.i_prod .text {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(27, 27, 27,0.2);transition: 1s all;}
.i_prod .uk-transition-toggle:hover .text {top: 45%;bottom: 45%;opacity: 0;}
.i_prod .uk-overlay {background-color: #1b1b1b;padding: 30px;transition-delay: .5s;}
.i_prod .uk-overlay h4 {color: #c02b31;}
.i_prod .uk-slidenav {background-color: #F8F8F8;border-radius: 50px;color: #fff;padding: 15px 20px;transition: .5s all;}
.i_prod .uk-slidenav:hover {background-color: #c02b31;}

/* i_main */
.i_main h3.title {color: #fff;}
.i_main h1.title {color: #666666;}
.i_main h5 {line-height: 45px;transition: .5s all;border: 1px solid #dedede;}
.i_main .uk-transition-toggle:hover h5 {color: #fff;background-color: #c02b31;}

/* i_video */
.i_video h5 {font-size: 18px;background-color: #e5e5e5;line-height: 60px;transition: .5s all;color: #333;}
.i_video .uk-card:hover h5 {background-color: #c02b31;color: #fff;} 
.i_video .uk-dotnav>*>* {background-color: transparent;border-color: #c02b31;}
.i_video .uk-dotnav>.uk-active>* {background-color: #c02b31;}

/* i_news */
.i_news {background-color: #dcdcdc;}
.i_news .com h3 {font-size: 24px;color: #fff;font-weight: bold;}
.i_news .com h4 {font-size: 18px;color: #fff;}
.i_news .com h5 {font-size: 18px;color: #333;font-weight: bold;transition: .5s all;}
.i_news .com p {color: #999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.i_news .com hr {width: 155px;border-color: #c02b31;border-width: 4px;}
.i_news .com.uk-transition-toggle:hover h5 {color: #c02b31;}
.i_news .industry h3 {font-size: 24px;color: #333;font-weight: bold;}
.i_news .industry h4 {font-size: 18px;color: #333;}
.i_news .industry h2 {font-size: 30px;font-family: arial;color: #fff;}
.i_news .industry h6 {font-size: 16px;font-family: arial;color: #fff;}
.i_news .industry .left {background-color: #c02b31;}
.i_news .industry .right {width: 95%;}
.i_news .industry .right .uk-card-default {background-color: #eeeeee;padding: 15px 15px 15px 50px ;}
.i_news .industry h5 {font-size: 18px;color: #333;font-weight: bold;transition: .5s all;}
.i_news .industry p {color: #999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.i_news .industry .uk-transition-toggle:hover h5 {color: #c02b31;}

/* about */
.about h3.title {color: #c02b31;}
.about h4 {font-size: 24px;color: #c02b31;}
.about p {line-height: 2;color: #333;}
.about h5 {font-size: 36px;color: #c02b31;font-weight: bold;}
.about h6 {font-size: 16;color: #cccccc;}

/* contact */
.contact .uk-card-default {background-color: #eeeeee;padding: 30px 50px;}
.contact p {padding-left: 50px;line-height: 45px;position: relative;color: #333;}
.contact p::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 28px;height: 28px;background-position: center;background-size: contain;background-repeat: no-repeat;}
.contact p.p1::before {background-image: url(../image/p1.png);}
.contact p.p2::before {background-image: url(../image/p2.png);}
.contact p.p3::before {background-image: url(../image/p3.png);}
.contact p.p4::before {background-image: url(../image/p4.png);}
.contact p.p5::before {background-image: url(../image/p5.png);}
.contact p.p6::before {background-image: url(../image/p6.png);}
.contact h3 {font-size: 36px;color: #c02b31;font-weight: bold;}

/* message */
.message h3.title {color: #fff;}
.message .uk-input {height: 45px;line-height: 45px;}
.message .btn1 {background-color: #c02b31;color: #fff;}
.message .btn2 {background-color: #000000;color: #fff;}
.message .uk-button {transition: .5s all;}
.message .uk-button:hover {opacity: 0.6;}

/* repair */
.repair p {line-height: 1.5;color: #333;margin-bottom: 10px;}
.repair p b ,.repair p strong {font-size: 24px;color: #c02b31;}
.repair h5 {line-height: 45px;transition: .5s all;border: 1px solid #dedede;}
.repair .uk-transition-toggle:hover h5 {color: #fff;background-color: #c02b31;}

/* recovery */
.recovery {background-color: #eeeeee;}
.recovery .uk-card-default {padding: 30px 50px;}
.recovery p {line-height: 1.5;color: #333;margin-bottom: 10px;}
.recovery p b ,.recovery p strong {font-size: 24px;color: #c02b31;}
.recovery .uk-overlay-default {background-color: transparent;transition: .5s all;}
.recovery .uk-overlay-default:hover {background-color: rgba(192,43,49,0.7);}
.recovery h4 {font-size: 36px;font-weight: bold;color: #fff;}

/* left */
.left h4 {font-size: 24px;font-weight: bold;color: #fff;background-color: #c02b31;line-height: 60px;}
.left .uk-list {margin-top: 0;}
.left .uk-list>*>ul,.left  .uk-list>:nth-child(n+2) {margin-top: 0;}
.left .uk-list>li {background-color: #e5e5e5;border-bottom: 1px solid #fff;transition: .5s all;}
.left .uk-list>li>a {font-size: 16px;line-height: 40px;color: #333;position:relative;transition: .5s all;}
.left .uk-list>li.active>a ,.left .uk-list>li:hover>a {padding-left: 40px;color: #c02b31;}
.left .uk-list>li>a::before {content: '';position: absolute;left: 0;right: 100%;top: 50%;transform: translateY(-50%);height: 1px;background-color: #c02b31;transition: .5s all;}
.left .uk-list>li.active>a::before ,.left .uk-list>li:hover>a::before {right: calc(100% - 30px);}

/* productlist */
.productlist .uk-card-default {border: 4px solid #dcdcdc;}
.productlist h5 {font-size: 16px;color: #333;line-height: 45px;background-color: #dcdcdc;margin-top: 5px;transition: .5s all;}
.productlist .uk-transition-toggle:hover h5 {background-color: #c02b31;color: #fff;}

/* product */
.product .uk-card-default {border: 4px solid #dcdcdc;}
.product h3 {font-size: 20px;color: #fff;line-height: 45px;display: inline-block;background-color: #c02b31;padding: 0 20px;}
.product hr.hr {border-width: 3px;border-color: #c02b31;width: 50px;}
.product .btn {display: inline-block;color: #fff;background-color: #c02b31;line-height: 45px;padding: 0 10px;transition: .5s all;padding: 0 20px;}
.product .btn:hover {background-color: #333;}

/* newslist */
.newslist {background-color: #eeeeee;}
.newslist .uk-card-default {padding: 0 30px;}
.newslist h4 {font-size: 22px;font-weight: bold;color: #333;transition: .5s all;}
.newslist h6 {font-size: 14px;margin-top: 10px;color: #999;}
.newslist p {margin-top: 10px;font-size: 16px;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newslist .uk-transition-toggle:hover h4 {color: #c02b31;}

/* newslist_ */
.newslist_ .date {width: 120px;height: 120px;background-color: #c02b31;}
.newslist_ .date h1 {font-size: 36px;font-weight: bold;font-family: arial;color: #fff;}
.newslist_ .date h6 {font-size: 16px;font-family: arial;color: #fff;}
.newslist_ h4 {font-size: 22px;font-weight: bold;color: #333;transition: .5s all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newslist_ p {margin-top: 10px;font-size: 16px;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newslist_ .uk-transition-toggle:hover h4 {color: #c02b31;}
.newslist_ .uk-transition-toggle svg >* {transition: .5s all;}
.newslist_ .uk-transition-toggle:hover svg >* {stroke: #c02b31;}

/* foot */
.foot {background-color: #1b1b1b;}
.foot .line {position: relative;}
.foot .line::before {content: '';position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 1px;height: 270px;;background-color: #535353;}
.foot p {color: #cccccc;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.foot h4 {color: #fff;font-size: 30px;}
.foot ul.uk-list>li>a {font-size: 16px;color: #cccccc;}
.foot .btn {display: inline-block;color: #fff;background-color: #c02b31;line-height: 45px;padding: 0 10px;transition: .5s all;padding: 0 20px;}
.foot .btn:hover {background-color: #333;}


/* footer */
.footer {background-color: #c02b31;}
.footer p ,.footer p a {font-size: 14px;line-height: 45px;color: #fff;}


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

/* @media */
@media screen and (max-width: 2000px) {
	
}
@media screen and (max-width: 1700px) {
	
}
@media screen and (max-width: 1500px) {
	.banner .uk-container-large {padding: 0 30px;}
	.navbar .uk-container-large {padding: 0 30px;}
	h3.title {font-size: 36px;}
	h1.title {font-size: 48px;}
	.contact .uk-card-default {padding: 15px ;}
	.recovery .uk-card-default {padding: 15px ;}
}
@media screen and (max-width: 1300px) {
	
	
}
@media screen and (max-width: 960px) {
	h3.title {font-size: 24px;}
	h1.title {font-size: 20px;width: 100%;}
	.i_prod .uk-slidenav {padding: 5px 11px;}
	.i_main h5 {font-size: 14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; }
	.i_news .industry .right {width: 82%;}
	.about p {text-align: left;}
	.about h5 {font-size: 24px;}
	.newslist .uk-card-default {padding: 15px 30px;}
	.newslist_ .date {width: 80px;height: 80px;}
	.newslist_ h4 {-webkit-line-clamp: 1;}
	.recovery h4 {font-size: 16px;}
	.contact p {line-height: 1;margin-bottom: 20px;}
	.contact h3 {font-size: 20px;}
	
	    
	
	
	
	.uk-offcanvas-bar {width: 100%;left: 100%;background-color: #fff;padding: 0;}
	.uk-offcanvas-bar svg {color: #333;}
	.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 .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;}
	
	.i_about .uk-flex.uk-flex-right {flex-wrap: wrap;}
	
	.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;}
	
}