/* common #c30d23  #101a3b; */
h1, h2, h3, h4, h5, h6  {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-logo {padding: 0;}
.page-status {display: none;}
html {overflow-x: hidden;}
@font-face {
    font-family: 'YouSheBiaoTiHei';
    src: url('../font/YouSheBiaoTiHei.woff2') format('woff2'),
        url('../font/YouSheBiaoTiHei.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
h1 {font-size: 48px;font-weight: bold;color: #101a3b;margin-bottom: 15px;}
h2 {font-size: 16px;font-weight: bold;color: #dcdddf;margin-bottom: 15px;}
hr.title {width: 30px !important;height: 3px;margin: 0 auto;border: none;background: #c30d23;max-width: 30px;}
.a_button {overflow: hidden;width: 168px;line-height: 44px;/* background: url("../img/all_a_button_bg.png") no-repeat center; */;border: 1px solid #FFFFFF;}
.a_button a.view_btn {display: block;position: relative;text-align:center;font-size:16px;color:#FFFFFF;}
.a_button a.view_btn:before {content: attr(data-text);font-size:16px;color:#FFFFFF;position: absolute;top: 1px;letter-spacing: 1px;
left: 0;width: 100%;height: 100%;-webkit-transition: -webkit-transform .3s, opacity .3s;transition: transform .3s,opacity .3s;-webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);transition-timing-function: cubic-bezier(.75,0,.125,1);}
.a_button a.view_btn:hover:before {opacity: 0;filter: alpha(opacity=0);-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}
.a_button a.view_btn span {display: inline-block;font-size:16px;color:#FFFFFF;opacity: 0;filter: alpha(opacity=0);
-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);-webkit-transition: -webkit-transform .3s,opacity .3s;
transition: transform .3s,opacity .3s;-webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);transition-timing-function: cubic-bezier(.75,0,.125,1);vertical-align: 0;letter-spacing: -3px;}
.a_button a.view_btn:hover span{z-index: 2;opacity: 1;filter: alpha(opacity=100);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);display: inline-block;}
.a_button a.view_btn:hover span:nth-child(1){-webkit-transition-delay: 45ms;transition-delay: 45ms;}
.a_button a.view_btn:hover span:nth-child(2){-webkit-transition-delay: .09s;transition-delay: .09s;}
.a_button a.view_btn:hover span:nth-child(3){-webkit-transition-delay: .135s;transition-delay: .135s;}
.a_button a.view_btn:hover span:nth-child(4){-webkit-transition-delay: .18s;transition-delay: .18s;}
.a_button a.view_btn:hover span:nth-child(5){-webkit-transition-delay: .225s;transition-delay: .225s;}
@keyframes turnbig {
  0% {background-size: 100%;}
  100% {background-size: 110%;}
}
@keyframes turnsmall {
  0% {background-size: 110%;}
  100% {background-size: 100%;}
}

/* nav */
.uk-navbar-nav>li {padding: 0 10px;height: 80px;}
.uk-navbar-nav>li>a {font-size: 16px;color: #333333;}
.uk-navbar-nav>li>a {padding: 0;position: relative;}
.uk-navbar-nav li.hr_vertical {width:1px;position: relative;padding: 0 10px;height: 80px;}
.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-dropdown {min-width: 100px;padding: 0;}
.uk-nav>li>a {padding: 10px 30px;color: #101A3B;}
.uk-nav>li:hover>a {color: #C30D23;}
.uk-navbar-dropdown ul li {list-style-type: disc;margin: 0 20px;padding-left: 20px;}
.uk-navbar-dropdown ul li a {width: max-content;font-size: 16px;}
.uk-navbar-dropdown-nav>li:focus>a, .uk-navbar-dropdown-nav>li:hover>a {color: #c30d23;}
.uk-navbar-dropbar.uk-navbar-dropbar-slide {border-top: 1px solid #F8F8F8;background-color: #F8F8F8;}
.uk-search-default .uk-search-input {font-size: 14px;}
.uk-navbar-nav li svg {margin-top: -5px;}
.uk-navbar-nav>li>a {display: inline-block;border: 1px solid #FFFFFF;overflow: hidden;position: relative;text-align: center;padding: 27px 35px;}
.uk-navbar-nav>li>a .view_1 {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: 0.3s all;width: 100%;opacity: 1;}
.uk-navbar-nav>li>a .view_2 {position: absolute;top: 50%;left: 50%;transform: translate(-50%,150%);transition: 0.3s all;width: 100%;opacity: 0;}
.uk-navbar-nav>li:not(.active):hover>a .view_1 ,.uk-navbar-nav>li.active>a .view_1{transform: translate(-50%,-250%);opacity: 0;}
.uk-navbar-nav>li:not(.active):hover>a .view_2 ,.uk-navbar-nav>li.active>a .view_1{transform: translate(-50%,-50%);opacity: 1;color: #c30d23;}
[class*=uk-dropdown-bottom] {margin-top: 0px;}

/* i_banner */
.i_banner h2 {font-weight: normal;}
.i_banner .ex1 {font-size: 24px;color: #c30d23;opacity: 0;}
.i_banner .ex2 {font-size: 75px;font-family: 'YouSheBiaoTiHei'; color: #c30d23;opacity: 0;}
.i_banner .ex1 span {position: relative;top: 10px;left: 10px;opacity: 0;}
.i_banner .ex2 span {position: relative;left: -10px;opacity: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.i_banner .a_button {background: #FFFFFF;}
.i_banner .a_button a.view_btn {color: #c30d23;}
.i_banner .a_button a.view_btn:before {color: #c30d23;}
.i_banner .a_button a.view_btn span {color: #c30d23;}
.i_banner .uk-dotnav>*>* {color: #FFFFFF;background-color: #FFFFFF;}
.i_banner .uk-dotnav>.uk-active>* {color: #c30d23;background-color: #C30D23;}

/* i_prod */
.i_prod h5 {color: #c30d23;margin-top: 10px;}
.i_prod .i_prod_ {margin-top: 120px;}
.i_prod .i_prod_ .i_prod_nav {top: -78.5px;width: 50%;}
.i_prod .i_prod_ .i_prod_nav .uk-card.uk-padding-small {padding: 35px 15px;}
.i_prod .i_prod_ #i_prod_2::before {content: '';position: absolute;background-color: rgba(7, 27, 77, 0.13);height: 97px;width: 1px;left: 0;top: 50%;transform: translateY(-50%);}
.i_prod .i_prod_ #i_prod_2::after {content: '';position: absolute;background-color: rgba(7, 27, 77, 0.13);height: 97px;width: 1px;right: 0;top: 50%;transform: translateY(-50%);}
.i_prod #i_prod_overlay {width: calc(100% * 1 / 3.001 + 10px);height: calc(100% + 30px);top: 50%;transform: translate(-5px,-50%);background: #c30d23;transition: 1s ease;padding: 0;box-shadow: 0 8px 20px rgba(195, 13, 35, 0.56);}
.i_prod .i_prod_ .i_prod_nav img ,.i_prod .i_prod_ .i_prod_nav  h5{transition: 1s all;}
.i_prod .i_prod_ .i_prod_nav .uk-active img {-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.i_prod .i_prod_ .i_prod_nav .uk-active h5 {color: #FFFFFF;}
.i_prod h3 {color: #FFFFFF;font-size: 36px;font-weight: bold;margin-bottom: 15px;}
.i_prod h4 {color: #FFFFFF;font-size: 18px;}
.i_prod .i_prod_ hr {border-color: #FFFFFF;width: 30px;border-width: 3px;}
.i_prod p {color: #FFFFFF;font-size: 16px;line-height: 2;}
.i_prod .uk-padding-small {padding: 40px;}

/* i_about */
.i_about h3 {color: #c30d23;font-size: 36px;font-weight: bold;margin-bottom: 10px;}
.i_about h4 {color: #c30d23;font-size: 18px;}
.i_about p {color: #666666;line-height: 2;}
.i_about h3 span {font-size: 16px;font-weight: normal;padding-left: 5px;display: inline-block;}
.i_about .i_about_ {padding-left: 100px;}
.i_about .i_about_desc .uk-card {padding-left: 30px;}
.i_about .i_about_line>div::before {content: '';position: absolute;width: 1px;height: calc(100% - 14px);background-color: #d7d7d7;left: 0;top: 14px;}
.i_about .i_about_line>div::after {content: '';position: absolute;width: 1px;height: 28px;background-color: #c30d23;left: 0;top: 14px;}
.i_about .i_about_desc h3 {margin: 0;}
.i_about .i_about_desc p {margin: 0;line-height: 1.5;}
.i_about .a_button {border-color: #101a3b}
.i_about .a_button a.view_btn {color: #101a3b;}
.i_about .a_button a.view_btn:before {color: #101a3b;}
.i_about .a_button a.view_btn span {color: #101a3b;}

/* i_adv */
.i_adv .i_adv_width {flex-grow: 1;;transition: 1s all ease;}
.i_adv .i_adv_width.uk-active {flex-grow: 3;;}
.i_adv .i_adv_width img {height: 45px;}
.i_adv .i_adv_width .uk-overlay {background: linear-gradient(to top,rgba(7, 27, 77, 0.5) 10%,transparent);transform: translateY(100%);transition: 1s all;}
.i_adv .i_adv_width.uk-active .uk-overlay {transform: translateY(0);}
.i_adv h4 {font-size: 20px;font-weight: bold;color: #FFFFFF;margin-top: 15px;}
.i_adv p {font-size: 16px;color: #FFFFFF;line-height: 2;height: 0px;margin: 0;transition: 1s all;transition-delay: 0s ;overflow: hidden;}
.i_adv .i_adv_width.uk-active p {height: 64px;margin: 20px 0;transition-delay: 0.5s;}
.i_adv .i_adv_svg {width: 28px;height: 13px;transition-delay: 0s ;}
.i_adv .uk-active .i_adv_svg {transition-delay: 1s ;}
.i_adv .i_adv_svg .move_svg_1 svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: 0s all;}
.i_adv .i_adv_svg .move_svg_2 svg {position: absolute;top: 50%;left: 50%;transform: translate(-200%,-50%);transition: 0s all;}
.i_adv .i_adv_svg:hover .move_svg_1 svg {transform: translate(100%,-50%);transition: 0.5s all;}
.i_adv .i_adv_svg:hover .move_svg_2 svg {transform: translate(-50%,-50%);transition: 0.5s all;}

/* i_news */
.i_news h3 {font-size: 30px;color: #333333;font-weight: bold;}
.i_news h5 {color: #666666;}
.i_news h4 {color: #333333;font-size: 20px;margin: 20px 0;font-weight: bold;transition: 0.5s all;height: 56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.i_news hr.hr_short {width: 17px;border-color: #dcdcdc;}
.i_news .uk-card.uk-card-default:hover h4 {color: #c30d23;}
.i_news .uk-card.uk-card-default {background: #f8f8f8;box-shadow: none;}
.i_news .i_news_svg {width: 28px;height: 13px;transition-delay: 0s ;}
.i_news .i_news_svg .move_svg_1 svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: 0s all;}
.i_news .i_news_svg .move_svg_2 svg {position: absolute;top: 50%;left: 50%;transform: translate(-200%,-50%);transition: 0s all;}
.i_news .uk-card.uk-card-default:hover .move_svg_1 svg {transform: translate(100%,-50%);transition: 0.5s all;}
.i_news .uk-card.uk-card-default:hover .move_svg_2 svg {transform: translate(-50%,-50%);transition: 0.5s all;}
.i_news .uk-card.uk-card-default canvas {animation: turnsmall 0.6s ease ;background-size: 100%;transition: 0.6s all;transition-delay: 0.6s;}
.i_news .uk-card.uk-card-default:hover canvas {animation: turnbig 0.6s ease;background-size: 110%;transition: 0.6s all;transition-delay: 0.6s;}
.i_news hr.i_news_hr {width: 100%;}
.i_news hr.i_news_hr::before {content: '';width: 100%;height: 1px;position: absolute;top: 0;background: #c30d23;transition: 0.6s all;transform: translateX(100%);}
.i_news .uk-card.uk-card-default:hover hr.i_news_hr::before {transform: translateX(0);transition: 0s all;transition-delay: 0.6s;}
.i_news hr.i_news_hr::after {content: '';width: 100%;height: 1px;position: absolute;top: 0;background: #c30d23;transition: 0s all;transform: translateX(-100%);}
.i_news .uk-card.uk-card-default:hover hr.i_news_hr::after {transform: translateX(0);transition: .6s all;}
.i_news .hr_vertical {width: 1px;background: #dcdcdc;height: 90px;margin: 0 30px;}
.i_news .hr_vertical::before {content: '';width: 1px;height: 90px;position: absolute;top: 0;background: #c30d23;transition: 0.6s all;transform: translateY(100%);}
.i_news .uk-card.uk-card-default:hover .hr_vertical::before {transform: translateY(0);transition: 0s all;transition-delay: 0.6s;}
.i_news .hr_vertical::after {content: '';width: 1px;height: 90px;position: absolute;top: 0;background: #c30d23;transition: 0s all;transform: translateY(-100%);}
.i_news .uk-card.uk-card-default:hover .hr_vertical::after {transform: translateY(0);transition: .6s all;}

/* footer */
.footer .uk-logo {padding: 0;}
.footer .uk-logo img {height: 100%;}
.footer h3 {font-size: 30px;color: #101a3b;font-family: arial;}
.footer h4 {font-size: 16px;color: #333333;margin-bottom: 10px;}
.footer h6 {font-size: 14px;color: #888888;}
.footer p {font-size: 14px;color: #888888;}
.footer p a  {font-size: 14px;color: #888888;}
.footer p svg {margin-right: 10px;}
.footer p.companyfax svg {margin-right: 6px;}
.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: #c30d23;}
.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: #333333;}
.footer .foot_nav ul li a {font-size: 16px;color: #888888;transition: 0.3s all;display: block;}
.footer .foot_nav ul li a:hover {transform: translateX(10px);color: #c30d23;}
.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: 197px;}
.footer .footer_tel {width: 65px;height: 65px;background: url(../image/tel.png) center center no-repeat; left: -75px;top: 5px;}

/* subnav */
.subnav {height: 95px;position: absolute;bottom: -45px;width: 100%;}
.subnav a {font-size: 14px;color: #101a3b;transition: 0.5s all;}
.subnav a:hover {font-weight: bold;}
.subnav ul li a {font-size: 18px !important;color: #101a3b !important;transition: 0.5s all;}
.subnav ul li:hover a,.subnav ul li.active a {color: #c30d23 !important;font-weight: normal;}{color: #c30d23 !important;font-weight: normal;}
.subnav .uk-subnav-divider>::before {height: 15px;margin-top: 2px;}
.subnav .uk-card-default {box-shadow: 1px 7px 6px 0px rgba(0,0,0,.08);}

/* contact */
.contact .uk-card.uk-card-body {padding: 60px 40px;background: #ffffff;border: 1px solid #EEEEEE;}
.contact .uk-card.uk-card-body:hover {border-color: #c30d23}
.contact h5 {font-weight: bold;color: #101a3b;margin: 0 0 20px 0;}
.contact hr {width: 64px;border-color: #c30d23;}
.contact p {color: #999999;margin: 20px 0;}
.contact .contact_ a ,.contact .contact_ span {font-size: 18px;font-weight: bold;font-family: arial;color: #101a3b;}


/* .contact .contact_ .uk-card:hover {border-color: #c30d23 ;filter: invert(22%) sepia(86%) saturate(6654%) hue-rotate(346deg) brightness(76%) contrast(101%);} */
/* .contact #map {width: 100%;height: 550px;} */
/* .contact h5 {font-size: 16px;color: #101a3b;} */
.contact .uk-card.uk-padding-small {padding: 30px 15px;}

/* message */
.message input{height: 70px;font-size: 14px;color: #999999;background: #f8f8f8;padding: 0 20px;border-color: transparent}
.message textarea{font-size: 14px;color: #999999;background: #f8f8f8;padding: 20px;border-color: transparent}
.message input.btn {color: #FFFFFF;padding: 15px 100px;border: none;border-radius: 5px;height: auto;background: #c30d23;transition: .3s all;margin-top:20px ;}
.message input.btn:hover {background-color: rgba(195, 13, 35, 0.6);}

/* newslist */
.newslist .uk-list-striped>:nth-of-type(odd) {border-color: transparent}
.newslist .hr_vertical {width: 1px;background: #dcdcdc;height: 90px;margin: 0 30px;}
.newslist .hr_vertical::before {content: '';width: 1px;height: 90px;position: absolute;top: 0;background: #c30d23;transition: 0.6s all;transform: translateY(100%);}
.newslist .uk-card:hover .hr_vertical::before {transform: translateY(0);transition: 0s all;transition-delay: 0.6s;}
.newslist .hr_vertical::after {content: '';width: 1px;height: 90px;position: absolute;top: 0;background: #c30d23;transition: 0s all;transform: translateY(-100%);}
.newslist .uk-card:hover .hr_vertical::after {transform: translateY(0);transition: .6s all;}
.newslist .uk-list-striped>* {padding: 30px;}
.newslist h3 {font-size: 30px;color: #333333;font-weight: bold;}
.newslist h5 {color: #666666;}
.newslist h4 {color: #333333;font-size: 20px;margin: 0;font-weight: bold;transition: 0.5s all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.newslist .uk-card:hover h4 {color: #c30d23;}
.newslist .uk-pagination a {display: inline;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: #c30d23;border-color: #c30d23}
.newslist span.page-num {padding: 5px 12.5px;color: #666666;font-size: 16px;transition: .3s all;margin: 0 5px;background: transparent;border-color: transparent;}

/* 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;}

/* caselist */
.caselist h3 {font-size: 30px;color: #333333;font-weight: bold;}
.caselist h5 {color: #666666;}
.caselist h4 {color: #333333;font-size: 20px;margin:0 0 20px;font-weight: bold;transition: 0.5s all;height: 56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.caselist hr.hr_short {width: 17px;border-color: #dcdcdc;}
.caselist .uk-pagination a {display: inline;padding: 5px 12.5px;color: #666666;font-size: 16px;transition: .3s all;margin: 0 5px;background: #e7e7e7;}
.caselist .uk-pagination a:hover ,.caselist .uk-pagination .page-num-current{color: #FFFFFF;background: #c30d23;border-color: #c30d23}
.caselist span.page-num {padding: 5px 12.5px;color: #666666;font-size: 16px;transition: .3s all;margin: 0 5px;background: transparent;border-color: transparent;}
.caselist .i_news_svg {width: 28px;height: 13px;transition-delay: 0s ;}
.caselist .i_news_svg .move_svg_1 svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: 0s all;}
.caselist .i_news_svg .move_svg_2 svg {position: absolute;top: 50%;left: 50%;transform: translate(-200%,-50%);transition: 0s all;}
.caselist .uk-card:hover .move_svg_1 svg {transform: translate(100%,-50%);transition: 0.5s all;}
.caselist .uk-card:hover .move_svg_2 svg {transform: translate(-50%,-50%);transition: 0.5s all;}
.caselist .uk-card canvas {animation: turnsmall 0.6s ease ;background-size: 100%;transition: 0.6s all;transition-delay: 0.6s;background-position: 50% 50%;}
.caselist .uk-card:hover canvas {animation: turnbig 0.6s ease;background-size: 110%;transition: 0.6s all;transition-delay: 0.6s;}
.caselist hr.i_news_hr {width: 100%;}
.caselist hr.i_news_hr::before {content: '';width: 100%;height: 1px;position: absolute;top: 0;background: #c30d23;transition: 0.6s all;transform: translateX(100%);}
.caselist .uk-card:hover hr.i_news_hr::before {transform: translateX(0);transition: 0s all;transition-delay: 0.6s;}
.caselist hr.i_news_hr::after {content: '';width: 100%;height: 1px;position: absolute;top: 0;background: #c30d23;transition: 0s all;transform: translateX(-100%);}
.caselist .uk-card:hover hr.i_news_hr::after {transform: translateX(0);transition: .6s all;}

/* servicelist */
.servicelist .service_icon {width: 48px;height: 48px;padding: 40px;display: inline-block;border: 1px solid #EEEEEE;border-radius: 100px;background: #FFFFFF;}
.servicelist .service_icon svg {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .3s all;}
.servicelist .service_icon svg:nth-child(1) {opacity: 1;}
.servicelist .service_icon svg:nth-child(2) {transform: translate(-50%,200%);opacity: 0;filter: invert(22%) sepia(86%) saturate(6654%) hue-rotate(346deg) brightness(76%) contrast(101%);}
.servicelist .uk-card:hover .service_icon svg:nth-child(1) {transform: translate(-50%,-250%);opacity: 0;}
.servicelist .uk-card:hover .service_icon svg:last-child {transform: translate(-50%,-50%);opacity: 1;}
.servicelist .servicelist_line {position: absolute;width: 100%;height: 1px;background: #EEEEEE;top: 50%;transform: translateY(-50%);z-index: -1;}
.servicelist .servicelist_num {position: absolute;top: 0;left: 50%;transform: translateX(-50%);background: #EEEEEE;width: 30px;height: 30px;border-radius: 100px;line-height: 28px;transition: 0.3s all;}
.servicelist h4 {font-size: 24px;font-weight: bold;color: #333333;transition: 0.3s all;}
.servicelist p {font-size: 16px;font-weight: normal;color: #666666;margin: 10px 0 0;line-height: 1.5;}
.servicelist .uk-card:hover .servicelist_num {background: #c30d23;color: #FFFFFF;}
.servicelist .uk-card:hover h4 {color: #c30d23;}

/* tech */
.tech h4 {font-size: 24px;color: #c30d23;font-weight: bold;margin: 20px 0;}


/* itinerary */
.itinerary h4 {font-size: 24px;color: #333333;font-weight: bold;margin: 20px 0;transition: 0.5s all;}
.itinerary .uk-card:hover h4 {color: #c30d23;}
.itinerary p {margin: 0;}

/* productlist */
.productlist h3 {font-size: 36px;font-weight: bold;color: #101a3b;margin-bottom: 20px;transition: 0.5s all;}
.productlist h5 {font-size: 18px;;color: #101a3b;margin: 20px 0;}
.productlist p {font-size: 16px;;color: #101a3b;}
.productlist hr.title {margin: 0 auto 0 0;}
.productlist .uk-transition-toggle:hover h3 {color: #c30d23;}
.productlist .a_button a.view_btn {background: #c30d23;border-color: #c30d23;}



/* product */
.product h3 {font-size: 36px;color: #101a3b;font-weight: bold;margin: 20px 0;}
.product h5 {font-size: 18px;;color: #101a3b;}
.product p {font-size: 16px;;color: #101a3b;}
.product .uk-dotnav>*>*{width: auto;height: auto;border-radius:0;border: none;overflow: auto;text-indent: inherit;color: #101a3b;background: transparent;}
.product .uk-dotnav>.uk-active>*{color: #c30d23;border-bottom: 2px solid #c30d23;}
.product .product_adv::before {content: '';position: absolute;left: 0;top: 6px;width: 3px;height: 24px;background-color: #c30d23;}
.product .product_ {border-top: 1px solid #e5e5e5;}
.product .product_ div {font-size: 16px;color: #101A3B;}
.product .product_>div {border-bottom: 1px solid #e5e5e5;padding: 16px 0;}
.product .uk-table {margin: 0;}
.product .uk-table thead tr {background: #101a3b;}
.product .uk-table thead tr th {color: #FFFFFF;font-size: 24px;width: 50%;text-align: center;font-weight: bold;border-right: 1px solid;}
.product .uk-table tbody tr td {width: 50%;color: #101A3B;font-size: 16px;text-align: center;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}

/* about */
.about h4 {font-size: 24px;color: #c30d23;font-weight: bold;margin: 20px 0;}
.about p {color: #666666;margin: 0;}

/* culture */
.culture h4 {font-size: 20px;font-weight: bold;color: #FFFFFF;margin-top: 10px;}
.culture .culture_line::before {content: "";left: 0;top: 50%;width: 2px;height: 20px;background: #FFFFFF;transform: translateY(-50%);position: absolute;}
.culture .culture_line::after {content: "";right: 0;top: 50%;width: 2px;height: 20px;background: #FFFFFF;transform: translateY(-50%);position: absolute;}
.culture p {color: #FFFFFF;margin: 10px 0;}
.culture .uk-card svg {transition: 0.5s all;}
.culture .uk-card:hover svg {transform: translateY(-10px);}

/* joblist */
.joblist h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.joblist h6{font-size: 18px;color: #666666;margin: 10px 0 0;}
.joblist h5{font-size: 18px;color: #0b0607;font-weight: bold;margin: 0;}
.joblist .joblist_tit {padding: 20px 0;border:#dadada 1px solid;}
.joblist .joblist_tit h5 {color:#0b0607;font-weight: bold;}
.joblist .joblist_ {background: #fafafa;padding: 20px 0;}
.joblist .job_fuc .joblist_ p{color:#0b0607;margin: 0;;font-size: 18px;}
.joblist .job_fuc .joblist_ p span {color: #c30d23;font-weight: bold;}
.joblist .job_fuc:hover .joblist_ ,.joblist .job_fuc.open .joblist_{background: #101a3b;}
.joblist .job_fuc:hover .joblist_ p,.joblist .job_fuc.open .joblist_ p{color: #FFFFFF;}
.joblist .job_fuc:hover .joblist_ p span,.joblist .job_fuc.open .joblist_ p span{color: #FFFFFF;}
.joblist .job_fuc {margin: 0 0 10px;}
.joblist .job_fuc .jobdesc h3{font-size: 24px;color: #101a3b;font-weight: bold;}
.joblist .job_fuc .jobdesc h5{font-size: 18px;color: #0b0607;font-weight: bold; margin-bottom: 20px;}
.joblist .job_fuc .jobdesc h5 span{;padding-left: 20px;}
.joblist .job_fuc .jobdesc span.fuli {font-size: 18px;color: #0b0607;;padding-right: 20px ;}
.joblist .job_fuc .jobdesc hr{border-top: 1px solid #d2d2d2;}
.joblist .job_fuc .jobdesc p {font-size: 18px;color: #0b0607;;margin: 0;}
.joblist .job_fuc .jobdesc p a {color: #101a3b;font-weight: bold;}

.joblist .job_fuc .jobdesc {padding: 40px 150px;background: #fafafa;overflow: hidden;}
/* .joblist .job_fuc.open .jobdesc {padding: 40px 150px;transform: translateY(0);height: auto;} */
.joblist ul.uk-subnav li a {border: 1px  rgb(0, 0, 0) solid;font-size: 18px;;color: #0b0607;padding: 15px 50px;}
.joblist .uk-subnav-pill>.uk-active>a {color: #0b0607;background: #FFFFFF;}
.joblist .uk-subnav-pill>*>a:hover {background-color: #f8f8f8;color: #c30d23;}

.joblist_other {background: #fff;border-top: 1px solid #eee;}
.joblist_other hr {border-color: #c30d23;width: 50px;border-width: 2px;}
.joblist_other h1{font-size: 44px;color: #101a3b;font-weight: bold;margin: 0;}
.joblist_other h6{font-size: 18px;color: #0b0607;margin: 10px 0 0;;}
.joblist_other h5{font-size: 24px;color: #0b0607;font-weight: bold;margin: 0;}

/* honour */
.honour .uk-slidenav {background-color: rgba(195,13,35,0.6);transition: .5s all;border-radius: 50%;color: #fff;}
.honour .uk-slidenav:hover {background-color: #c30d23;}


@media (max-width: 1600px) {
   h1 {font-size: 36px !important;}
   .uk-logo {padding: 0 15px;}
   .i_prod .i_prod_ {margin-top: 100px;}
   .i_prod .i_prod_ .i_prod_nav .uk-card.uk-padding-small {padding: 15px;}
   .i_prod .i_prod_ .i_prod_nav {top: -60.5px;width: 50%;}
   .i_about .i_about_ {padding-left: 40px;}
   .i_about .i_about_ .uk-grid-medium {margin-left: -20px;}
   .i_about .i_about_desc .uk-card {padding-left: 20px;}
   .i_about .uk-grid-medium>* {padding-left: 20px;}
   .footer .footer_tel {display: none;}
}
@media (max-width: 1400px) {
   .i_about .i_about_ {padding-left: 20px;}
   .i_about .i_about_ .uk-grid-medium {margin-left: -10px;}
   .i_about .i_about_desc .uk-card {padding-left: 10px;}
   .i_about .uk-grid-medium>* {padding-left: 10px;}
   .i_adv h4 {font-size: 18px;}
}


@media (max-width: 960px) {
	h1 {font-size: 30px !important;}
	.nav a ,.nav h6 {color: #101A3B;}
	.uk-nav>li>a {padding: 5px 0;}
	.i_banner .ex1 {font-size: 14px;}
	.i_banner .ex2 {font-size: 36px;}
	.i_banner .uk-position-medium {margin: 0 30px;}
	.i_prod .uk-container {padding: 0;}
	.i_prod .i_prod_ {margin-top: 150px;}
	.i_prod .i_prod_ .i_prod_nav {top: -120px;width: calc(100% - 30px);}
	.i_prod .i_prod_ .i_prod_nav .uk-card.uk-padding-small {padding: 5px;}
	.i_prod h5 {font-size: 14px;}
	.i_prod #i_prod_overlay {width: calc(100% * 1 / 3.001 + 10px);height: calc(100% + 20px);}
	.i_prod h3 {font-size: 20px;margin-bottom: 10px;}
	.i_prod h4 {font-size: 14px;}
	.i_prod .i_prod_ hr {margin: 10px 0;}
	.i_prod p {margin: 10px 0;line-height: 1.5;font-size: 14px;}
	.i_prod .uk-margin-medium-top {margin-top: 20px !important;}
	.i_prod .uk-padding-small {padding: 15px;}
	.i_about .i_about_ {padding-left: 0px;position: relative;}
	.i_about h3 {font-size: 24px;margin-top: 10px;}
	.i_about h4 {font-size: 16px;}
	.i_about p {line-height: 1.5;font-size: 14px;}
	.a_button {margin: 0 auto;}
	.i_about .a_button {margin-bottom: 20px;}
	.i_adv h4 {font-size: 16px;margin-bottom: 10px;opacity: 0;height: 0px;transition: 0.6s all;transition-delay: 0.6s;overflow: hidden;}
	.i_adv .i_adv_width.uk-active h4 {opacity: 1;height: 45px;}
	.i_adv .i_adv_width img {height: 25px;}
	.i_adv p {line-height: 1.5;}
	.i_adv .i_adv_width.uk-active p {margin: 10px 0;display: none;}
	.subnav {position: relative;bottom: auto;height: auto;}
	.subnav .uk-subnav>* {padding-left: 10px;}
	.subnav .uk-subnav-divider>::before {margin-right: 10px;}
	.uk-subnav-divider {margin-left: -20px;}
	.subnav ul li a {font-size: 14px !important;}
	.subnav hr {margin: 0;}
	.i_about .i_about_line_>div::before {content: '';position: absolute;width: 1px;height: calc(100% - 14px);background-color: #d7d7d7;left: 0;top: 14px;}
	.i_about .i_about_line_>div::after {content: '';position: absolute;width: 1px;height: 28px;background-color: #c30d23;left: 0;top: 14px;}
	.culture h4 {font-size: 14px;}
	.productlist h3 {font-size: 24px;}
	.about.uk-margin-medium-top ,.productlist.uk-margin-medium-top , .product.uk-margin-medium-top{margin-top: 0!important;padding-top: 0px;}
	.product h3 {font-size: 24px;}
	.product .uk-card.uk-card-body {padding: 15px !important;}
	.product .uk-grid>* {padding-left: 10px;}
	.product .uk-grid {margin-left: -10px;}
	.product .product_ div {font-size: 12px;}
	.tech h4 {font-size: 16px; margin: 0;}
	.tech .uk-position-bottom-center {bottom: -50px;}
	.uk-margin-auto-left {margin-left: 0 !important;}
	.news h3 {font-size: 24px;}
	.joblist h1 {font-size: 24px;}
	.joblist h6 {font-size: 14px;font-weight: normal;}
	.joblist .job_fuc .jobdesc {padding: 20px;}
	.joblist h5 {font-size: 14px;}
	.joblist .job_fuc .joblist_ p {font-weight: normal;font-size: 14px;}
	.joblist .job_fuc .jobdesc h3 {font-size: 18px;}
	.joblist .job_fuc .jobdesc h5 {font-size: 14px;margin-bottom: 10px;	}
	.joblist .job_fuc .jobdesc span.fuli {font-size: 14px;font-weight: normal;padding-right: 8px;	}
	.joblist .job_fuc .jobdesc p {font-size: 14px;font-weight: normal;	}
	.joblist ul.uk-subnav li a { font-size: 14px;font-weight: normal;}
	.joblist_other h1 {font-size: 24px;}
	.joblist_other h6 {font-size: 14px;font-weight: normal;	}
	.joblist_other h5 {font-size: 16px;}

}