/* common #c30d23 */
@font-face {font-family: 'Roboto';src: url('../font/Roboto-Regular.ttf');font-weight: normal;}
@font-face {font-family: 'Roboto';src: url('../font/Roboto-Medium.ttf');font-weight: bold;}
h1, h2, h3, h4, h5, h6, p {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);}
.uk-container-expand {padding-left: 50px;padding-right: 50px;}
span.line {width: 0;height: 0;display: inline-block;vertical-align: middle;border-top: 1px solid #fff;margin-right: 5px;margin-top: -1px;transition: 0.5s all;}
.uk-container-large {max-width: 1500px;}
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {background: #f5f5f5;}
::-webkit-scrollbar-thumb {background: #c30d23;-webkit-border-radius: 8px;border-radius: 8px;border: 1px solid #f5f5f5;}
body * ::-webkit-scrollbar {width: 4px;}

/* nav */
.nav .uk-navbar-container {padding-left: 50px;padding-right: 50px;}
.nav .uk-logo {padding: 0;}
.nav .uk-logo svg {height: 40px;width: auto;}
/* .nav:not(.uk-active) .uk-logo svg * {stroke: #fff;fill:#fff;} */
.nav .uk-navbar-item, .nav .uk-navbar-nav>li>a, .nav .uk-navbar-toggle {min-height: 100px;transition: 0.5s all;}
.nav .uk-navbar-nav>li>a {color: #fff;font-size: 18px;padding: 0 30px;}
.nav .uk-navbar-nav>li.uk-active span , .nav .uk-navbar-nav>li:hover span {width: 25px;}
.nav {background-color: #fff;}
.nav .uk-navbar-item, .nav .uk-navbar-nav>li>a, .nav .uk-navbar-toggle {min-height: 80px;}
.nav .uk-navbar-nav>li>a {color: #333;font-size: 16px;padding: 0 30px;}
.nav .uk-navbar-nav>li.uk-active>a ,.nav .uk-navbar-nav>li:hover>a {color: #c30d23;}
.nav span.line {border-color: #c30d23;}
.nav .uk-logo img {height: 40px;width: auto;}

/* i_ad */
.i_ad h2 {font-size: 25px;color: #c30d23;}
.i_ad h5 {margin-top: 10px;color: #c30d23;}
.i_ad hr {width: 1px;border-color: #c30d23;border-top: 0px;height: 15px;background-color: #c30d23;}
.i_ad p {font-size: 14px;color: #999;line-height: 2; width: 55%;margin: 10px 0;}

/* i_case */
.i_case .uk-card {border: 2px solid #fff;}
/* .i_case .uk-overlay-default {background-color: rgba(195, 13, 35, 0.9);} */
.i_case .uk-overlay-default {background-color: rgba(0, 0, 0, 0.3);}
.i_case h4 {font-size: 18px;}
.i_case h3 {font-size: 24px;}
.i_case h3 span {width: 34px;}
.i_case h5 {color: #c30d23;}
.i_case h5 span.line {transition: 0.5s all;border-color: #c30d23}
.i_case h5 span.line2 {width: 34px;margin-left: 5px;}
.i_case h5:hover span.line1 {width: 34px;}
.i_case h5:hover span.line2 {width: 0;}
.i_case .uk-subnav>*>* {font-size: 16px;} 
.i_case .uk-subnav>*:hover>* {color: #c30d23;}
.i_case .uk-subnav>*:hover>* span {width: 25px;border-color: #c30d23} 

/* i_banner */

/* i_prod */
.i_prod h2 {font-size: 40px;font-weight: lighter;}
.i_prod .uk-overlay-default {background-color: #c30d23;}
.i_prod .uk-slider-container::after {content: '';position: absolute;width: 1px;height: 100%;background-color: #fff;left: 0;top: 0;}
.i_prod .i_prod_slider li {position: relative;}
.i_prod .i_prod_slider li.uk-active:before {content: '';position: absolute;width: 1px;height: 100%;background-color: #eee;}
.i_prod h4 {font-size: 18px;transition: .5s all;}
.i_prod .uk-transition-toggle:hover h4 {color: #fff;}
.i_prod .uk-transition-toggle svg {transition: .5s all;}
.i_prod .uk-transition-toggle:hover svg * {fill: #fff;}
.i_prod hr {width: 24px;border-color: #c30d23;transition: 0.5s all;margin: 10px 0;}
.i_prod .uk-transition-toggle:hover  hr {border-color: #fff;}
.i_prod h6 {transition: .5s all;text-transform: uppercase;}
.i_prod .uk-transition-toggle:hover h6 {color: #fff;}
.i_prod .uk-icon.uk-slidenav {background-color: #e6e6e6;border-radius: 30px;transition: 0.5s all;}
.i_prod .uk-icon.uk-slidenav svg {width: 10px;height: 20px;color: #fff;}
.i_prod .uk-icon.uk-slidenav:hover {background-color: #c30d23;}

/* i_clients */
.i_clients h2 {font-size: 40px;font-weight: lighter;}
.i_clients h4 {font-size: 24px;}
.i_clients .uk-card-default {box-shadow: none;border: 1px solid #eee;}
.i_clients .uk-grid-small {margin-left: -10px;}
.i_clients .uk-grid-small>* {padding-left: 10px;}
.i_clients .uk-grid-small>.uk-grid-margin {margin-top: 10px;}

/* i_news */
.i_news h2 {font-size: 40px;font-weight: lighter;}
.i_news h4 {font-size: 24px;}
.i_news p {color: #666;}
.i_news h3 {font-size: 24px;font-weight: lighter;}
.i_news .uk-transition-toggle:hover h3 {color: #c30d23;}
.i_news h3 span.line {transition: 0.5s all;border-color: #c30d23}
.i_news .uk-transition-toggle:hover h3 span.line {width: 34px;}
.i_news h5 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.i_news a {color: #666;font-size: 14px;display: inline-block;}
.i_news a:hover {color: #333;}


/* foot */
.foot {background-color: #f7f7f7;}
.foot .foot_nav {position: relative;}
.foot p {color: #999;}
.foot .foot_nav > a {font-size: 16px;color: #333;transition: 0.5s all;position: relative;display: block;}
.foot .foot_nav > a:hover {color: #c30d23;transform: translateX(10px);}
.foot .foot_nav ul.uk-list li a {color: #333;transition: 0.5s all;position: relative;display: block;}
.foot .foot_nav ul.uk-list li:hover a {transform: translateX(10px);color: #999;}
.foot h4 {font-size: 36px;color: #c30d23;font-family: 'Roboto';}
.foot h4 svg {margin-right: 5px;margin-top: -3px;}
.foot a.btn {display: inline-block;color: #fff;border: 1px solid #c30d23;background-color: #c30d23;transition: 0.5s all;width: 100%;padding: 13px 0;text-transform: uppercase;}
.foot .uk-icon-button {color: #fff;background-color: #a4a4a4;transition: 0.5s all;}
.foot .uk-icon-button:hover {background-color: #fff;color: #a4a4a4;}
.foot h6 a {color: #333;}
.foot h6 a:hover {color: #999;}

/* about */
.about p {line-height: 2;margin: 10px 0;}
.about h2 {font-size: 40px;font-weight: lighter;}
.about h4 {font-size: 24px;}

/* culture */
.culture p {line-height: 2;}
.culture h2 {font-size: 40px;font-weight: lighter;}
.culture h4 {font-size: 24px;}

/* winning */
.winning p {line-height: 2;}
.winning h2 {font-size: 40px;font-weight: lighter;}
.winning h4 {font-size: 24px;}

/* cooperation */
.cooperation p {line-height: 2;}
.cooperation h2 {font-size: 40px;font-weight: lighter;}
.cooperation h4 {font-size: 24px;}
.cooperation h4 a {font-size: 18px;text-decoration: underline;color: #c30d23;}

/* productlist */
.productlist h2 {font-size: 40px;font-weight: lighter;text-transform: uppercase;}
.productlist h4 {font-size: 24px;}
.productlist p {text-align: justify;}

/* productlist_nav */
.productlist_nav h1 {font-size: 116px;font-family: 'Roboto';color: #e3e3e3;line-height: 1;}
.productlist_nav svg {width: 42px;}
.productlist_nav svg > * {fill: #c30d23;}	
.productlist_nav h3 {font-size: 30px;color: #c30d23;}
.productlist_nav .uk-column-1-2 {width: max-content;}
.productlist_nav p {margin: 0 0 10px 0;}
.productlist_nav h5 {color: #c30d23;}
.productlist_nav h5 span.line {transition: 0.5s all;border-color: #c30d23}
.productlist_nav h5 span.line2 {width: 34px;margin-left: 5px;}
.productlist_nav h5:hover span.line1 {width: 34px;}
.productlist_nav h5:hover span.line2 {width: 0;}

/* case */
.case h5 {color: #666;}
.case h1 {color: #c30d23;font-size: 48px;}
.case h1 span {color: #333;}
.case h1 span svg {width: 40px;}
.case hr {width: 27px;border-color: #bfbfbf;}
.case a.zuo {background-image: url(../image/zuo.png);background-repeat: no-repeat;display: block;position: absolute;width: 20%;height: 50px;bottom: -23px;}
.case a.you {transform: rotateY(180deg);right: 0;}
.case p img {width: 100%;}

/* newslist */
.newslist .uk-subnav>*>* {font-size: 16px;color: #333;} 
.newslist .uk-subnav>*:hover>*,.newslist .uk-subnav>*.uk-active>* {color: #c30d23;}
.newslist .uk-subnav>*:hover>* span,.newslist .uk-subnav>*.uk-active>* span {width: 25px;border-color: #c30d23} 
.newslist .uk-subnav-divider>::before {height: 15px;}
.newslist p {color: #666;}
.newslist h3 {font-size: 24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; }
.newslist .uk-transition-toggle:hover h3 {color: #c30d23;}
.newslist h3 span.line {transition: 0.5s all;border-color: #c30d23}
.newslist .uk-transition-toggle:hover h3 span.line {width: 34px;}
.newslist h5 {height: 96px;line-height: 2;color: #666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

/* news */
.news h3 {font-size: 24px;}
.news h6 {color: #666;}
.news p {color: #333;}

/* joblist */
.joblist h3 {font-size: 30px;}
.joblist .uk-card {border: 1px solid #eee;padding: 20px 30px;}
.joblist h5 a {color: #c30d23;text-decoration: underline;}
.joblist .joblist_desc {height: 300px;}
.joblist p {color: #666;line-height: 2;}
.joblist p strong {font-weight: normal;color: #333;}
.joblist .uk-subnav a {display: block;padding: 18px 67px;font-size: 16px;color: #333;border: 1px solid #eee;}

/* contact */
.contact h1 {font-size: 40px;font-family: 'Roboto';}
.contact hr {width: 31px;color: #dcdcdc;}
.contact p {color: #333;line-height: 2;}
.contact .uk-card.uk-card-default {box-shadow: none;padding: 45px 130px;}
.contact #contact {transition: .5s all;}

/* pagination */
.pagination .page-status {display: none;}
.pagination span:not(.page-numbar) {margin: 0 8px;color: #333;}
.pagination span a:not(.page-num) {color: #333;position: relative;border: 1px solid transparent;padding:8px 10px;transition: 0.5s all;}
.pagination span a.page-num {color: #333;position: relative;margin: 0 8px;padding: 8px 10px;border: 1px solid transparent;transition: 0.5s all;}
.pagination span a:hover,.pagination span a.page-num.page-num-current {color: #c30d23;background-color: transparent;}
.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: #c30d23;width: calc(100% - 20px);}

/* pagination_page */
.uk-pagination>*>* {display: inline-block;}
.uk-pagination>*>* {color: #666;transition: 0.5s all;}
.uk-pagination>*:hover>* {color: #c30d23;}
.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: #c30d23;}
.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: #c30d23;width: 100%;}

@media (min-width: 960px) {
    .uk-child-width-1-9\@m>* {width: calc(100% * 1 / 9.001)}
}

@media screen and (max-width: 1400px) {
	h2 {font-size: 30px !important;}
	h3 {font-size: 20px !important;}
	.i_ad h2 {font-size: 25px !important;}
	.productlist_nav h1 {font-size: 80px;}
	.productlist_nav p {margin: 0;}
	.productlist_nav .uk-grid-small>.uk-grid-margin {margin-top: 5px;}
}

@media screen and (max-width: 960px) {
	.i_banner canvas {background-attachment:fixed;}
	.i_ad p {width: 100%;}

	h4 {margin-bottom: 15px;}
	#tm-mobile .uk-logo {padding: 0 15px;}
	#tm-mobile .uk-logo img {height: 40px;}
	#tm-mobile .uk-logo svg {fill: #666;}
	#tm-mobile .uk-icon svg {color: #999;}
	#tm-mobile .uk-navbar-toggle {padding: 0 15px;} 
	.uk-offcanvas-bar hr {border-color: #eee;}
	.nav .uk-navbar-container {padding-left: 15px;padding-right: 15px;}
	.nav .uk-navbar-toggle {padding: 0;}
	.uk-container-expand {padding-left: 15px;padding-right: 15px;}
	.i_case h5 {margin-left: 0 !important;}
	.i_case .uk-subnav {margin-left: 0;}
	.i_case .uk-subnav>* {flex: none;width: calc(100% * 1 / 3.001);padding-left: 0;}
	.i_case .uk-subnav>*:nth-child(3n+2)>* {justify-content: center;}
	.i_case .uk-subnav>*:nth-child(3n)>* {justify-content: flex-end;}
	.i_case .uk-subnav>*:hover>* span {width: 0;}
	.uk-offcanvas-bar {background-color: #fff;width: 100%;left: -100%;padding: 0;}
	.uk-offcanvas-bar a {color: #333;}
	.uk-nav li>a {color: #333;}
	.uk-offcanvas-bar h6 {color: #333;}
	.productlist_nav {padding-top: 15px;padding-bottom: 15px;}
	.productlist_nav .uk-padding-large {padding: 15px !important;}
	.productlist_nav .uk-margin-large-left {margin-left: 0 !important;}
	.productlist_nav p {line-height: 2;}
	.case h1 {font-size: 24px;}
	.case h1 span svg {width: 20px;}
	.case h2 {font-size: 24px !important;}
	.case a.zuo {width: 35%;bottom: -29px;background-size: 50%;}
	.joblist .uk-card {padding: 15px;}
	.contact .uk-card.uk-card-default {padding: 15px;}
	
	
	
	
}