/* common #d91211 */
/* @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;}

/* nav */
.nav {border-bottom: 1px #e5e5e5 solid;box-shadow: 0 5px 15px rgba(0,0,0,.08);}
.nav .uk-navbar-item,.nav .uk-navbar-nav>li>a,.nav .uk-navbar-toggle {min-height: 100px;font-size: 18px;color: #333;transition: .5s all;}
.nav .uk-navbar-nav>li>a {padding: 0;position: relative;}
.nav .uk-navbar-nav>li>a::before {content: '';position: absolute;left: 0;right: 100%;bottom: 0;height: 2px;background-color: #d91211;transition: .5s all;}
.nav .uk-navbar-nav>li:hover>a::before ,.nav .uk-navbar-nav>li.uk-active>a::before {right: 0;}
.nav .uk-navbar-toggle {padding: 0 35px;color: #fff;background-color: #d91211;}
.nav .uk-navbar-toggle svg {width: 30px;height: 30px;}
.nav .uk-navbar-item {padding: 0 40px;}
.nav .uk-search-icon {color: #fff;}
.nav .navbar {max-width: 700px;margin: 0 30px 0 auto;}
.nav .uk-navbar-nav>li:hover>a,.nav .uk-navbar-nav>li.uk-active>a {color: #d91211;}
[class*=uk-navbar-dropdown-bottom] {margin-top: 0;}
.nav .i_search.uk-navbar-dropdown {padding: 10px;width: 500px;}
.nav .uk-search-input:focus {border-color: #333}
/* .nav {transition: .5s all;} */
.nav.uk-active {background-color:#fff;}
/* .nav.uk-active .uk-navbar-item,.nav.uk-active .uk-navbar-nav>li>a,.nav.uk-active .uk-navbar-toggle {min-height: 80px;} */
.nav h3 {font-weight: bold;font-family: arial;transition: .5s all;}
.nav h3:hover {color: #d91211;}
nav .navbar>li>a {padding: 0 30px;}
nav .uk-search-default {width: 155px;padding-right: 35px;}
nav .uk-search-default .uk-search-input {height: 28px;border-radius: 100px;border-color: #848484;padding: 1px 15px 1px 30px;}
nav .uk-search-default .uk-search-input:focus {border-color: #000000;}
nav .uk-position-center-left svg {margin-top: -3px;}
nav button {color: #000000;}

/* header */
.uk-dropdown {min-width: 120px;margin-top: 0;padding: 15px;}
.uk-dropdown-nav>li>a {color: #333;font-size: 16px;}
.uk-dropdown-nav>li:hover>a , .uk-dropdown-nav>li.uk-active>a {color: #d91211;}

/* i_nav */
.i_nav {box-shadow: 0 5px 15px rgba(0,0,0,.08);}
.i_nav .i_navbar a {display: block;background-color: #f3f3f3;color: #333;line-height: 60px;padding:0 40px;transition: .5s all;}
.i_nav .i_navbar a:hover ,.i_nav .i_navbar a.uk-active {background-color: #d91211;color: #fff;}
.i_nav .location svg {margin-top: -5px;}
.i_nav .location ,.i_nav .location a {font-size: 18px;color: #333;transition: .5s all;line-height: 60px}
.i_nav .location a:hover {color: #d91211;}

/* i_banner */
.i_banner video {width:100%;height:100%;object-fit:cover;height:calc(100vh - 100px);}
.i_banner .uk-overlay-default {background: rgba(0,0,0,0.3);}
.i_banner h1 {height: auto;color: #ffffff;font-size: 68px;font-weight: bold;text-align: center;margin:0 0 20px 0;}
.i_banner h5 {font-size: 16px;line-height: 1.8;text-align: center;color: #fff;}
.i_banner h2 {font-size: 42px;}
.i_banner h4 {font-size: 20px;margin-top: 20px;}


.i_banner a.btn {display: block;width: 180px;height: 60px;line-height: 58px;border: 1px solid #fff;color: #fff;font-size: 16px;margin: 3% auto 10%;text-align: center;position: relative;z-index: 0;transition:0.5s all;}
.i_banner a.btn:before {content:"";position:absolute;left:50%;top:0;width:0;height:100%;background:#d91211;transition:all0.3s;z-index:-1;transition:0.5s all;}
.i_banner a.btn:hover {border-color:#d91211;}
.i_banner a.btn:hover:before {left:0;width:100%;}
.i_banner .mouseIco {border: 2px solid #fff;width: 20px;height: 40px;display: block;margin: 0px auto;border-radius: 20px;position: absolute;left: 50%;margin-left: -12px;bottom: 40px;z-index: 900;}
.i_banner .mouseIco i {width: 4px;height: 8px;border-radius: 2px;display: block;background-color: #fff;position: absolute;left: 8px;top: 6px;-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}

@keyframes mouse-dot {
    from {opacity: 0;}
    33% {opacity: 1;}
    to {transform: translateY(15px);-webkit-transform: translateY(15px);opacity: 0;}
}

@-webkit-keyframes mouse-dot {
    from {opacity: 0;}
    33% {opacity: 1;}
    to {transform: translateY(15px);-webkit-transform: translateY(15px);opacity: 0;}
}

/* i_prod */
.i_prod h2 {color: #d91211;font-size: 48px;font-weight: bold;line-height: 1;}
.i_prod h3 {color: #f0f0f0;font-size: 72px;font-weight: bold;font-family: arial;line-height: 1;margin-top: 4px}
.i_prod .uk-card-default {box-shadow: 0 5px 15px rgba(0,0,0,.08);}
.i_prod ul.uk-list li a {padding: 10px 20px;}
.i_prod ul.uk-list li a {display: block;border: 1px solid #eee;color: #333;font-size: 16px;position: relative;z-index: 0;transition:0.5s all;border-radius: 5px;font-size: 30px;}
.i_prod ul.uk-list li a:before {content:"";position:absolute;left:50%;top:0;width:0;height:100%;background:#d91211;transition:all0.3s;z-index:-1;transition:0.5s all;}
.i_prod ul.uk-list li a:hover {border-color:#d91211;color: #fff;}
.i_prod ul.uk-list li a:hover:before {left:0;width:100%;}
.i_prod .uk-overlay-default {background-color: #d91211;}
.i_prod h5 {font-size: 18px;color: #fff;position: relative;padding: 20px 0;}
.i_prod h5::before {content: '';position: absolute;width: 0px;margin: 0 auto;top: 0;height: 1px;background-color: #fff;transition: .5s all;}
.i_prod .uk-transition-toggle:hover h5::before {width: 100%;transition-delay: 0.3s;}
.i_prod h5::after {content: '';position: absolute;width: 0px;margin: 0 auto;bottom: 0;height: 1px;background-color: #fff;transition: .5s all;right: 0;}
.i_prod .uk-transition-toggle:hover h5::after {width: 100%;transition-delay: 0.3s;}


/* i_about */
.i_about h2 {color: #d91211;font-size: 48px;font-weight: bold;line-height: 1;}
.i_about h3 {color: #f0f0f0;font-size: 72px;font-weight: bold;font-family: arial;line-height: 1;margin-top: 4px}
.i_about_ {padding: 95px 0;}
.i_about_ .uk-container {margin: 0 auto;}
.i_about_ h3 {color: #d91211;font-size: 36px;}
.i_about_ h4 {color: #333;font-size: 24px;font-family: arial;}
.i_about_ p {font-size: 18px;color: #333;text-align: justify;}
.i_about_ p span {font-size: 48px;color: #d91211;font-family: arial;}
.i_about_ h5 {font-size: 18px;}

/* i_idea */
.i_idea h2 {color: #d91211;font-size: 48px;font-weight: bold;line-height: 1;}
.i_idea h3 {color: #f0f0f0;font-size: 72px;font-weight: bold;font-family: arial;line-height: 1;margin-top: 4px}
.i_idea_ p {font-size: 18px;text-align: justify;}
.i_idea_ h4 {font-size: 30px;transition: .5s all;}
.i_idea_ .uk-transition-toggle:hover h4 {color: #d91211;}
.i_idea_ .uk-transition-toggle:hover img {animation: jitter 0.5s;}
@keyframes jitter {
  from, to {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
  25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
  50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
  75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
}
@-webkit-keyframes jitter {
  from, to {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
  25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
  50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
  75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
}

/* i_case */
.i_case h2 {color: #d91211;font-size: 48px;font-weight: bold;line-height: 1;}
.i_case h3 {color: #f0f0f0;font-size: 72px;font-weight: bold;font-family: arial;line-height: 1;margin-top: 4px}
.i_case h4 {color: #fff;font-size: 30px;font-weight: bold;display: inline-block;padding-bottom: 20px;}
.i_case i {position: absolute;width: 100%;bottom: 0;height: 4px;background-color: #fff;left: 0;}
.i_case i::before {content: '';position: absolute;width: 44px;height: 4px;background-color: #f2a1a1;}
.i_case .uk-slider {max-width: 1000px;}
.i_case .uk-slidenav {background-color: #d91211;padding: 20px 15px;color: #fff;}
.i_case .uk-overlay {background-color: rgba(0, 0, 0, 0.5);}
.i_case h5 {color: #fff;font-size: 24px;display: inline-block;line-height: 2;}
.i_case .uk-overlay-default {background-color: #d91211;bottom: 0;left: 0;right: 0;padding: 0 30px;line-height: 40px;transition: .5s all;}
.i_case .uk-transition-toggle:hover .uk-overlay-default {bottom: -100%;}
.i_case p {font-size: 16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

/* i_news */
.i_news h4 {color: #d91211;font-size: 30px;font-weight: bold;display: inline-block;padding-bottom: 20px;}
.i_news i {position: absolute;width: 100%;bottom: 0;height: 4px;background-color: #d91211;left: 0;}
.i_news i::before {content: '';position: absolute;width: 44px;height: 4px;background-color: #f2a1a1;}
.i_news h3 {font-size: 24px;}
.i_news h6 {font-size: 18px;}
.i_news h5 {font-size: 20px;transition: .5s all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.i_news p {color: #5e5e5e;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.i_news .uk-card-default {box-shadow: 0 5px 15px rgba(0,0,0,.08);}
.i_news .uk-card:hover h5 {color: #d91211;} 


/* foot */
.foot {border-top: 8px solid #d91211;background-color: #1a1a1a;}
.foot h4 {font-size: 24px;color: #ffffff;}
.foot p {font-size: 16px;color: #b2b2b2;margin: 10px 0;}
.foot a {color: #b2b2b2;transition: .5s all;display: block;}
.foot h4 a {color: #ffffff;}
.foot a:hover {transform: translateX(10px);color: #ffffff;}
.foot ul.uk-list li {font-size: 16px;}
.foot img {width: 140px;}

/* footer */
.footer {background-color: #000000;}
.footer p {line-height: 60px;color: #ffffff;}
.footer p a {color: #ffffff;}

/* about */
.about {background-color: #f5f5f5;}
.about p {line-height: 2;}
.about_ p {font-size: 18px;color: #333;text-align: center;}
.about_ p span {font-size: 48px;color: #d91211;font-family: arial;}
.about_ h5 {font-size: 18px;}

/* idea */
.idea {background-color: #f5f5f5;}
.idea .idea_ {padding: 200px 130px 110px;}
.idea .uk-card.uk-card-body {padding: 25px;background-color: rgba(255, 255, 255, 0.3);box-shadow: inset 1.286px -1.532px 1.9px 0.1px rgba(255, 255, 255, 0.59),inset 1.286px -1.532px 229px 0px rgba(255, 255, 255, 0.43),inset -1.841px 0.781px 2px 0px rgba(255, 255, 255, 0.57);}
.idea .idea_ p {font-size: 14px;text-align: justify;color: #333;}
.idea .idea_ h4 {font-size: 24px;transition: .5s all;}
.idea .idea_ .uk-transition-toggle:hover h4 {color: #d91211;}
.idea .idea_ .uk-transition-toggle:hover img {animation: jitter 0.5s;}

/* contact */
.contact {background-color: #f5f5f5;}
.contact h3 {font-size: 36px;color: #333;}
.contact h3.num {color: #d91211;font-weight: bold;}
.contact p {color: #333;margin: 10px 0;}
.contact img {width: 140px;}
.contact hr {border-width: 2px;border-color: #dddddd;} 
.contact h6 {line-height: 2;}

/* msg */
.msg {background-color: #f5f5f5;padding: 80px 0 140px 0;}
.msg .text {padding: 100px 30px;}
.msg h4 {font-size: 24px;color: #fff;}
.msg h6 {font-size: 14px;color: #fff;}
.msg hr {width: 75px;border-color: #d91211;margin:30px 0 50px auto ;border-width: 3px;}
.msg .msg_ {background-color: #d91211;right: 70px;height: calc(100% + 120px);top: -60px;}
.msg .msg_ h3 {font-size: 30px;color: #fff;font-weight: bold;}
.msg .uk-button {line-height: 47px;background-color: #333;color: #fff;transition: .5s all;width: 140px;}
.msg .uk-button:hover {background-color: #fff;color: #d91211;}

/* caselist */
.caselist {background-color: #f5f5f5;}
.caselist h4 {font-size: 18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition: .5s all;}
.caselist p {font-size: 14px;color: #666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; }
.caselist .uk-transition-toggle:hover h4 {color: #d91211;}
.caselist .uk-overlay-default {background-color: #d91211;}
.caselist h5 {font-size: 18px;color: #fff;position: relative;padding: 20px 0;}
.caselist h5::before {content: '';position: absolute;width: 0px;margin: 0 auto;top: 0;height: 1px;background-color: #fff;transition: .5s all;}
.caselist .uk-transition-toggle:hover h5::before {width: 100%;transition-delay: 0.3s;}
.caselist h5::after {content: '';position: absolute;width: 0px;margin: 0 auto;bottom: 0;height: 1px;background-color: #fff;transition: .5s all;right: 0;}
.caselist .uk-transition-toggle:hover h5::after {width: 100%;transition-delay: 0.3s;}

/* case */
.case {background-color: #f5f5f5;}
.case hr {border-width: 2px;}
.case p {line-height: 2;text-indent: 32px !important;text-align: justify;}
.case p img {display: block;margin: 0 auto;}

/* newslist */
.newslist {background-color: #f5f5f5;}
.newslist svg {margin-top: -4px;}
.newslist h4 {font-size: 24px;transition: .5s all;}
.newslist p {font-size: 16px;color: #333;line-height: 2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newslist a.btn {display: block;width: 140px;height: 40px;line-height: 38px;border: 1px solid #fff;color: #fff;font-size: 16px;text-align: center;position: relative;z-index: 0;transition:0.5s all;background:#333;}
.newslist a.btn:before {content:"";position:absolute;left:50%;top:0;width:0;height:100%;background:#d91211;transition:all 0.3s;z-index:-1;}
.newslist a.btn:hover {border-color:#d91211;}
.newslist a.btn:hover:before {left:0;width:100%;}
.newslist .uk-transition-toggle:hover h4 {color: #d91211;}

/* news */
.news {background-color: #f5f5f5;}
.news p {line-height: 2;text-indent: 32px !important;text-align: justify;}
.news p img {display: block !important;margin: 0 auto !important;}

/* culture */
.culture {background-color: #f5f5f5;}
.culture h4 {font-size: 24px;color: #333;}
.culture hr {width: 40px;border-width: 2px;margin: 20px auto;border-color: #d91211;}
.culture p {color: #333;}

/* page */
.page {background-color: #f5f5f5;}

/* pagetlist */
.pagetlist {background-color: #f5f5f5;}

/* productlist */
.productlist {background-color: #f5f5f5;}

/* product */
.product {background-color: #f5f5f5;}
.product h3 {background-color: #d91211;color: #fff;padding: 0 20px;line-height: 60px;}
.product canvas {opacity: 0.5;transition: .5s all;}
.product .uk-active canvas {opacity: 1;}
.product a.btn {display: inline-block;width: 120px;height: 40px;line-height: 38px;border: 1px solid #fff;color: #fff;font-size: 16px;text-align: center;position: relative;z-index: 0;transition:0.5s all;background:#333;border-radius: 30px;}
.product a.btn:before {content:"";position:absolute;left:50%;top:0;width:0;height:100%;background:#d91211;transition:all 0.3s;z-index:-1;}
.product a.btn:hover:before {left:0;width:100%;border-radius: 30px;}
.product .uk-transition-toggle:hover h4 {color: #d91211;}
.product a.btn:hover {border-color:#d91211;}
.product a.btn.uk-margin-left {background:#d91211;}
.product a.btn.uk-margin-left:before {background:#333;}
.product a.btn.uk-margin-left:hover {border-color:#333;}
.product h2 {font-size: 28px;}
.product h6 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8 ; } 

/* left */
.left h1 {font-size: 42px;font-weight: bold;color: #fff;}
.left h5 {font-size: 16px;color: #fff;}
.left ul {border-top:1px solid #eee;}
.left ul.uk-list>li>a {display: block;padding:0 20px;border-bottom:1px solid #eee;background-color: #fff;color: #333;line-height: 60px;transition: .5s all;}
.left ul.uk-list>li>a:hover , .left ul.uk-list>li>a.uk-active {color: #fff;background-color: #d91211;}
.left ul.uk-list>li>a svg ,.left ul.uk-list>li>a svg * {transition: .5s all;}
.left ul.uk-list>li>a:hover svg , .left ul.uk-list>li>a.uk-active svg {transform: translateX(5px);}
.left ul.uk-list>li>a:hover svg *, .left ul.uk-list>li>a.uk-active svg * {fill: #fff;}
.left .uk-list>:nth-child(n+2) {margin-top: 0;}
.left p {margin: 10px 0;}
.left h2 a {font-size-adjust: 28px;font-weight: bold;color: #d91211;}
.left a.btn {display: block;width: 160px;height: 40px;line-height: 38px;border: 1px solid #fff;color: #fff;font-size: 16px;text-align: center;position: relative;z-index: 0;transition:0.5s all;background:#333;border-radius: 30px;}
.left a.btn:before {content:"";position:absolute;left:50%;top:0;width:0;height:100%;background:#d91211;transition:all 0.3s;z-index:-1;}
.left a.btn:hover {border-color:#d91211;}
.left a.btn:hover:before {left:0;width:100%;border-radius: 30px;}
.left .uk-transition-toggle:hover h4 {color: #d91211;}

/* joblist */
.joblist {background-color: #f5f5f5;}
.joblist h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.joblist h6{font-size: 18px;color: #666666;margin: 10px 0 0;font-weight: lighter;}
.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;font-weight: 18px;}
.joblist .joblist_ {background: #fafafa;padding: 20px 0;}
.joblist .job_fuc .joblist_ p{color:#0b0607;margin: 0;font-weight: lighter;font-size: 18px;}
.joblist .job_fuc .joblist_ p span{color: #d91211;font-weight: bold;}
.joblist .job_fuc:hover .joblist_ ,.joblist .job_fuc.open .joblist_{background: #d91211;}
.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: #d91211;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{font-weight: lighter;padding-left: 20px;}
.joblist .job_fuc .jobdesc span.fuli {font-size: 18px;color: #0b0607;font-weight: lighter;padding-right: 20px ;}
.joblist .job_fuc .jobdesc hr{border-top: 1px solid #d2d2d2;}
.joblist .job_fuc .jobdesc p {font-size: 18px;color: #0b0607;font-weight: lighter;margin: 0;}
.joblist .job_fuc .jobdesc p a{color: #d91211;font-weight: bold;}

.joblist .job_fuc .jobdesc {padding: 40px 70px;background: #fff;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;font-weight: lighter;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: #ffffff;}

.joblist_other {background: #F8F8F8;}
.joblist_other h1{font-size: 44px;color: #d91211;font-weight: bold;margin: 0;}
.joblist_other h6{font-size: 18px;color: #0b0607;margin: 10px 0 0;font-weight: lighter;}
.joblist_other h5{font-size: 24px;color: #0b0607;font-weight: bold;margin: 0;}
.joblist a.btn {display: block;width: 160px;height: 40px;line-height: 38px;border: 1px solid #fff;color: #fff;font-size: 16px;text-align: center;position: relative;z-index: 0;transition:0.5s all;background:#333;border-radius: 30px;}
.joblist a.btn:before {content:"";position:absolute;left:50%;top:0;width:0;height:100%;background:#d91211;transition:all 0.3s;z-index:-1;}
.joblist a.btn:hover {border-color:#d91211;}
.joblist a.btn:hover:before {left:0;width:100%;border-radius: 30px;}

/* kefu */
.sideBar {
    position: fixed;
    right: 0;
    top: 40%;
    transform: translateY(-50%);
    z-index: 998;
}

.side1 {
    width: 50px;
    height: 170px;
    background: rgba(254,0,0,0.95);
    text-align: center;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.side1 a, .side1 img, .side1 i, .side1 span {
    display: block;
}

.side1 img {
    margin: 0 auto;
}

.side1 i {
    margin: 10px auto;
    width: 1px;
    height: 20px;
    background: #fff;
    transition: all 0.5s ease;
}

.side1 span {
    color: #fff;
    font-size: 16px;
    writing-mode: vertical-lr;
    margin: 0 auto;
    font-family: got;
    letter-spacing: 2px;
}

.side1:hover {
    background: #fe0000;
}

.side1:hover a img {
    animation: jitter 0.5s;
}

.side {
    height: 50px;
    position: absolute;
    transition: all 0.5s;
}

.side a {
    display: block;
    height: 50px;
    font-size: 0;
}

.side i, .side span {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    line-height: 50px
}

.side i {
    width: 50px;
    text-align: center;
    background: rgba(217,18,17,0.95);
    transition: all 0.3s;
}

.side i img {
    vertical-align: middle;
}

.side span {
    text-align: center;
    line-height: 50px;
    background: #0d0d0d;
    font-size: 15px;
    color: #fff;
    transition: all 1s;
    font-family: pop;
}

.side2 {
    top: 0;
    right: -180px;
    width: 230px;
}

.side2 span {
    width: 180px;
}

.side3 {
    right: -150px;
    width: 200px;
    top: 171px;
}

.side3 span {
    width: 150px;
}

.side4 {
    right: -140px;
    width: 190px;
    top: 222px;
}

.side4 span {
    width: 140px;
}

.side5 {
    right: -90px;
    width: 140px;
    top: 273px;
    cursor: pointer;
}

.side5 span {
    width: 90px;
    font-size: 14px;
}

.qcodePic {
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    display: none;
    z-index: 99;
    text-align: center;
}

.side5:hover .qcodePic {
    display: block;
}

.side6 {
    right: -90px;
    width: 140px;
    top: 324px;
    cursor: pointer;
}

.side6 span {
    width: 90px;
    font-size: 14px;
}

.side:hover {
    right: 0;
}

.side:hover i {
    background: #d91211;
}


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

/* @media */
@media screen and (max-width: 1700px) {
	.uk-width-1-1\@xxl {width:100%}
	.i_about_ .uk-container {margin: 0 auto 0 0;}
}
@media screen and (max-width: 1500px) {
	.i_idea h3 {font-size: 60px;}
	.i_about_ p {font-size: 16px;}
}
@media screen and (max-width: 1400px) {
	.i_prod ul.uk-list li a {font-size: 20px;}
	.i_idea_ h4 {font-size: 24px;}
	.i_idea_ .uk-card-body {padding: 30px;}
	.i_idea_ p {font-size: 16px;}
	.i_case .uk-slider {max-width: 800px;}
	.foot h4 {font-size: 20px}
	.foot img {width: 100px;}
	.contact img {width: 100px;}
	
	
	
}
@media screen and (max-width: 960px) {
	h2 {font-size: 36px !important;}
	h3 {font-size: 30px !important;}
	.nav .uk-navbar-item {background-color: #fff;}
	.uk-offcanvas-bar {left: 100%;width: 100%;background-color: #333;padding: 0;}
	.i_banner h1 {font-size: 24px;}
	.i_banner h5 {font-size: 14px;padding: 0 15px;text-align: justify;}
	.i_banner a.btn {width: 150px;height: 45px;line-height: 43px;margin: 5% auto 30%;}
	.i_banner .mouseIco {bottom: 80px;}
	.uk-margin-medium-top.uk-margin-auto {text-align: justify;}
	.uk-list>:nth-child(n+2) {Dmargin-top:0;}
	.nav .uk-navbar-item, .nav .uk-navbar-nav>li>a, .nav .uk-navbar-toggle {min-height: 80px;}
	.i_prod li.uk-grid-margin.uk-first-column {margin-top: 10px;}
	.i_about_ p span {font-size: 32px;}
	.i_case h5 {font-size: 18px;}
	.i_nav .uk-flex.uk-flex-between {flex-wrap: wrap;}
	.i_nav .i_navbar a {padding: 0 15px;}
	.idea .idea_ {padding: 15px;}
	.i_nav .location, .i_nav .location a {font-size: 14px;}
	.left h1 {font-size: 18px;}
	.left h5 {font-size: 12px;}
	.left .uk-card-body {padding: 15px;}
	.product .uk-card-body {padding: 15px;}
	.product h3 {font-size: 18px !important;line-height: 45px;}
	.newslist h4 {font-size: 20px;}
	.case h3 {font-size: 20px !important;}
	.msg {padding: 70px 0;}
	.msg .msg_ {position: relative !important;right: 0;top: 0;}
	.msg .text {padding: 50px 15px;}
	.msg h4 {font-size: 14px;}
	
	
	
	.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;}
	
}