/* common #d7171f */
/* @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-xlarge {max-width: 1700px;}

/* header */
.header {background-color: #262626;}
.header .uk-navbar-item, .header .uk-navbar-toggle {min-height: 90px;}
.header .uk-navbar-nav>li {margin: 0 5px;}
.header .uk-navbar-nav>li>a {min-height: 30px;padding: 0 20px 3px;border-radius: 15px;font-size: 18px;font-weight: bold;color: #fff;}
.header .uk-navbar-nav>li.active>a , .header .uk-navbar-nav>li:hover>a {background-color: #d7171f;}
.header .uk-navbar-dropdown {padding: 15px;min-width: 112px;width: auto;}
.header .uk-navbar-dropdown-nav>li>a {font-size: 16px;color: #333;border-bottom: 1px solid rgba(0, 0, 0,0.2);}
.header .uk-navbar-dropdown-nav>li:hover>a,.header .uk-navbar-dropdown-nav>li.active>a {color: #d7171f;}
.header .uk-search-default {background-color: #595959;border-radius: 10px;overflow: hidden;height: 55px;width: 240px;}
.header .uk-search-default .uk-search-input {border: 1px solid #000;border-radius: 10px;height: 55px;}
.header .uk-search-icon {border-right: 1px solid #000;color: #fff;width: 55px;}
.header .uk-search-icon svg {width: 30px;}
.header .uk-search-default .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input {padding-left: 65px;color: #fff;padding-right: 66px;}
.header .uk-button {position: absolute;top: 0;bottom: 0;display: inline-flex;justify-content: center;align-items: center;color: #999;background-color: #000000;color: #fff;right: 0;padding: 0 15px;font-size: 18px;}
.header input::-webkit-input-placeholder {color: #fff;}
.header input:-moz-placeholder {color: #fff;}
.header input:-moz-placeholder {color: #fff;}
.header input:-ms-placeholder {color: #fff;}

/* i_banner */
.i_banner h1 {font-size: 36px;font-weight: bold;}
.i_banner .uk-card-default {border: 1px solid #fff;border-radius: 50px;background-color: transparent;color: #fff;font-size: 16px;padding: 15px 30px;}
.i_banner svg {margin-top: -4px;}
.i_banner .uk-card-default a {transition: .5s all;}
.i_banner .uk-card-default a:hover {color: #d7171f;}

/* i_prod */
.i_prod h2 {font-size: 36px;font-weight: bold;color: #262626;}
.i_prod h5 {font-size: 18px;color: #666666;}
.i_prod h4 {font-size: 18px;background-color: #262626;color: #fff;line-height: 60px;transition: .5s all;}
.i_prod .uk-transition-toggle:hover h4 {background-color: #d7171f;}

/* i_contact */
.i_contact {padding: 105px 0;}
.i_contact h1 {font-size: 60px;font-weight: bold;color: #fff;}
.i_contact h2 {font-size: 48px;color: #fff;}
.i_contact a.btn {display: inline-block;font-size: 18px;border: 2px solid #fff;line-height: 60px;padding: 0 50px;border-radius: 50px;color: #fff;margin-top: 50px;margin-bottom: 50px;transition: .5s all;}
.i_contact a.btn:hover {background-color: #d7171f;border-color: #d7171f}

/* i_about */
.i_about h2 {font-size: 36px;font-weight: bold;color: #262626;}
.i_about h5 {font-size: 18px;color: #666666;}
.i_about .adv p {font-size: 24px;color: #d7171f;}
.i_about .adv p span {font-size: 46px;padding-right: 5px;}
.i_about .adv h5 {font-size: 18px;color: #666666;}
.i_about .adv .line {position: relative;}
.i_about .adv .line::before {content: '';position: absolute;left: 0;top: 50%;width: 1px;height: 50px;background-color: #b2b2b2;transform: translateY(-50%);}
.i_about .i_about_ .uk-card-default {background-color: #f2f2f2;}
.i_about .i_about_ a.btn {display: inline-block;font-size: 18px;border: 2px solid #fff;line-height: 60px;padding: 0 50px;border-radius: 50px;color: #fff;transition: .5s all;background-color: #d7171f;}
.i_about .i_about_ a.btn:hover {opacity: 0.6;}
.i_about .i_about_ p {font-size: 16px;line-height: 2;color: #333333;}

/* i_news */
.i_news h2 {font-size: 36px;font-weight: bold;color: #262626;}
.i_news h5 {font-size: 18px;color: #666666;}
.i_news .i_news_ {background-color: #f2f2f2;}
.i_news .i_news_ a.btn {display: inline-block;font-size: 18px;border: 2px solid #fff;line-height: 60px;padding: 0 50px;border-radius: 50px;color: #fff;transition: .5s all;background-color: #d7171f;margin-bottom: 50px;}
.i_news .i_news_ a.btn:hover {opacity: 0.6;}
.i_news h4 {font-size: 22px;font-weight: bold;color: #333333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition: .5s all;}
.i_news h6 {font-size: 16px;color: #333333;margin-top: 20px;}
.i_news p {font-size: 16px;color: #666666;margin-top: 20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.i_news .i_news_ .uk-transition-toggle:hover h4 {color: #d7171f;}
.i_news .i_news_ svg {transition: .5s all;}
.i_news .i_news_ .uk-transition-toggle:hover svg {transform: translateX(10px);}

/* about */
.about h1 {font-size: 36px;color: #d7171f;font-weight: bold;}
.about .about_ p {font-size: 16px;color: #333;line-height: 2;}
.about .adv p {font-size: 24px;color: #d7171f;}
.about .adv p span {font-size: 46px;padding-right: 5px;}
.about .adv h5 {font-size: 18px;color: #666666;}
.about .adv .line {position: relative;}
.about .adv .line::before {content: '';position: absolute;left: 0;top: 50%;width: 1px;height: 50px;background-color: #b2b2b2;transform: translateY(-50%);}

/* contact */
.contact h3 {font-size: 36px;color: #333;}
.contact h4 {font-size: 24px;color: #333;font-weight: bold;}
.contact .uk-card-default {background-color: #F2F2F2;}
.contact p {font-size: 18px;color: #333;}

/* message */
.message h3 {font-size: 36px;color: #333;}
.message input {background-color: #f2f2f2;height: 60px;border: none;border-radius: 5px;font-size: 18px;padding: 0 20px;}
.message textarea {background-color: #f2f2f2;border: none;border-radius: 5px;font-size: 18px;padding: 20px 20px;}
.message input::-webkit-input-placeholder {color: #999;}
.message input:-moz-placeholder {color: #999;}
.message input:-moz-placeholder {color: #999;}
.message input:-ms-placeholder {color: #999;}
.message img {height: 60px;}
.message button {height: 60px;font-size: 18px;background-color: #d7171f;color: #fff;border-radius: 10px;padding: 0 150px;}

/* newslist */
.newslist .uk-card-default {border: 1px solid #ddd;transition: .5s all;}
.newslist h2 {font-size: 48px;color: #999;font-weight: bold;transition: .5s all;}
.newslist h5 {font-size: 18px;color: #999;}
.newslist .line {border-right:1px solid #ddd;}
.newslist h4 {font-size: 24px;color: #333;transition: .5s all;}
.newslist p {font-size: 18px;color: #666;margin-top: 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newslist .uk-transition-toggle:hover h2 {color: #d7171f;}
.newslist .uk-transition-toggle:hover h4 {color: #d7171f;}
.newslist .uk-transition-toggle:hover {border-color: #d7171f;}
.newslist h6 ,.newslist h6 a{font-size: 18px;margin-top: 10px;color: #999;}
.newslist svg {margin-top: -4px;}

/* productlist */
.productlist .uk-inline-clip {border: 1px solid #ddd;transition: .5s all;}
.productlist h5 {font-size: 18px;line-height: 45px;background-color: transparent;transition: .5s all;}
.productlist .uk-transition-toggle:hover h5 {background-color: #d7171f;color: #fff;}
.productlist .uk-transition-toggle:hover .uk-inline-clip {border-color: #d7171f;}

/* product */
.product h3 {font-size: 24px;font-weight: bold;}
.product p {font-size: 16px;color: #333;text-indent: 32px;}
.product p img {margin: 0 auto;display: block;}

/* left */
.left h4 {font-size: 28px;line-height: 80px;background-color: #d7171f;color: #fff;}
.left ul.uk-list {background-color: #f2f2f2;margin-top: 0;padding: 15px 30px;}
.left ul.uk-list > li {margin-top: 0;}
.left ul.uk-list > li > a {margin-top: 0;line-height: 45px;color: #333;font-size: 18px;border-bottom: 1px solid #ddd;display: block;font-weight: bold;transition: .5s all;}
.left ul.uk-list > li.active > a ,.left ul.uk-list > li:hover > a {color: #d7171f;}
.left ul.uk-list > li > a > h5 {font-size: 18px;line-height: 45px;display: block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition: .5s all;}
.left ul.uk-list > li.active > a > h5 ,.left ul.uk-list > li:hover > a > h5  {color: #d7171f;}
.left .uk-card-default {background-color: #494949;padding: 15px 30px;}
.left h6 {font-size: 18px;color: #fff;margin: 20px 0;}
.left p {font-size: 24px;color: #fff;font-weight: bold;}
.left p span {font-size: 18px;}
 
/* foot */
.foot {background-color: #494949;}
.foot h4 {font-size: 18px;font-weight: bold;color: #fff;margin-bottom: 20px !important;}
.foot .uk-list > li > a {font-size: 14px;color: #fff;display: inline-block;transition: .5s all;}
.foot .uk-list > li:hover > a {transform: translateX(10px);}
.foot .uk-list > li > p {font-size: 16px;font-weight: bold;color: #fff;}
.foot .uk-list > li > h5 {font-size: 14px;color: #fff;}

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

/* i_case */

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

/* @media */
@media screen and (max-width: 2200px) {
	
}
@media screen and (max-width: 1600px) {
	.i_about .i_about_ .uk-card-default {padding: 30px;}
	.i_contact a.btn {font-size: 16px;line-height: 45px;}
	.i_about .i_about_ a.btn {font-size: 16px;line-height: 45px;}
	.i_news .i_news_ a.btn {font-size: 16px;line-height: 45px;}
}
@media screen and (max-width: 1400px) {
	.i_about .i_about_ p {line-height: 1.5;}
	.left p {font-size: 20px;}
	.left p span {font-size: 16px;}
	.header .uk-navbar-nav>li>a {font-size: 16px;padding: 0 5px 3px;}
}
@media screen and (max-width: 1300px) {
	.i_about .i_about_ p {line-height: 1.3;}
	.left ul.uk-list > li > a {font-size: 16px;}
}
@media screen and (max-width: 960px) {
	.uk-navbar-item {padding: 0;}
	.uk-navbar-item img {height: 45px;}
	.logo {height: 45px;}
	.uk-offcanvas-bar {width: 100%;left: 100%;background-color: #fff;padding: 0;}
	.uk-offcanvas-bar svg {color: #fff;}
	.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;}
	.header .uk-navbar-item, .header .uk-navbar-toggle {min-height: 80px;padding: 0;}
	.i_prod h2 {font-size: 24px;}
	.i_prod h5 {font-size: 16px;}
	.i_prod h4 {font-size: 12px;}
	.i_contact h1 {font-size: 28px;}
	.i_contact h2 {font-size: 18px;}
	.i_contact a.btn {margin-bottom: 0;}
	.i_about h2 {font-size: 24px;}
	.i_about h5 {font-size: 16px;}
	.i_about .adv p span {font-size: 20px;}
	.i_about .adv h5 {font-size: 16px;}
	.i_news h2 {font-size: 24px;}
	.i_news h5 {font-size: 16px;}
	.i_about .i_about_ .uk-card-default {padding: 15px;}
	.i_news .i_news_ a.btn {margin-bottom: 0;}
	.productlist h5 {font-size: 12px;line-height: 30px;}
	.newslist h2 {font-size: 28px;}
	.newslist h5  {font-size: 12px;}
	.newslist .uk-card-default {padding: 15px;}
	.newslist h4 {font-size: 18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
	.newslist p {font-size: 16px;}
	.newslist h6, .newslist h6 a {font-size: 14px;}
	.contact h3 {font-size: 20px;}
	.contact h4 {font-size: 18px;}
	.message h3 {font-size: 20px;}
	.message input {font-size: 16px;line-height: 45px;}
	.message img {height: 45px;}
	.message button {height: 45px;}
	.uk-navbar-toggle {color: #fff;}
	
	.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;}
	
}