/* common #ff3d24 */
h1, h2, h3, h4, h5, h6  {margin: 0;}
ul,li {margin-bottom: 0;}
a:hover {text-decoration: none;}
:focus {outline: 0 !important;border-color:#ff3d24 !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);}
h1 {font-size: 40px;font-weight: bold;color: #ff3d24;margin-bottom: 15px;}
h2 {font-size: 18px;color: #333333;}
table {border-collapse: collapse; display: table; border-spacing: 0px;width: 100%;}
table p {margin: 10px 0;}

/* nav */
.uk-navbar-nav>li {padding: 0 20px;}
.uk-navbar-nav>li>a {font-size: 16px;color: #333333;}
.uk-navbar-nav>li>a {padding: 0;position: relative;}
.uk-navbar-nav>li.nav_toggle:hover>a, .uk-navbar-nav>li.nav_toggle.active>a{color: #ff3d24;}
.uk-navbar-nav>li.nav_toggle>a:before {content: "";position: absolute;z-index: -1;left: 51%;right: 51%;bottom: -1px;background: #ff3d24;height: 2px;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.uk-navbar-nav>li.nav_toggle:hover>a:before,.uk-navbar-nav>li.nav_toggle.active>a:before {left: 0;right: 0;}
.uk-navbar-nav li.hr_vertical {width:0px;position: relative;padding: 0 10px;}
.uk-navbar-nav li.hr_vertical::before {content: '';height: 15px;width: 1px;background: #333333;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.uk-navbar-dropdown {padding: 10px;width: 300px;} 
.uk-navbar-dropbar.uk-navbar-dropbar-slide {border-top: 1px solid #F8F8F8}
.uk-search-default .uk-search-input {font-size: 14px;}
[class*=uk-dropdown-bottom] {margin-top: 2px;}
.uk-dropdown {min-width: 100px;padding: 0;}
.uk-nav>li>a {padding: 10px 30px;color: #333333;}
.uk-nav>li:hover>a {color: #ff3d24;background: #F8F8F8;}

/* i_banner */

/* i_prod */
.i_prod .uk-card {border: 1px #EEEEEE solid;}
.i_prod h5 {font-size: 18px;color: #333333;padding: 20px 0;transition: 0.5s all;}
.i_prod .uk-card:hover h5 {color: #ff3d24;}
.i_prod .uk-transition-toggle:hover h5 {opacity: 0;}
.i_prod .uk-overlay-default {background: rgba(255, 61, 36, 0.8);}
.i_prod .i_prod_animation {display: none;}
.i_prod .uk-transition-toggle:hover .i_prod_animation {display: block;}
.i_prod h3 {font-size: 22px;font-weight: bold;color: #FFFFFF;animation-delay: 0.2s;margin-bottom: 10px;}
.i_prod h6 {font-size: 16px;color: #FFFFFF;animation-delay: 0.4s;}
.i_prod hr {border-color: #FFFFFF;width: 19px;animation-delay: 0.3s;}
.i_prod h4 {font-size: 18px;color: #FFFFFF;animation-delay: 0.3s;}
.i_prod a.a_btn {font-size: 18px;color: #ff3d24;background: #FFFFFF;padding: 10px 36px;border-radius: 100px;display: inline-block;position: relative;}
.i_prod a.a_btn:before {content: '';position: absolute;border: #FFFFFF solid 6px;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;border-radius: 100px;}
.i_prod a.a_btn:hover:before {-webkit-animation-name: a-out;animation-name: a-out;}
.i_prod .uk-transition-toggle:hover svg {transform: translateX(5px);transition: 0.3s all;transition-delay: 0.5s;}
.i_prod .uk-pagination a {padding: 5px 12.5px;color: #666666;font-size: 16px;transition: .3s all;margin: 0 5px;background: #e7e7e7;}
.i_prod .uk-pagination a:hover ,.i_prod .uk-pagination .page-num-current{color: #FFFFFF;background: #ff3d24;border-color: #ff3d24}
.i_prod span.page-num {padding: 5px 12.5px;color: #666666;font-size: 16px;transition: .3s all;margin: 0 5px;background: transparent;border-color: transparent;}
.i_prod .uk-card canvas {animation: turnsmall 0.6s ease ;background-size: 100%;transition: 0.6s all;transition-delay: 0.6s;}
.i_prod .uk-card:hover canvas {animation: turnbig 0.6s ease;background-size: 110%;transition: 0.6s all;transition-delay: 0.6s;}

/* i_about */
.i_about hr {border-color: #bfbfbf;width: 27px;border-width: 3px;}
.i_about p {color: #666666;line-height: 2;}
.i_about a.a_btn {font-size: 18px;color: #FFFFFF;background: #333333;padding: 10px 36px;border-radius: 100px;display: inline-block;position: relative;}
.i_about a.a_btn:before {content: '';position: absolute;border: #333333 solid 6px;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;border-radius: 100px;}
.i_about a.a_btn:hover:before {-webkit-animation-name: a-out;animation-name: a-out;}
@keyframes a-out {
  100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}
}
.i_about h3 {font-size: 22px;font-weight: bold;color: #ff3d24;margin-bottom: 10px;}
.i_about h6 {font-size: 16px;color: #666666;}
.i_about .uk-card.uk-padding-large {padding: 0 60px;}
.i_about .uk-card canvas {animation: turnsmall 0.6s ease ;background-size: 100%;transition: 0.6s all;transition-delay: 0.6s;}
.i_about .uk-card:hover canvas {animation: turnbig 0.6s ease;background-size: 110%;transition: 0.6s all;transition-delay: 0.6s;}
@keyframes turnbig {
  0% {background-size: 100%;}
  100% {background-size: 110%;}
}
@keyframes turnsmall {
  0% {background-size: 110%;}
  100% {background-size: 100%;}
}

/* i_case */
.i_case .uk-card canvas{animation: turnsmall 0.6s ease ;background-size: 100%;transition: 0.6s all;transition-delay: 0.6s;}
.i_case .uk-card:hover canvas {animation: turnbig 0.6s ease;background-size: 110%;transition: 0.6s all;transition-delay: 0.6s;}
.i_case .uk-overlay-default {background: rgba(255, 61, 36, 0.8);width: 70%;height: 70%;transition: 0.5s all;}
.i_case .uk-card:hover .uk-overlay-default {width: 90%;height: 90%;}
.i_case h3 {font-size: 22px;font-weight: bold;color: #FFFFFF;margin-bottom: 10px;}
.i_case h6 {font-size: 16px;color: #FFFFFF;}
.i_case .line {display: inline-block;position: absolute;width: 1px;height: 0;background: #fff;left: 50%;transition: all 0.5s;}
.i_case .line1 {top: 0;height: 0;}
.i_case .uk-card:hover .line1 {height: 23%;}
.i_case .line2 {bottom: 0;height: 0;}
.i_case .uk-card:hover .line2 {height: 23%;}
.i_case .line3 {left: 0;height: 1px;width: 0;}
.i_case .uk-card:hover .line3 {width: 23%;}
.i_case .line4 {left: auto;right: 0;height: 1px;width: 0;}
.i_case .uk-card:hover .line4 {width: 23%;}
.i_case .line1:after {content: "";position: absolute;bottom: 0;width: 3px;height: 15px;background: #fff;left: -1px;-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;-ms-transition: all 0.35s;-o-transition: all 0.35s;transition: all 0.35s;opacity: 0;}
.i_case .uk-card:hover .line1:after{opacity: 1;}
.i_case .line2:after {content: "";position: absolute;top: 0;width: 3px;height: 15px;background: #fff;left: -1px;-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;-ms-transition: all 0.35s;-o-transition: all 0.35s;transition: all 0.35s;opacity: 0;}
.i_case .uk-card:hover .line2:after{opacity: 1;}
.i_case .line3:after {content: "";position: absolute;right: 0;width: 15px;height: 3px;background: #fff;top: -1px;-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;-ms-transition: all 0.35s;-o-transition: all 0.35s;transition: all 0.35s;opacity: 0;}
.i_case .uk-card:hover .line3:after{opacity: 1;}
.i_case .line4:after {content: "";position: absolute;left: 0;width: 15px;height: 3px;background: #fff;top: -1px;-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;-ms-transition: all 0.35s;-o-transition: all 0.35s;transition: all 0.35s;opacity: 0;}
.i_case .uk-card:hover .line4:after{opacity: 1;}

/* i_news */
.i_news .news_ {height: 33.3%;transition: 0.6s all;overflow: hidden;border-top:1px #e5e5e5 solid;}
.i_news a.news_title {font-size: 22px;color: #333333;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;transition: 0.6s all;}
.i_news .uk-active a.news_title ,.i_news .uk-active h5:not(.news_hide) {font-size: 22px;color: #ff3d24;}
.i_news h5.news_hide {line-height: 2;}
.i_news .uk-card canvas {animation: turnsmall 0.6s ease ;background-size: 100%;transition: 0.6s all;transition-delay: 0.6s;}
.i_news .uk-card:hover canvas {animation: turnbig 0.6s ease;background-size: 110%;transition: 0.6s all;transition-delay: 0.6s;}
.i_news p {margin: 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.i_news .uk-overlay-default {background: rgba(255, 61, 36, 0.8);}
.i_news a.a_btn {font-size: 18px;color: #FFFFFF;background: #333333;padding: 10px 36px;border-radius: 100px;display: inline-block;position: relative;}
.i_news a.a_btn:before {content: '';position: absolute;border: #333333 solid 6px;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;border-radius: 100px;}
.i_news a.a_btn:hover:before {-webkit-animation-name: a-out;animation-name: a-out;}

/* footer */
.footer .uk-container {padding-left: 50px;padding-right: 50px;}
.footer .uk-logo {height: 96px;padding: 0;}
.footer .uk-logo img {height: 100%;}
.footer h4 {font-size: 20px;color: #FFFFFF;margin-bottom: 10px;}
.footer p {color: #FFFFFF;}
.footer p svg {margin-right: 10px;}
.footer p.companyfax svg {margin-right: 6px;}
.footer p a {font-size: 16px;color: #FFFFFF;margin: 10px 0;}
.footer .focus p {font-size: 14px;margin-bottom: 0;color: #888888;}
.footer .focus p a {font-size: 14px;color: #888888;}
.footer p a:hover {color: #ff3d24;}
.footer .uk-margin-medium-bottom {margin-bottom: 30px!important;}
.footer .uk-margin-medium-top {margin-top: 30px!important;}
.footer .foot_nav a {font-size: 18px;color: #FFFFFF;}
.footer .foot_nav ul li a {font-size: 16px;color: #999999;transition: 0.3s all;display: block;}
.footer .foot_nav ul li a:hover {transform: translateX(10px);color: #ff3d24;}
.footer .uk-card {background: #dddddd;height: 40px;width: 40px;border-radius: 50%;}
.footer .uk-transition-toggle .foot_move {transition: .3s ease-out;transition-property: opacity,transform,filter;opacity: 0;transform: translate(-35px,-80%);z-index: 0;}   
.footer .uk-transition-toggle:hover .foot_move {opacity: 1; transform: translate(-35px,-110%);}
.footer hr {width: 18px;border-color: #dcdcdc;}
.footer .hr_vertical {width: 1px;background: #dcdcdc;height: 149px;}

/* banner */
.banner h2 {font-size: 40px;color: #FFFFFF;font-weight: bold;margin-bottom: 20px;}
.banner h4 {font-size: 18px;color: #FFFFFF;}

/* subnav */
.subnav a {font-size: 16px;color: #333333;transition: 0.6s all;}
.subnav .uk-subnav>*>* {font-size: 16px;color: #333333;}
.subnav .uk-subnav>*>a:hover {color: #ff3d24;}
.subnav .uk-subnav-divider>::before {height: 1em;}

/* about */
.about .uk-card canvas {animation: turnsmall 0.6s ease ;background-size: 100%;transition: 0.6s all;transition-delay: 0.6s;}
.about .uk-card:hover canvas {animation: turnbig 0.6s ease;background-size: 110%;transition: 0.6s all;transition-delay: 0.6s;}

/* honor */
.honor h5 {font-size: 16px;color: #333333;transition: 0.6s all;padding: 10px;background-color: #FFFFFF;}
.honor li:hover h5 {color: #ff3d24;}
.honor .uk-card canvas {animation: turnsmall 0.6s ease ;background-size: 100%;transition: 0.6s all;transition-delay: 0.6s;}
.honor .uk-card:hover canvas {animation: turnbig 0.6s ease;background-size: 110%;transition: 0.6s all;transition-delay: 0.6s;}
.honor a.uk-slidenav {color: #FFFFFF;background: #c5c4c4;border-radius: 100px;padding: 10px 15px;transition: 0.6s all;}
.honor a.uk-slidenav:hover {background: #ff3d24;}
.honor .uk-dotnav>*>* {width: 7px;height: 7px;border: none; background-color: #434343;}
.honor .uk-dotnav>.uk-active>* {background-color: #ff3d24;}

/* service */
.service .uk-card.uk-card-default {background-color: #f6f6f6;box-shadow: none;}
.service h3 {font-size: 22px;color: #ff3d24;font-weight: bold;}
.service p {font-size: 16px;color: #333333;line-height: 2;margin: 0;}

/* newslist */
.newslist .uk-pagination a {padding: 5px 12.5px;color: #666666;font-size: 16px;transition: .3s all;margin: 0 5px;background: #e7e7e7;}
.newslist .uk-pagination a:hover ,.newslist .uk-pagination .page-num-current{color: #FFFFFF;background: #ff3d24;border-color: #ff3d24}
.newslist span.page-num {padding: 5px 12.5px;color: #666666;font-size: 16px;transition: .3s all;margin: 0 5px;background: transparent;border-color: transparent;}
.newslist .uk-card.uk-card-default {box-shadow: none;border-top: 1px solid #EEEEEE;background: transparent;}
.newslist .hr_vertical {width: 1px;background: #dcdcdc;height: 30px;}
.newslist h4 {font-size: 18px;color: #888888;}
.newslist h3 {font-size: 22px;color: #333333;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 10px;transition: 0.6s all;}
.newslist h5 {font-size: 16px;color: #888888;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newslist .uk-overlay.uk-overlay-default {background: #f8f8f8;padding: 0;right: 100%;transition: .5s all;}
.newslist .uk-position-relative:hover .uk-overlay.uk-overlay-default {right: 0%;}
.newslist .uk-card:hover h3 {color: #ff3d24;}

/* news */
.news h3 {font-size: 36px;font-weight: bold;color: #333333;margin: 0 0 10px;}
.news h5 {font-size: 16px;color: #FFFFFF;margin: 0;}
.news p {font-size: 16px;color: #333333;margin: 0;}

/* product */
.product .uk-card.uk-card-default{box-shadow: none;}
.product h3 {font-size: 36px;font-weight: bold;color: #333333;margin: 0 0 10px;}
.product h5 {font-size: 16px;color: #333333;margin: 0 0 10px 0;}
.product h4 {font-size: 24px;color: #ff3d24;margin: 0;font-weight: bold;}
.product a.a_btn {font-size: 18px;color: #FFFFFF;background: #333333;padding: 10px 36px;border-radius: 100px;display: inline-block;position: relative;}
.product a.a_btn:before {content: '';position: absolute;border: #333333 solid 6px;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;border-radius: 100px;}
.product a.a_btn:hover:before {-webkit-animation-name: a-out;animation-name: a-out;}

/* contact */
.contact .contact_  {font-size: 16px;color: #ff3d24;font-weight: bold;}
.contact .contact_  a, .contact .contact_ span{font-size: 16px;color: #333333;font-weight: normal;}
.contact .hr_vertical {width: 1px;background: #dcdcdc;height: 30px;}
.contact input{height: 60px;font-size: 14px;color: #999999;background: #f8f8f8;padding: 0 20px;border-color: transparent}
.contact textarea{font-size: 14px;color: #999999;background: #f8f8f8;padding: 20px;border-color: transparent}
.contact input.btn {color: #ff3d24;padding: 15px 100px;border: none;border-radius: 5px;height: auto;background: #f8f8f8;transition: .3s all;margin-top:20px ;}
.contact input.btn:hover {background: #ff3d24;color: #FFFFFF;}

@media (max-width: 960px) {
	h1 {font-size: 30px;font-weight: bold;color: #ff3d24;margin-bottom: 15px;}
	h2 {font-size: 14px;color: #333333;}
	.header-mobile h6 a {color: #333333;}
	.i_about .uk-card.uk-padding-large {padding-right: 0;margin: 5px 0;}
	.i_about h3 {font-size: 18px;margin: 0 0 10px 0;line-height: 1;}
	.i_about h6 {font-size: 14px;}
	.i_news .uk-active a.news_title, .i_news .uk-active h5:not(.news_hide) ,.i_news a.news_title{font-size: 18px;}
	.i_news .uk-overlay {padding: 15px;}
	.i_news p {font-size: 14px;line-height: 1;}
	.i_news .uk-margin-top {margin-top: 0px!important;}
	.banner h2 {font-size: 30px;}
	.banner h4 {font-size: 14px;}
	.i_prod h3 {font-size: 16px;}
	.i_prod h6 ,.i_prod h4{font-size: 14px;}
	.i_prod a.a_btn {font-size: 14px;padding: 5px 20px;}
	.i_prod .i_prod_animation .uk-margin-medium-top {margin-top: 20px!important;}
	.product .uk-thumbnav li a img {width: 50px !important;}
	.product h3 {font-size: 22px;}
	.product h5 {font-size: 14px;}
	.product h4 {font-size: 18px;}
	.product a.a_btn {font-size: 14px;padding: 5px 20px;}
	.newslist .uk-padding {padding: 10px;}
	.newslist h4 ,.newslist h5 {font-size: 14px;}
	.newslist h3 {font-size: 16px;}
	.news h3 {font-size: 22px;}
	.news .uk-margin-auto-left {margin-left: inherit!important;}
	.i_prod .uk-pagination a ,.newslist .uk-pagination a {padding: 5px;font-size: 14px;margin: 0 1px;}
	
	
	
}