/* common #982b31 */
  
/* noto-sans-sc-regular */
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: regular;
  src: url('../font/noto-sans-sc-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans SC'), local('NotoSans SC-Normal'),
       url('../font/noto-sans-sc-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto-sans-sc-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto-sans-sc-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/noto-sans-sc-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto-sans-sc-regular.svg#NotoSans SC') format('svg'); /* Legacy iOS */
}

/* noto-sans-sc-700 */
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: bold;
  src: url('../font/noto-sans-sc-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans SC'), local('NotoSans SC-Normal'),
       url('../font/noto-sans-sc-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto-sans-sc-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto-sans-sc-700.woff') format('woff'), /* Modern Browsers */
       url('../font/noto-sans-sc-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto-sans-sc-700.svg#NotoSans SC') format('svg'); /* Legacy iOS */
}

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;width: 100%;}
table th, table td {border: 1px solid #eee;height: 65px;color: #333;font-size: 18px;}
table th {background-color: transparent;color: #333;font-weight: normal;}
table tbody>tr>th:nth-of-type(1), table tbody>tr>td:nth-of-type(1) {background: #f8f8f8;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.uk-container-xlarge {max-width: 1700px;}
h2 {font-size: 40px;font-weight: bold;color: #333;}
h4 {font-size: 18px;color: #666;line-height: 2;}
html,body {overflow-x: hidden;font-family: 'Noto Sans SC';}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 ,.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {font-family: 'Noto Sans SC';}

.btn {position: relative; border-bottom: 4px solid #982b31; background: #982b31; color: #fff; overflow: hidden;}
.btn .bg {position:absolute; background:#333; opacity:0.2; *filter:alpha(opacity=20); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20); left:0; top:0; right:0; bottom: 0;;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.btn:hover .bg { bottom:100%;}
.title_bg {font-size: 48px;font-weight: bold;color: rgba(221, 221, 221, 0.8);font-family: Arial;text-transform: uppercase;}

/* nav */
.nav .uk-logo img {height: 60px;width: auto;}

/* header */
.header .headernav ul>li {position: relative;}
.header .headernav_ {overflow: hidden;transition: .5s all;}
.header .headernav_>a {line-height: 100px;color: #333;font-size: 18px;}
.header .headernav_ svg {margin-top: -4px;}
.header .headernav_>.uk-list {margin-top: 0;top: 80%;border-top:1px solid #dedede;transition: .5s all;opacity: 0;width: 160px;left: -30px;}
.header .headernav_>.uk-list>li {margin-top: 0;border-bottom:1px solid #dedede;background-color: #fff;}
.header .headernav_>.uk-list>li>a {line-height: 60px;color: #333;display: block;font-size: 16px;padding: 0 20px;}
.header .headernav_.uk-active {overflow: initial;transition-delay: .5s;}
.header .headernav_.uk-active>.uk-list {top: calc(100% + 1px);opacity: 1;}
.header .headernav_2 {overflow: hidden;transition: .5s all;}
.header .headernav_2>a {line-height: 100px;color: #333;font-size: 18px;}
.header .headernav_2 svg {margin-top: -4px;}
.header .headernav_2>.uk-list {margin-top: 0;top: -20%;left:100%;border-top:1px solid #dedede;transition: .5s all;opacity: 0;background-color: #f2f2f2;width: 160px;}
.header .headernav_2>.uk-list>li {margin-top: 0;border-bottom:1px solid #dedede;background-color: #fff;}
.header .headernav_2>.uk-list>li>a {line-height: 60px;color: #333;display: block;font-size: 14px;padding: 0 20px;}
.header .headernav_2.uk-active {overflow: initial;transition-delay: .5s;}
.header .headernav_2.uk-active .uk-list {top: -1px;opacity: 1;}
.header .language {overflow: hidden;transition: .5s all;}
.header .language>a {line-height: 100px;color: #333;font-size: 18px;}
.header .language svg {margin-top: -4px;}
.header .language .uk-list {margin-top: 0;top: 80%;border-top:1px solid #982b31;transition: .5s all;opacity: 0;width: 160px;}
.header .language .uk-list li {margin-top: 0;border-bottom:1px solid #982b31;background-color: #fff;}
.header .language .uk-list a {line-height: 40px;color: #333;display: block;}
.header .language.uk-active {overflow: initial;transition-delay: .5s;}
.header .language.uk-active .uk-list {top: calc(100% + 1px);opacity: 1;}
.header .uk-navbar-nav>li>a {font-size: 16px;padding: 0 15px;line-height: 100px;color: #333;padding: 0 20px;}
.header .uk-navbar-nav>li:hover>a, .header .uk-navbar-nav>li.active>a {color: #982b31;}
.header .uk-list li:hover>a,.header .uk-list li.active>a {color: #fff;background-color: #982b31;}
.header .sitelogo img {height: 50px;}

/* i_banner */
.i_banner .uk-dotnav>*>* {width: 58px;height: 2px;border-radius: 0;position: relative;border: none;background-color: #fff;}
.i_banner .uk-dotnav>*>*:before {content: '';position: absolute;left: 0;right: 100%;height: 2px;background-color: #982b31;top: 0;}
.i_banner .uk-dotnav>.uk-active>*:before {transition: 3s linear all;right: 0;}
.i_banner .uk-position-large {margin-left: 4.5%;}

/* i_prod */
.i_prod {background-color: #fff;}
.i_prod .i_prod_icon {padding: 30px 0;}
.i_prod .i_prod_icon:before {content: '';position: absolute;border-left: 2px dotted #959495;top: 0;left: 46.5px;height: 100%;}
.i_prod .i_icon {width: 93px;height: 93px;background-color: #fff;border-radius: 50%;}
.i_prod .i_icon .uk-position-cover svg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: rotate(-90deg);}
.i_prod .i_icon .uk-position-cover svg circle {stroke-dasharray: 292;stroke-dashoffset: 292;}
.i_prod .i_icon .i_icon_c {margin: 6px;background: #fff;border-radius: 50%}
.i_prod .i_icon.uk-active {background-color: #ffa6aa;}
.i_prod .i_icon.uk-active .uk-position-cover svg circle {-webkit-animation: 10s svgcircle linear;animation: 10s svgcircle linear;}
.i_prod h1 {font-size: 48px;font-weight: bold;color: #982b31;font-family: Arial;}
.i_prod h1 span {font-size: 18px;color: #333333;font-weight: normal;}
.i_prod h3 {font-size: 30px;font-weight: bold;color: #982b31;}
.i_prod hr.title {margin: 30px 0;}
.i_prod hr.title:before {content: '';position: absolute;left: 0;top: -3px;width: 26px;height: 4px;background-color: #982b31;}
.i_prod p {color: #666666;line-height: 2;text-align: justify;}
.i_prod a.btn {display: inline-block;color: #fff;background-color: #982b31;border-radius: 5px;padding: 10px 45px;}
.i_prod h5 {font-size: 24px;color: #982b31;line-height: 2;}
.i_prod h6 {font-size: 16px;color: #666666;line-height: 2;}
.i_prod hr.line {margin: 10px auto;width: 25px;border-width: 3px;border-color: #e5e5e5;}
.i_prod .uk-card-hover {padding: 20px 0;}
.i_prod .uk-card-hover:before {content: '';position: absolute;bottom: 0;left: 0;right: 100%;height: 1px;background-color: #982b31;transition: .5s all;}
.i_prod .uk-card-hover:hover:before {right: 0;}
.i_prod .uk-card-hover:hover {box-shadow: 4px 0px 16px 0px rgba(4, 0, 0, 0.17);}
 @-webkit-keyframes svgcircle {
     0% {stroke-dashoffset: 292;}
     100% {stroke-dashoffset: 0;}
}
 @keyframes svgcircle {
	0% {stroke-dashoffset: 292;}
    100% {stroke-dashoffset: 0;} 
 }   

/* i_case */
.i_case h2 {color: #fff;}
.i_case h4 {color: #fff;}
.i_case .uk-card-default {background-color: rgba(0, 0, 0, 0.3);border: 4px solid rgba(255, 255, 255, 0.5);}
.i_case h3 {font-size: 30px;color: #fff;}
.i_case .uk-list li>a {font-size: 20px;transition: .5s all;color: #fff;}
.i_case hr {border-width: 2px;border-color: #fff;width: 19px;margin: 20px auto;transition: .5s all;}
.i_case .uk-transition-toggle {transition: .5s all;transform: scale(0.8);padding: 20px;}
.i_case .uk-card.uk-card-default {transition: .5s all;padding: 30px;}
.i_case .uk-transition-toggle:hover {padding: 0;transform: scale(1);}
.i_case .uk-transition-toggle:hover .uk-padding {padding: 50px;background-color: #982b31;border-color: #fff;}
.i_case .uk-transition-toggle:hover hr {width: 100%;border-width: 1px;padding-top: 1px;}
.i_case .uk-dotnav>*>* {background-color: #fff;border-color: transparent;}
.i_case .uk-dotnav>*.uk-active>* {background-color: #982b31;}
.i_case .uk-transition-toggle:hover .i_case_li.uk-active a {opacity: .5;}
.i_case .uk-transition-toggle:hover .i_case_li.uk-active:hover a {opacity: 1;}
.i_case .title_bg {color: rgba(170, 170, 170, 0.3);}


/* i_adv */
.i_adv .line:before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);background-color: #eeeeee;height: 100px;width: 1px;}
.i_adv h1 {font-size: 24px;font-weight: bold;color: #982b31;}
.i_adv h1 span {font-size: 100px;}

.fill_animation {
    background-image: -webkit-linear-gradient(left, #333333, #982b31 50%, #333333 50%, #982b31 100%, #000);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation: fill-animation 6s infinite linear;
}
 @keyframes fill-animation
 {
  	 0%  { background-position: 0 0;}
     100% { background-position: -100% 0;}
 }
 
/* i_about */
.i_about {background-color: #fafafa;}
.i_about h3 {font-size: 24px;color: #982b31;}
.i_about hr.title {margin: 30px 0;}
.i_about hr.title:before {content: '';position: absolute;left: 0;top: -3px;width: 26px;height: 4px;background-color: #982b31;}
.i_about a.btn {display: inline-block;color: #fff;background-color: #982b31;border-radius: 5px;padding: 10px 45px;}
.i_about p {line-height: 1.5;color: #666666;text-align: justify;margin-top: 10px;text-indent: 32px;}
.i_about .i_about_cont {padding: 30px 70px 30px calc(100% - 1700px / 2);}
.i_about .uk-dotnav>*>* {background-color: #fff;border-color: transparent;}
.i_about .uk-dotnav>*.uk-active>* {background-color: #982b31;}

/* i_partner */
.i_partner .uk-transition-toggle {transition: .5s all;}
.i_partner .uk-transition-toggle:hover {box-shadow: 4px 0px 16px 0px rgba(4, 0, 0, 0.07);}
.i_partner .i_partner_ {padding: 0 60px 0 0;border-right: 1px solid #eee ;}
.i_partner h3 {font-size: 20px;font-weight: bold;color: #333;line-height:2;}
.i_partner h5 {color: #982b31;}

/* i_news */
.i_news .i_news_nav {border-bottom: 1px solid #eee;padding-bottom: 15px;}
.i_news .i_news_nav a {font-size: 16px;transition: .5s all;color: #982b31;}
.i_news .uk-transition-toggle {transition: .5s all;}
.i_news h3 {font-size: 20px;font-weight: bold;color: #333;line-height:2;}
.i_news h5 {font-size: 20px;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition: .5s all;height: 56px;}
.i_news .uk-transition-toggle:hover h5 {color: #982b31;}
.i_news p {color: #666666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.i_news p.desc {height: ;}
.i_news p a {color: #666666;margin-right: 20px;}
.i_news .uk-card-body {padding: 20px 15px;}
.i_news .i_news_line>div:nth-child(2) {position: relative;}
.i_news .i_news_line>div:nth-child(2):before {content: '';position: absolute;left: 35px; top:60px;height: 600px;width: 1px;background-color: #eee;}


/* i_desc */
.i_desc {border-top: 1px solid #eee;}
.i_desc .line:before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);background-color: #eeeeee;height: 116px;width: 1px;}
.i_desc h5 {font-size: 18px;color: #333;line-height: 2;}
.i_desc p {font-size: 14px;color: #666666;line-height: 2;}
.i_desc .uk-card-body {padding: 0 70px;}
.i_desc .i_desc_1 svg {animation:flipInX 2s infinite}
.i_desc .i_desc_2 svg {animation:rotateIn 2s infinite}
.i_desc .i_desc_3 svg {animation:flipOutY 2s infinite}
.i_desc .i_desc_4 svg {animation:jackInTheBox 2s infinite}

@keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }
    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }

    to {
        
		opacity: 1;
		-webkit-transform: perspective(400px) rotateY(-15deg);
		transform: perspective(400px) rotateY(-15deg)
    }
}

/* about */
.about {background-color: #fafafa;}
.about h3 {font-size: 24px;color: #982b31;}
.about hr.title {margin: 30px 0;}
.about hr.title:before {content: '';position: absolute;left: 0;top: -3px;width: 26px;height: 4px;background-color: #982b31;}
.about a.btn {display: inline-block;color: #fff;background-color: #982b31;border-radius: 5px;padding: 10px 45px;}
.about p {line-height: 1.5;color: #666666;text-align: justify;margin-top: 10px;text-indent: 32px;}
.about .i_about_cont {padding: 30px   calc(100% - 1700px / 2) 30px 70px;}
.about .uk-dotnav>*>* {background-color: #fff;border-color: transparent;}
.about .uk-dotnav>*.uk-active>* {background-color: #982b31;}

/* contact */
.contact h3 {font-size: 24px;color: #333;font-weight: bold;}
.contact .uk-input {height: 66px;}
.contact .uk-button {width: 156px;height: 50px;background-color: #982b31;color: #fff;border-radius:5px;display: inline-block;}
.contact .uk-button {position: relative; border-bottom: 4px solid #982b31; background: #982b31; color: #fff; overflow: hidden;}
.contact .uk-button .bg {position:absolute; background:#333; opacity:0.2; *filter:alpha(opacity=20); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20); left:0; top:0; right:0; bottom: 0;;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.contact .uk-button:hover .bg { bottom:100%;}
.contact h5 {font-size: 20px;color: #982b31;}
.contact h6 {font-size: 18px;color: #333;margin-top: 10px;}

/* caselist */
.caselist h3 {font-size: 20px;transition: .5s all;}
.caselist h5 {color: #666666;transition: .5s all;margin-top: 10px;}
.caselist .uk-card-default {background-color: #fafafa;transition: .5s all;}
.caselist .uk-transition-toggle:hover {background-color: #982b31;}
.caselist .uk-transition-toggle:hover h3 {color: #fff;}
.caselist .uk-transition-toggle:hover h5 {color: #fff;}
.caselist .btn {display: inline-block;color: #fff;background-color: #982b31;border-radius: 5px;padding: 10px 45px;}

/* productlist1 */
.productlist1 {background-color: #f9f9f9;}
.productlist1 .subnav a {display: block;border-radius: 5px;border: 1px solid #eee;width: 200px;line-height: 55px;margin: 0 10px;color: #982B31;transition: .5s all;font-size: 18px;}
.productlist1 .subnav a:hover {border-color: #982B31;color: #fff;background-color: #982B31;}
.productlist1 h3 {font-size: 30px;font-weight: bold;}
.productlist1 h5 {font-size: 18px;color: #982B31;}
.productlist1 p {line-height: 2;}
.productlist1 .btn {display: inline-block;color: #fff;background-color: #982b31;border-radius: 5px;padding: 10px 45px;}

/* productlist1_1 */
.productlist1_1 {background-color: #f9f9f9;}
.productlist1_1 h3 {font-size: 40px;font-weight: bold;}
.productlist1_1 h5 {font-size: 18px;color: #982B31;}
.productlist1_1 p {font-size: 18px;color: #666;}
.productlist1_1 .uk-dotnav>*>* {border-color: transparent;background-color: #e5e5e5;}
.productlist1_1 .uk-dotnav>.uk-active>* {background-color: #982B31;}
.productlist1_1 .uk-slidenav {background-color: #f8f8f8;color: #982B31;border-radius: 50%;transition: .5s all;padding: 6px 10px;}
.productlist1_1 .uk-slidenav svg {width: 10px;}
.productlist1_1 .uk-slidenav:hover {background-color: #982B31;color: #fff;}

.productlist1_1 h4 {font-size: 20px;font-weight: bold;color: #666;}
.productlist1_1 .btn {display: inline-block;color: #fff;background-color: #982b31;border-radius: 5px;padding: 10px 45px;}
.productlist1_1 .btn1 {background-color: #666;}
.productlist1_1 .subnav {margin-top: 1px;background-color: #fff;position: absolute;top: 100%;z-index: 1;width: 100%;left: 0;opacity: 0;transition: .5s all;}
.productlist1_1 .uk-list>:nth-child(n+2) {margin-top: 0;}
.productlist1_1 .subnav li a {font-size: 16px;color: #333;display: block;padding: 10px;border-bottom: 1px solid #eee;transition: .5s all;min-width: 110px;}
.productlist1_1 .subnav li a:hover {color: #982B31;}
.productlist1_1 .active .subnav {opacity: 1;} 
.productlist1_1 .uk-card-default {box-shadow: 0 5px 15px rgba(0,0,0,.08);}
.productlist1_1.adv {background-color: #982B31;}
.productlist1_1.adv .ico {border: 1px solid #eee;padding: 10px;border-radius: 10px;transition: .5s all;background-color: #fff;display: inline-block;}
.productlist1_1.adv .uk-transition-toggle:hover .ico {background-color: #982B31;}
.productlist1_1.adv .ico img {transition: .5s all;}
.productlist1_1.adv .uk-transition-toggle:hover img {filter: brightness(100);}

.productlist1_1.adv h4 {font-size: 24px;font-weight: bold;color: #333;}
.productlist1_1.adv p {font-size: 18px;color: #333;}

.productlist1_1.case {background-color: #f9f9f9;}
.productlist1_1.case .subsubnav a {display: block;border-radius: 5px;border: 1px solid #eee;width: 250px;line-height: 55px;margin: 0 10px;color: #982B31;transition: .5s all;font-size: 18px;}
.productlist1_1.case .subsubnav a.active {border-color: #982B31;color: #fff;background-color: #982B31;}

/* productlist1_2 */
.productlist1_2 h3 {font-size: 40px;font-weight: bold;}
.productlist1_2 .title {padding: 20px 0;transition: .5s all;height: 50px;}
.productlist1_2 .title p {color: #fff;}
.productlist1_2 .uk-transition-toggle:hover .title {background-color: #982B31;}
.productlist1_2 .uk-card-default {box-shadow: 0 5px 15px rgba(0,0,0,.08);}

/* productlist1_4 */
.productlist1_4 p {text-align: justify;font-size: 18px;line-height: 2;}



/* productlist2 */
.productlist2 {background-color: #f9f9f9;}
.productlist2 .uk-card-hover {transition: .5s all;border: 1px solid transparent;}
.productlist2 .uk-card-hover:hover {box-shadow: 0px 1px 8.82px 0.18px rgba(66, 66, 67, 0.33);border-color: #982B31;}
.productlist2 .btn{display: inline-block;color: #fff;background-color: #982b31;border-radius: 5px;padding: 10px 45px;}
.productlist2 .uk-card-hover:hover h3 {color: #982b31;}


/* productlist3 */
.productlist3 {background-color: #f9f9f9;}
.productlist3.adv h4 {font-size: 24px;font-weight: bold;}
.productlist3.adv h5 {font-size: 18px;color: #666;}
.productlist3 .uk-card-hover {border: 1px solid #eee;}
.productlist3 .uk-card-hover:hover {box-shadow: 0px 1px 12.74px 0.26px rgba(66, 66, 67, 0.33);}
.productlist3 .slider h5 {font-size: 18px;color: #333;line-height: 50px;height: 50px;}

/* productlist4 */
.productlist4 .uk-card-hover {border: 1px solid #eee;}
.productlist4 .uk-card-hover:hover {box-shadow: 0px 1px 12.74px 0.26px rgba(66, 66, 67, 0.33);}
.productlist4 h5 {font-size: 18px;color: #333;line-height: 50px;background-color: #fff;height: 50px;}

/* product1 */
.product1 {background-color: #f9f9f9;}
.product1 h3 {font-size: 40px;font-weight: bold;}
.product1 h5 {font-size: 18px;color: #982B31;}
.product1 p {font-size: 18px;color: #666;}
.product1 .uk-dotnav>*>* {border-color: transparent;background-color: #e5e5e5;}
.product1 .uk-dotnav>.uk-active>* {background-color: #982B31;}
.product1 .uk-card-default {box-shadow: 0 5px 15px rgba(0,0,0,.08);}
.product1 .btn {display: inline-block;color: #fff;background-color: #982b31;border-radius: 5px;padding: 10px 45px;}
.product1 .btn1 {background-color: #666;}
.product1 table tbody>tr>th:nth-of-type(3),.product1 table tbody>tr>td:nth-of-type(3) {background: #f8f8f8;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}


/* adv */
.adv h1 {font-size: 24px;font-weight: bold;color: #982b31;}
.adv h1 span {font-size: 80px;font-family: arial;font-weight: normal;}
.adv p {font-size: 18px;color: #333;}
.adv .line:before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);background-color: #eeeeee;height: 100px;width: 1px;}
.adv .uk-card-default {border: 1px solid #eeeeee;}
.adv .adv_ {padding: 30px 0;} 
.adv .adv_ h3 {font-size: 24px;}
.adv .adv_ p {font-size: 16px;color: #fff;}
.adv .adv_ h6 {font-size: 16px;color: #666666;text-transform: uppercase;}
.adv .adv_ .uk-overlay-default {background-color: #982b31;}
.adv .adv_ .uk-overlay-default svg > * {transition: .5s all;}
.adv .adv_.uk-transition-toggle:hover h3 {color: #fff;}
.adv .adv_.uk-transition-toggle:hover p {color: #fff;}
.adv .adv_.uk-transition-toggle:hover .uk-overlay-default {color: #fff;}
.adv .adv_.uk-transition-toggle:hover svg > * {fill: #fff;}

/* history */
.history .uk-card.uk-card-body {padding: 50px 0;transition: .5s all;}
.history h3 {font-size: 24px;color: #333;}
.history p {font-size: 18px;color: #666666;}
.history .line {position: relative;border-top: 2px solid #e5e5e5;padding-bottom: 70px;}
.history .line::before {content: '';position: absolute;width: 16px;height: 16px;border-radius: 50%;background-color: #666666;left: 50%;transform: translateX(-50%);top: -11px;border: 2px solid #666666;} 
.history .line::after {content: '';position: absolute;width: 2px;height: 50px;background-color: #e5e5e5;top: 15px;left: 50%;transform: translateX(-50%);}
.history .uk-transition-toggle:hover {background-color: #982b31;box-shadow: 0px 1px 17.64px 0.36px rgba(66, 66, 67, 0.33);}
.history .uk-transition-toggle:hover h3 {color: #fff;}
.history .uk-transition-toggle:hover .line {border-color: #fff;}
.history .uk-transition-toggle:hover .line::before {background-color: transparent;border-color: #fff}
.history .uk-transition-toggle:hover .line::after {background-color: #fff;}
.history .uk-transition-toggle:hover p {color: #fff;}
.history  a.uk-slidenav {top: 125px;padding: 16px 21px;background-color: #dcdcdc;border-radius: 50%;}
.history  a.uk-slidenav svg > * {stroke-width: 2px;stroke: #fff !important;}
.history  a.uk-slidenav:hover {background-color: #982b31;}
.history .uk-dotnav>*>* {border-color: transparent;background-color: #bfbfbf;}
.history .uk-dotnav>.uk-active>* {background-color: #982b31;}

/* culture */
.culture h3 {font-size: 24px;font-weight: bold;color: #fff;}
.culture p {font-size: 18px;color: #fff;margin-top: 10px;}
.parallax>use {animation: move-forever 12s linear infinite;}
.parallax>use:nth-child(1) {animation-delay:-1s;}
.parallax>use:nth-child(2) {animation-delay:-1s;animation-duration:7s;}
.parallax>use:nth-child(3) {animation-delay:-3s;animation-duration:8s;}
@keyframes move-forever {0% {transform:translate(-90px,0%);-webkit-transform: translate(-90px,0%);}100% {transform:translate(85px,0%);-webkit-transform: translate(85px,0%);}}
@-webkit-keyframes  move-forever {0% {transform:translate(-90px,0%);-webkit-transform: translate(-90px,0%);}100% {transform:translate(85px,0%);-webkit-transform: translate(85px,0%);}}

.culture span.animated {position: absolute;border-radius: 50%;border: 1px solid transparent;}
.culture span.animate_i1  {width:85px; height:85px;bottom:50px;left:50%; margin-left:-500px; background-color:rgba(255,255,255,0.3);animation: icons 3s linear infinite;-webkit-animation:icons 3s linear infinite; }
.culture span.animate_i2  {width:90px; height:90px;bottom:250px;left:50%; margin-left:-280px;background-color:rgba(112,112,112,0.8);animation: icons 4s linear infinite;-webkit-animation:icons 4s linear infinite}
.culture span.animate_i3  {width:100px; height:100px;bottom:70px;left:50%; margin-left:-100px;background-color:rgba(255,255,255,1.0);animation: icons 5s linear infinite;-webkit-animation:icons 5s linear infinite;}
.culture span.animate_i4  {width:70px; height:70px;bottom:230px;left:60%;background-color:rgba(255,255,255,1.0);animation: icons 6s linear infinite;-webkit-animation:icons 6s linear infinite}
.culture span.animate_i5  {width:100px;height:100px;bottom:120px;left:75%;background-color:rgba(112,112,112,0.8);animation: icons 3s linear infinite;-webkit-animation:icons 3s linear infinite}
@-webkit-keyframes icons { 0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(1em,2em);transform: translate(1em,2em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}}
@keyframes icons {0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(1em,3em);transform: translate(1em,3em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}} 
.culture span.animated:hover {border-color: #982B31;}
.culture span.animated:hover svg > * {fill: #982B31;}
.culture span.animated .text {width: max-content;opacity: 1;}
.culture span.animate_i1 .text {top: -150%;}
.culture span.animate_i2 .text {bottom: -180%;}
.culture span.animate_i3 .text {top: -100%;}
.culture span.animate_i4 .text {bottom: -180%;}
.culture span.animate_i5 .text {top: -100%;}

/* certificate */
.certificate .ico_ {display: none;}
.certificate .ico_.active {display: block;}
.certificate h5 {font-size: 18px;line-height: 50px;}
.certificate .line {border-bottom:1px solid #e5e5e5;}
.certificate .line.uk-card:hover {border-color: #982B31;}
.certificate .line.uk-card:hover  svg > *  {fill:#982B31;}
.certificate .line.uk-card:hover h5 {color: #982B31;}
.certificate .uk-dotnav>*>* {border-color: transparent;background:#bfbfbf;}
.certificate .uk-dotnav>.uk-active>* {background:#982B31;}
.certificate .uk-slidenav {border: 1px solid;border-radius: 50%;}
.certificate .btn {display: inline-block;color: #fff;background-color: transparent;border-radius: 5px;padding: 10px 0; width: 154px;margin:0 10px;transition: .5s all;}
.certificate .btn:hover,.certificate .btn.active {background-color: #982b31;}

/* newslist */
.newslist h3 {font-size: 20px;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.newslist p {font-size: 16px;color: #666666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin: 15px 0;height: 50px;}
.newslist a.nav {padding: 0 10px;line-height: 40px;display: block;background-color: #982B31;color: #fff;font-size: 18px;}
.newslist .newsnav_2 a.nav {background-color: #656a70;}
.newslist hr {margin:40px 0 0 0;}
.newslist a.btn {display: inline-block;color: #fff;background-color: #982b31;border-radius: 5px;padding: 10px 45px;}
.newslist .newsnav_2 a.btn {background-color: #656a70;border-color: #000000}

/* foot */
.foot h5 {font-size: 18px;color: #fff;line-height: 2;}
.foot a ,.foot p a {color: #fff;opacity: .8;transition: .5s all;}
.foot .line1::after {content: '';position: absolute;left: 0;top: 6px;background-color: #eeeeee;height: 15px;width: 1px;}
.foot .line:before {content: '';position: absolute;right: 0;top: 6px;background-color: #eeeeee;height: 15px;width: 1px;}
.foot a:hover {opacity: 1;}
.foot p {color: #fff;}
.foot p span {font-weight: bold;font-size: 26px;font-family: Arial;opacity: 1;}
.foot svg {transform: translateY(-5px);}
.foot ul> li > a {font-size: 14px;color: #ddd;}
.foot ul> li > a:hover {text-decoration: underline;}


/* pagination */
.pagination .page-status {display: none;}
.pagination span:not(.page-numbar) {margin: 0 8px;color: #982b31;}
.pagination span a:not(.page-num) {color: #333;position: relative;border: 1px solid #eee;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 #eee;transition: 0.5s all;}
.pagination span a:hover,.pagination span a.page-num.page-num-current {color: #fff;background-color: #982b31;}

/* pagination_page */
.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: #982b31;}
.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: #982b31;width: 100%;}

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


/* @media */
@media screen and (max-width: 1700px) {
	h2 {font-size: 36px;}
	.i_prod h3 {font-size: 24px;}
	.i_prod p {line-height: 1.8;}
	.i_case .uk-list li>a {font-size: 16px;}
	.i_about .i_about_cont {padding: 30px 40px;}
	
	.i_about hr.title {margin: 20px 0;}
	.i_desc > div {padding: 0;}
	.i_desc .uk-card-body {padding: 0 20px;}
	.about .i_about_cont {padding: 30px calc(100% - 1600px / 2) 30px 70px;}
}
@media screen and (max-width: 1500px) {
	.about .i_about_cont {padding: 30px calc(100% - 1400px / 2) 30px 70px;}
}

@media screen and (max-width: 1400px) {
	.about .i_about_cont {padding: 30px calc(100% - 1200px / 2) 30px 70px;}
	.productlist1 p {line-height: 1.5;}
	.title_bg {font-size: 34px;display: block;transform: translateY(10px);}
	.i_about h3 {font-size: 20px;}
	.about h3 {font-size: 20px;}
}


@media screen and (max-width: 1300px) {
	.about .i_about_cont {padding: 30px calc(100% - 1200px / 2) 30px 50px;}
	h2 {font-size: 30px;}
	.nav .uk-navbar-nav>li>a {font-size: 16px;padding: 0 10px;}
	.i_prod h3 {font-size: 22px;}
	.i_case .uk-card.uk-card-default {padding: 15px;}
	.i_case .uk-transition-toggle:hover .uk-padding {padding: 35px;}
	.about h3 {font-size: 20px;}
	.adv .adv_ .uk-overlay-default {padding: 15px;}
	.adv .adv_ h6 {font-size: 14px;}
	.productlist1 .uk-card-body {padding: 15px;}
	.productlist1 h3 {font-size: 24px;}
	
}

@media screen and (max-width: 960px) {
	.nav {background-color: #fff;}
	.nav .uk-logo img {height: 30px;}
	.uk-offcanvas-bar {width: 100%;left: -100%;padding: 0;}
	.nav .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {color: #999;}
	.i_banner .uk-dotnav>*>* {width: 20px;}
	h4 {font-size: 16px;}
	h2 {font-size: 26px;}
	h3 {font-size: 30px;}
	.i_adv h1 span {font-size: 26px;}
	.i_adv p {font-size: 12px;}
	.i_adv .line:before {height: 40px;}
	.i_prod .i_prod_p {transform: translateX(0) !important;}
	.title_bg {font-size: 20px;display: block;transform: translateY(10px);}
	.i_about .i_about_cont {padding: 15px;}
	.i_partner .i_partner_ {border: none;}
	.about .i_about_cont {padding: 15px;}
	.adv h1 span {font-size: 26px;}
	.adv p {font-size: 12px;}
	.adv .line:before {height: 40px;}
	.certificate .btn {width: 100px;margin: 0 2px;}
	.culture {height: 800px;}
	.culture .uk-container {height: 100%;}
	.culture .uk-container .uk-card {height: 100%;}
	.culture span.animate_i1 {top: 100px;margin-left: -130px;bottom: auto;}
	.culture span.animate_i2 {top: 30px;margin-left: 25px;bottom: auto;}
	.culture span.animate_i3 {top: 300px;margin-left: -160px;bottom: auto;}
	.culture span.animate_i4 {left: 20%;}
	.culture span.animate_i5 {left: 60%;}
	.culture p {font-size: 16px;margin-top: 5px;}
	.productlist1 .subnav {flex-wrap: wrap;}
	.productlist1 .subnav a {width: 150px;margin: 10px;}
	.productlist1_1 h3 {font-size: 26px;}
	.product1 h3 {font-size: 26px;}
	.product1 .uk-card-default {flex-wrap: wrap;}
	.product1 .uk-margin-medium-left {margin-top: 20px;margin-left: 0 !important;}
	.product1 .uk-card-default img {width: 100px;}
	.product1 p {font-size: 16px;}
	.product1 .btn {padding: 10px 30px;}
	.productlist1_1 .subsubnav {flex-wrap: wrap;}
	.productlist1_1.case .subsubnav a {width: 150px;margin: 10px;}
	.productlist3.adv .uk-card-body {padding: 15px;}
	.productlist3.adv .uk-overlay {padding: 15px;}
	.news h3 {font-size: 24px;}
	.news img {display: block !important;margin: 0 auto !important;}
	.contact .uk-input {height: 45px;}
	.contact .code {height: 45px !important;} 
	.contact h5 {font-size: 16px;}
	.contact h6 {font-size: 14px;}
	.contact svg {width: 30px !important;}
	.contact svg image {width: 30px;height: 30px;}
	
	.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;}
	
}