/* common #d71524 */
h1, h2, h3, h4, h5, h6, p {margin: 0;}
ul,li {margin-bottom: 0;}
a:hover {text-decoration: none;}
:focus {outline: 0 !important;}
table {border-collapse: collapse;border-spacing: 0;}
.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);}
a.view_btn {display: inline-block;border: 1px solid #FFFFFF;overflow: hidden;position: relative;text-align: center;transition: .5s all;}
a.view_btn span {position: relative;z-index: 1;}
a.view_btn:before {content: '';left: 0;top: 0;bottom: 0;right: 100%;background-color: #d71524;transition: .5s all;position: absolute;}
a.view_btn:hover {border-color: #d71524;}
a.view_btn:hover:before {right: 0;}
.uk-container {padding-left: 50px;padding-right: 50px;}
.uk-card-default {box-shadow: none;}
@keyframes uk-scale-kenburns {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(1.1)
    }
}

/* i_nav */
.i_nav {z-index: 999;position: absolute;height: 80px;width: 100%;transition: 0.6s all;transition-delay: 0.1s;}
.i_nav .logo2 {display: none;}
.i_nav .uk-navbar-item,.i_nav .uk-navbar-nav>li>a,.i_nav .uk-navbar-toggle {font-size: 18px;color: #fff;position: relative;min-height:80px;}
.i_nav .uk-navbar-nav>li.toggle>a {padding: 0 40px;transition: .5s all;}
.i_nav .uk-navbar-nav>li.toggle:hover>a ,.i_nav .uk-navbar-nav>li.uk-active.toggle>a {color: #d71524;}
.i_nav .uk-navbar-nav>li.toggle>a::before {content: "";position: absolute;z-index: -1;left: 51%;right: 51%;bottom: 20px;background: #d71524;height: 1px;-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;}
.i_nav .uk-navbar-nav>li.toggle:hover>a::before ,.i_nav .uk-navbar-nav>li.uk-active.toggle>a::before {left: 45px;right: 45px;}
.i_nav .uk-logo {height: 80px;padding: 0 0 0 50px;}
.i_nav .uk-logo img {height: 55px;}
.i_nav .uk-navbar-nav {padding: 0 50px 0 0;}
.i_nav li.hr_vertical {width: 20px;position: relative;}
.i_nav li.hr_vertical::before {content: '';height: 15px;width: 1px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.i_nav.uk-active {background: #fff;}
.i_nav.uk-active .logo1 {display: none;}
.i_nav.uk-active .logo2 {display: block;}
.i_nav.uk-active .uk-navbar-item, .i_nav.uk-active .uk-navbar-nav>li>a, .i_nav.uk-active .uk-navbar-toggle {color: #333;}
.i_nav.uk-active .uk-navbar-nav>li.toggle:hover>a ,.i_nav.uk-active .uk-navbar-nav>li.uk-active.toggle>a {color: #d71524;}
.i_nav.uk-active li.hr_vertical::before {background-color: #333;}

.i_nav .uk-dropdown {padding: 0;background: rgba(215, 21, 36, 0.5);}
.i_nav .uk-dropdown:before {position: absolute;z-index: -1;content: '';left: calc(50% - 10px);top: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent rgba(215, 21, 36, 0.5) transparent;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;transform: translateY(-10px);}
.i_nav .uk-dropdown-nav li {text-align: center;}
.i_nav .uk-dropdown-nav li>a {padding: 15px 20px;color: #fff;/* border-bottom: 1px solid #eee; */font-size: 16px;}
.i_nav .uk-dropdown-nav li:hover>a {color: #d71524;background-color:#fff;}

/* i_banner */
.i_banner {width: 100%;height: 100%;}
.i_banner h1 {font-size: 50px;font-weight: bold;margin-bottom: 20px;}
.i_banner a.view_btn {padding: 13px 40px;margin-top: 80px;border-radius: 300px;font-size: 20px;}

/* i_about */
.i_about h2 {font-size: 40px;font-weight: bold;color: #fff;}
.i_about h4 {font-size: 20px;color: #fff;}
.i_about h5 {color: #fff;line-height: 2;}
.i_about .uk-card {border:1px solid #fff;border-radius: 5px;padding: 34px 15px;transition: 0.5s all;}
.i_about .uk-card:hover {border-color: #d71524;background-color: #d71524;}
.i_about p {color: #fff;font-size: 16px;font-weight: bold;}
.i_about p svg {margin-top: -5px;}
.i_about a.view_btn {padding: 13px 40px;border-radius: 300px;font-size: 20px;color: #d71524;background-color: #fff;}
.i_about a.view_btn:hover {color: #fff;}
.i_about .i_about_ {width: 161px;}

/* i_prod */
.i_prod .i_prod_nav a {color: #fff;font-size: 20px;font-weight: bold;padding: 10px 0;display: inline-block;transition: 0.5s all;}
.i_prod .i_prod_nav .uk-card.uk-active a {opacity: 0;}
.i_prod .i_prod_nav .uk-card:before {content: '';width: 100%;height: 2px;background-color: #fff;position: absolute;bottom: 4px;transition: 0.5s all;}
.i_prod .i_prod_nav .uk-card.uk-active:before {height: 6px;bottom: 0;background-color: #d71524;}
.i_prod .i_prod_title h3 {color: #fff;font-size: 36px;font-weight: bold;transition: 0.5s all;}
.i_prod .i_prod_title h4 {color: #fff;font-size: 18px;transition: 0.5s all;}
.i_prod .i_prod_title a.view_btn {padding: 13px 40px;border-radius: 300px;font-size: 20px;color: #d71524;background-color: #fff;}
.i_prod .i_prod_title a.view_btn:hover {color: #fff;}
.i_prod .i_prod_pd .i_prod_name {background-color: #fff;transition: .5s all;padding: 29px 25px;}
.i_prod .i_prod_pd .i_prod_name h4 {font-size: 20px;font-weight: bold;color: #333;transition: .5s all;}
.i_prod .i_prod_pd .uk-transition-toggle:hover .i_prod_name {background-color: #d71524;}
.i_prod .i_prod_pd .uk-transition-toggle:hover .i_prod_name h4 {color: #fff;}
.i_prod .i_prod_pd .uk-slidenav svg {width: 7px;height: 16px;}
.i_prod .i_prod_pd .uk-slidenav {color: #d71524;background-color: #fff;transition: 0.5s all;border-radius: 30px;padding: 15px 20px;margin: 0;}
.i_prod .i_prod_pd .uk-slidenav.uk-slidenav-next {margin-left: 10px;}
.i_prod .i_prod_pd .uk-slidenav:hover {color: #fff;background-color: #d71524;}

/* i_customer */
.i_customer h2 {font-size: 40px;font-weight: bold;}
.i_customer .uk-card.uk-card-default {box-shadow: 0px 0px 9.4px 0.6px rgba(0, 0, 0, 0.15);transition: .5s all;}
.i_customer .uk-transition-toggle:hover .uk-card.uk-card-default {box-shadow: 0px 0px 9.4px 0.6px rgba(195, 13, 35, 0.73);}
.i_customer .uk-transition-toggle h5 {transition: .5s all;}
.i_customer .uk-transition-toggle:hover h5 {color: #d71524;}

/* i_news */
.i_news h3 {font-size: 36px;font-weight: bold;line-height: 1;}
.i_news .hr_vertical {width: 1px;height: 28px;background-color: #999;margin: 0 10px 0 30px;}
.i_news a.i_news_nav {font-size: 18px;transition: .5s all;padding: 5px 0;margin-left: 20px;display: inline-block;border-bottom: 1px solid transparent;color: #333;}
.i_news a.i_news_nav.uk-active {color: #d71524;border-color: #d71524;}
.i_news a.view_btn {padding: 13px 40px;border-radius: 300px;font-size: 20px;color: #d71524;background-color: #fff;}
.i_news a.view_btn:hover {color: #fff;}
.i_news .uk-card.uk-card-default {border:1px solid #e5e5e5;transition: .5s all;box-shadow: none;}
.i_news .uk-card.uk-card-default.uk-transition-toggle:hover {background-color: #d71524;border-color: #d71524;}
.i_news h4 {font-size: 20px;font-weight: bold;height: 56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin: 10px 0;transition: .5s all;}
.i_news h5 {color: #666;height: 44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin: 10px 0;transition: .5s all;}
.i_news h6 {color: #999;line-height: 1;transition: .5s all;}
.i_news .uk-card.uk-card-default.uk-transition-toggle:hover h4,.i_news .uk-card.uk-card-default.uk-transition-toggle:hover h5,.i_news .uk-card.uk-card-default.uk-transition-toggle:hover h6 {color: #fff;}

/* banner_nav */
.banner_nav {border-bottom:1px solid #e5e5e5;}
.banner_nav a {color: #333;padding: 20px 28px;transition: .5s all;display: block;position: relative;}
.banner_nav a:before {content: '';position: absolute;bottom: 0;left: 51%;right: 51%;height: 1px;background-color: #d71524;transition: .5s all;}
.banner_nav a:hover ,.banner_nav a.uk-active {color: #d71524;}
.banner_nav a:hover:before  ,.banner_nav a.uk-active:before {left: 25px;right: 25px;}

/* contact */
.contact * {transition: .5s all;}
.contact h3 {font-size: 24px;color: #333;font-weight: bold;}
.contact h4 {font-size: 18px;color: #666;}
.contact .uk-card {border: 1px solid #eee;}
.contact .uk-card:hover {background-color: #d71524;}
.contact .uk-card:hover svg > * {fill: #fff;}
.contact .uk-card:hover h3 ,.contact .uk-card:hover h4 {color: #fff;}
.contact .uk-card-body {padding-top: 70px;padding-bottom: 70px;}

/* message */
.message {background-color: #f6f6f6;}
.message h2 {font-size: 40px;font-weight: bold;color: #333;}
.message .reddot {position: relative;}
.message .reddot:before {content: '*';position: absolute;color: red;left: 40px;top: 50%;transform: translateY(-50%);}
.message .uk-input {height: 54px;padding: 0 30px 0 80px;border-color: transparent;}
.message .uk-textarea {border-color: transparent;padding: 30px;}
.message span {color: #333;}
.message .uk-button {padding: 10px 65px;background-color: #d71524;color: #fff;transition: .5s all;border-radius: 50px;font-size: 18px;}
.message .uk-button:hover {background-color: #9f0f14;}

/* newslist */
.newslist * {transition: .5s all;}
.newslist {background-color: #f8f8f8;}
.newslist h2 {font-size: 30px;font-weight: bold;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.newslist h5 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;color: #666;}
.newslist h6 {color: #999;}
.newslist .uk-transition-toggle:hover h2 {color: #d71524;}
.newslist a.view_btn {padding: 13px 40px;border-radius: 300px;font-size: 20px;color: #d71524;background-color: #fff;border: 1px solid #d71524;}
.newslist a.view_btn:hover {color: #fff;}
.newslist h4 {font-size: 20px;font-weight: bold;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 56px;}
.newslist p {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 48px;}
.newslist .uk-card.uk-card-default.uk-transition-toggle:hover {background-color: #d71524;}
.newslist .uk-transition-toggle:hover h4 ,.newslist .uk-transition-toggle:hover p {color: #fff;}
.newslist .uk-card.uk-card-default.uk-transition-toggle:hover h6 {color: #fff;}

/* newslist2 */
.newslist2 {background-color: #f8f8f8;}
.newslist2 * {transition: .5s all;}
.newslist2 .uk-transition-toggle {border-bottom: 1px solid #e5e5e5;}
.newslist2 h1 {font-size: 48px;}
.newslist2 h2 {font-size: 30px;font-weight: bold;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.newslist2 .uk-transition-toggle:hover h2 {color: #d71524;}
.newslist2 .uk-card.uk-transition-toggle:hover {background-color: #fff;}
.newslist2 h5 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color: #666;}
.newslist2 a.line {width: 30px;position: relative;}
.newslist2 a.line::before {content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 0;height: 2px;background: #d71524;transition: .6s ease-in;}
.newslist2 .uk-transition-toggle:hover a.line::before {width: 39px;}
.newslist2 a.line svg {transition: .6s ease-in;}
.newslist2 .uk-transition-toggle:hover a.line svg {transform: translateX(25px);}
.newslist2 .uk-transition-toggle:hover a.line svg > * {stroke: #d71524;}

/* news */
.news h3 {font-size: 24px;}
.news h6 {color: #666;}
.news p {color: #333;}
.news table * {font-size: 18px;}
.news table th {padding: 15px 0;border:1px solid #e5e5e5;}
.news table td {padding: 15px 0;border:1px solid #e5e5e5;}
.news table strong {color: #d71524;font-weight: normal;}
.news tbody tr:nth-of-type(odd), .product>tr:nth-of-type(odd) {background-color: #f7f7f7;}

/* caselist */
.caselist * {transition: .5s all;}
.caselist h2 {font-size: 40px;font-weight: bold;color: #333;}
.caselist .uk-overlay-default {background-color: rgba(175, 28, 36, 0.8);}
.caselist h3 {font-size: 24px;color: #fff;font-weight: bold;}
.caselist h5 {color: #fff;}
.caselist a.view_btn {padding: 13px 40px;border-radius: 300px;font-size: 20px;color: #d71524;background-color: #fff;border: 1px solid #d71524;}
.caselist a.view_btn:hover {color: #fff;}
.caselist .caselist_ .view_btn {padding: 2px 16px;border-radius: 300px;font-size: 20px;;border: 1px solid #fff;border-radius: 50px;background-color: transparent;}
.caselist .caselist_ .view_btn:before {background-color: #fff;}
.caselist .caselist_ .view_btn:hover svg > * {stroke: #d71524;}
.caselist a.productlist_nav {color: #333;position: relative;margin: 0 20px;font-size: 18px;}
.caselist a.productlist_nav:hover {color: #d71524;}
.caselist a.productlist_nav:before {content: '';position: absolute;bottom: -20px;left: 50%;right: 50%;height: 1px;background-color: #d71524;transition: .5s all;}
.caselist a.productlist_nav:hover:before ,.caselist a.productlist_nav.uk-active:before {left: 0;right: 0;}


/*case*/
.case table * {font-size: 18px;}
.case table th {border:1px solid #e5e5e5;}
.case table td {border:1px solid #e5e5e5;}
.case table strong {color: #d71524;font-weight: normal;}
.case tbody tr:nth-of-type(odd), .product>tr:nth-of-type(odd) {background-color: #f7f7f7;}

/* customer */
.customer {background-color: #f9f9f9;}
.customer h2 {font-size: 40px;font-weight: bold;color: #333;}

/* cooperate */
.cooperate h2 {font-size: 40px;font-weight: bold;color: #fff;}
.cooperate h5 {color: #fff;}
.cooperate a.view_btn {padding: 13px 40px;border-radius: 300px;font-size: 20px;color: #fff;background-color: #d71524;border: 1px solid #d71524;margin: 0 10px;}
.cooperate a.view_btn:hover {color: #d71524;}
.cooperate a.view_btn:before {background-color: #fff;}

/* productlist */
.productlist h2 {font-size: 40px;font-weight: bold;color: #333;}
.productlist a.productlist_nav {color: #333;position: relative;margin: 0 20px;font-size: 18px;}
.productlist a.productlist_nav:hover {color: #d71524;}
.productlist a.productlist_nav:before {content: '';position: absolute;bottom: -20px;left: 50%;right: 50%;height: 1px;background-color: #d71524;transition: .5s all;}
.productlist a.productlist_nav:hover:before ,.productlist a.productlist_nav.uk-active:before {left: 0;right: 0;}
.productlist h4 {font-size: 20px;color: #333;padding: 20px 0;transition: .5s all;font-weight: bold;}
.productlist .title {border-bottom: 1px solid #e5e5e5;transition: .5s all;}
.productlist .uk-transition-toggle:hover .title {background-color: #d71524;}
.productlist .uk-transition-toggle:hover  h4 {color: #fff;}

/* product */
.product h2 {font-size: 40px;font-weight: bold;color: #333;}
.product h5 {color: #666;line-height: 2;}
.product a.view_btn {padding: 13px 40px;border-radius: 300px;font-size: 20px;color: #fff;background-color: #d71524;border: 1px solid #d71524;}
.product a.view_btn:hover {color: #d71524;}
.product a.view_btn:hover:before {background-color: #fff;}
.product h4 {font-size: 20px;}
.product hr {border-color: #d2d2d2;}
.product table * {font-size: 18px;}
.product table th {border:1px solid #e5e5e5;}
.product table td {border:1px solid #e5e5e5;}
.product table strong {color: #d71524;font-weight: normal;}
.product tbody tr:nth-of-type(odd), .product>tr:nth-of-type(odd) {background-color: #f7f7f7;}

.product .thumbnav {transform: rotate(90deg) translateY(-100%);transform-origin: top left;height: 48%;width: 339px;}
.product .thumbnav .uk-transition-toggle {transform: rotate(-90deg) translate(-165%,0%) scale(1.5);transform-origin: top left;}
.product .thumbnav .uk-card-default {border: 1px solid #eee;transition: .5s all;}
.product .thumbnav li.uk-transition-active .uk-card-default , .product .thumbnav li:hover .uk-card-default {border-color: #d71524;}
.product .thumbnav li {transition: .5s all;padding: 5px;}
.product canvas {opacity: 0.5;transition: .5s all;}
.product .uk-active canvas {opacity: 1;}




/* about */
.about h2 {font-size: 40px;font-weight: bold;color: #333;}
.about p {color: #333;line-height: 2;}
.about h5 {color: #999;}

/* strength */
.strength {background-color: #f9f9f9;}
.strength h2 {font-size: 40px;font-weight: bold;color: #333;}
.strength h4 {font-size: 20px;}
.strength hr {border-color: #d71524;width: 49px;}
.strength p {color: #666;}

/* culture */
.culture * {transition: .5s all;}
.culture h2 {font-size: 40px;font-weight: bold;color: #fff;}
.culture p {color: #fff;line-height: 2;}
.culture h4 {color: #fff;font-size: 18px;position: relative;}
.culture h4:before {position: absolute;content: '';left: 100%;right:0;bottom: -10px;height:  4px;background-color: #d71524;transition: .5s all;}
.culture h4.uk-active {color: #d71524;}
.culture h4.uk-active:before {left: calc(100% - 129px);}

/* marketing */
.marketing h2 {font-size: 40px;font-weight: bold;}
.marketing .svg svg {width: 100%;}
.marketing .marketing_title {left: 63.7%;top: 50.5%;}
.marketing .marketing_title h5 {font-weight: bold;color: #fff;padding: 5px 10px;background-color: #d71524;border-radius: 100px;animation: shake 1s infinite;}
.marketing .marketing_icon svg {transition: .5s all;}
.marketing .icon1 {left: 16.6%;top: 30%;}
.marketing .icon2 {left: 70.6%;top: 57.9%;}
.marketing .icon3 {left: 60.1%;top: 79.5%;}
.marketing .marketing_icon.uk-active svg {animation: shake2 0.5s infinite;}
.marketing h3 {font-size: 30px;font-weight: bold;}
.marketing h5 {font-weight: bold;}
.marketing p {color: #666;text-align: justify;line-height: 2;}
.marketing .uk-card.uk-card-default {background-color: #f9f9f9;}
.marketing h1 {font-size: 48px;font-weight: bold;color: #d71524;}
.marketing h1 span {font-size: 24px;}
@keyframes shake {
    10% {transform: rotate(5deg);}
	20% {transform: rotate(-3deg);}
    30% {transform: rotate(2deg);}
	40% {transform: rotate(-2deg);}
	50%,100% {transform: rotate(0deg);}
}
@keyframes shake2 {
    50% {transform: scale(1.5);}
	0,100% {transform: scale(1);}
}

/* honor */
.honor {background-color:#f9f9f9;}
.honor h2 {font-size: 40px;font-weight: bold;}
.honor p {line-height: 2;}
.honor .uk-slidenav {background-color: #fff;padding: 10px 14px;border-radius: 50px; }
.honor svg {width: 8px;color: #d71524;}
.honor .uk-slidenav svg>* {stroke-width:2px}
.honor .uk-slidenav:hover {background-color: #d71524;}
.honor .uk-slidenav:hover svg {color: #fff;}
.honor .uk-dotnav {width: 90%;margin: 34px 0 0 0;}
.honor .uk-dotnav>* {padding:0;height: 2px;}
.honor .uk-dotnav>*>* {border-radius: 0;height: 2px;border: none;background-color: #fff;width: 100%;padding: 0;position: relative;}
.honor .uk-dotnav>*>*:before {content: '';position: absolute;left: 0;right: 100%;bottom: 0;height: 2px;background-color: #d71524;}
.honor .uk-dotnav>.uk-active>*:before {right: 0;transition: .5s all;}
.honor .uk-dotnav>.uk-active>*::after  {left: 0;right: 0;transition-delay: 0.5s;}
.honor .uk-dotnav>*>*::after {content: '';position: absolute;left: 100%;right: 0;bottom: 0;height: 2px;background-color: #d71524;transition: .5s all;}

/* environment */
.environment h2 {font-size: 40px;font-weight: bold;}
.environment .uk-dotnav>*>* {border-color: transparent;background-color:#e5e5e5;}
.environment .uk-dotnav>.uk-active>* {background-color:#d71524;}

/* foot */
.foot {background-color: #d71524;}
.foot h4 {font-size: 18px;color: #fff;}
.foot h6 {color: #fff;margin-top: 10px;}
.foot hr {margin: 10px 0 0;}
.foot .uk-logo img {height: 50px;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.foot .foot_nav {position: relative;}
.foot .foot_nav > a {font-size: 20px;color: #fff;transition: 0.5s all;position: relative;display: block;}
.foot .foot_nav > a:hover {color: rgba(255, 255, 255, 0.8);transform: translateX(10px);}
/* .foot .foot_nav ul.uk-list {margin-top: 30px;} */
/* .uk-list>*>ul, .uk-list>:nth-child(n+2) {margin-top: 20px;} */
.foot .foot_nav ul.uk-list li a {font-size: 14px;color: #fff;transition: 0.5s all;position: relative;display: block;}
.foot .foot_nav ul.uk-list li:hover a {transform: translateX(10px);color: rgba(255, 255, 255, 0.8);}
.foot .qrcode img {width: 85px;}

/* footer */
.footer {background-color: #9f0f14;}
.footer h6, .footer h6 a {color: #fff;font-size: 14px;}
.footer h6 a:hover {color: rgba(255, 255, 255, 0.8);}

@keyframes linebig {
    0    {top:272px;height: 0;}
    33%  {top:0;height: 272px;}
    66%  {top:0;height: 272px;}
    100% {top:272px;height: 0;}
}
 
/*Safari 和 Chrome:*/
@-webkit-keyframes linebig {
    0    {top:272px;height: 0;}
    33%  {top:0;height: 272px;}
    66%  {top:0;height: 272px;}
    100% {top:272px;height: 0;}
}

@keyframes linesmall {
    0    {top:0;height: 272px;}
    33%  {top:0;height: 272px;}
    66%  {top:0;height: 0;}
    100% {top:272px;height: 0;}
}
 
/*Safari 和 Chrome:*/
@-webkit-keyframes linesmall { 
    0    {top:0;height: 272px;}
    33%  {top:0;height: 272px;}
    66%  {top:0;height: 0;}
    100% {top:272px;height: 0;}
}

/* swiper-container-vertical */
.swiper-container-vertical>.swiper-pagination-bullets {right: 50px;}
.swiper-container-vertical>.swiper-pagination-bullets:before {content: '';width: 1px;height: 272px;background-color: #fff;display: block;margin-left: 4px;}
.swiper-container-vertical>.swiper-pagination-bullets::after {content: '';width: 3px;height: 0px;background-color: #fff;transition: .5s all;position: absolute;left: 3px;top:0;animation: 0;}
.swiper-container-vertical>.swiper-pagination-bullets.big::after {animation:linebig 1s 1;}
.swiper-container-vertical>.swiper-pagination-bullets.small::after {animation:linesmall 1s 1;top:272px;}
.swiper-pagination-bullet {width: 6px;height: 6px;border: 1px solid #fff;background-color: transparent;}

.swiper-container-vertical>.swiper-pagination-bullets.uk-active:before {background-color: #d71524;}
.swiper-container-vertical>.swiper-pagination-bullets.uk-active:after {background-color: #d71524;}
.swiper-pagination-bullets.uk-active .swiper-pagination-bullet {border-color: #333;}
.swiper-pagination-bullets.uk-active .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: #d71524;}


/* pagination */
.pagination .page-status {display: none;}
.pagination span:not(.page-numbar) {margin: 0 8px;color: #d71524;}
.pagination span a:not(.page-num) {color: #d71524;position: relative;border: 1px solid #d71524;padding:8px 10px;transition: 0.5s all;background-color: #fff;}
.pagination span a.page-num {color: #d71524;position: relative;margin: 0 8px;padding: 8px 10px;border: 1px solid #d71524;transition: 0.5s all;background-color: #fff;}
.pagination span a:hover,.pagination span a.page-num.page-num-current {color: #fff;background-color: #d71524;}
.pagination span a:before {content: '';position: absolute;bottom: 3px;left: 50%;right:50%;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: #fff;left:5px;right:5px;}

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


/* @media */
@media screen and (max-width: 2200px) {
	
}
@media screen and (max-width: 1600px) {
	h1 {font-size: 40px !important;}
	h2 {font-size: 30px !important;}
	h3 {font-size: 26px !important;}
	h4 {font-size: 18px !important;}
	a.view_btn {font-size: 18px !important;}
	.swiper-container-vertical>.swiper-pagination-bullets {right: 30px;}
	.i_about h5 {line-height: 1.5;}
	.i_about .uk-card {padding: 25px 15px;}
	.i_prod .i_prod_nav a {font-size: 18px;}
	.i_customer .uk-container {margin-top: 80px;}
	.i_news  .uk-container {margin-top: 80px;}
	.honor p {line-height: 1.5;}
}
@media screen and (min-width: 960px) and (max-width: 1400px) {
	h1 {font-size: 30px !important;}
	h2 {font-size: 26px !important;}
	h3 {font-size: 22px !important;}
	h4 {font-size: 18px !important;}
	h5 {font-size: 14px !important;}
	a.view_btn {font-size: 16px !important;}
	.uk-margin-medium-top {margin-top: 20px!important;}
	.uk-margin-large-top {margin-top: 40px!important;}
	.i_news h4 {height: 50px;}
	.i_news h5 {height: 38px;}
	.i_nav .uk-navbar-nav>li.toggle>a {padding: 0 20px;}
}
@media screen and (max-width: 1200px) {
	
}
@media screen and (max-width: 960px) {
	h1 {font-size: 26px !important;}
	h2 {font-size: 26px !important;}
	h3 {font-size: 22px !important;}
	h4 {font-size: 18px !important;}
	a.view_btn {font-size: 16px !important;}
	.swiper-container-vertical>.swiper-pagination-bullets {right: 2px;}
	.i_nav .uk-logo {padding: 0 0 0 10px;}
	.uk-container {padding-left: 15px;padding-right: 15px;}
	.i_customer .uk-transition-toggle h5 {height: 44px;}
	.uk-margin-medium-top {margin-top: 20px!important;}
	.i_prod h2 {color: #fff;}
	.about p {text-align: justify;text-indent: 32px;}
	.strength p {text-align: justify;text-indent: 32px;}
	#tm-mobile .uk-nav>li>a {padding: 10px 0;font-size: 18px;}
	#tm-mobile .uk-nav-sub a {padding: 5px 0;}
	#tm-mobile .uk-logo {height: 50px;padding: 0 0 0 10px;}
	#tm-mobile .uk-logo img {height: 55px;padding-left: 10px;}
	.header-mobile li a {color: #333333 !important;font-size: 16px;}
	.header-mobile li.active>a{color: #d71524 !important;}
	.header-mobile.uk-nav-default>li>a:focus,.header-mobile .uk-nav-default>li>a:hover { color: #d71524;}
	.header-mobile h5,.header-mobile h5 a,.header-mobile h5 a:hover{color: #333333;font-size: 14px;margin: 10px 0;}
	.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") !important;}
	.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") !important;}
	.uk-offcanvas-bar {background-color: #fff;padding: 0;}
	.uk-open>.uk-offcanvas-bar {z-index: 999999;}
	.uk-offcanvas-close svg {width: 30px;}
	
	.uk-grid-collapse>.uk-grid-margin {margin-top: 20px;}
	
	.honor .uk-dotnav {width: 73%;}
	.culture p {line-height: 1.5;text-align: justify;}
	.culture h4:before {background-color: transparent;}
	.marketing .marketing_icon svg {width: 10px;}
	.marketing .marketing_title {left: 61.7%;top: 49.5%;}
	.marketing .icon1 {left: 17.5%;top: 29.4%;}
	.marketing .icon2 {left: 71.3%;top: 57.4%;}
	.marketing .icon3 {left: 60.1%;top: 79.5%;}
	.productlist a.productlist_nav:before {bottom: -5px;}
	.newslist2 .uk-transition-toggle {padding:10px 0;}
	
	.product a.view_btn {padding: 7px 30px;}
	.product .uk-padding-large {padding:0;}
	.product .thumbnav {height: 52%;width: 114px;}
	.product .thumbnav .uk-transition-toggle {transform: rotate(-90deg) translate(-210%,-40%) scale(1.5);}
	.caselist a.productlist_nav {margin: 0;}
	.newslist2 .uk-card-body {padding:10px}
	.newslist2 a.line {width: auto;}
	.newslist2 h5 {-webkit-line-clamp: 1;}
	.newslist2 h2 {font-size: 18px !important;}
	.message .reddot:before {left:20px;}
	.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;}
	
}