/* common */
:root {--color1:#21569e;}
:root {--color2:#90c31f;}

/*format(*.*): truetype(.ttf), opentype(otf), truetype-aat, embedded-opentype(.eot), svg(.svg), woff(.woff) */
@font-face {
  font-family: 'Poppins';
  src: url('../font/Poppins.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'YanShiYouRanXiaoKai';
  src: url('../font/YanShiYouRanXiaoKai.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* body,html {font-family: 'HarmonyOS';} */
/* h1, h2, h3, h4, h5, h6, p,span,a  {font-family: 'HarmonyOS';} */

body,html {overflow-x: hidden;}  /* scroll-padding-top 滚动离顶部距离 */
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;}
.uk-container-xlarge {max-width: 1700px;}
.uk-navbar-nav {gap:0;}
.uk-transition-toggle:hover .uk-transition-scale-up {--uk-scale-x: 1.1;--uk-scale-y: 1.1;}


::-webkit-scrollbar {width: 8px;height: 8px;}
::-webkit-scrollbar-track {background: #f5f5f5;}
::-webkit-scrollbar-thumb {background: var(--color1);-webkit-border-radius: 8px;border-radius: 8px;border: 1px solid #f5f5f5;}
#scroll-container {position: fixed;top: 0;right: 0;bottom: 0;left: 0;}

/* input-placeholder */
/* input::-webkit-input-placeholder {color: #ffffff !important;}
input::-moz-placeholder {color: #ffffff  !important;} 
input::-moz-placeholder {color: #ffffff   !important;} 
input::-ms-input-placeholder {color: #ffffff  !important;} */

/* header */
.header {position: fixed;z-index: 9;top: 0;width: 100%;background-color: rgba(255,255,255,0.16);transition: .5s all;}
.header .uk-navbar-nav>li {position: relative;}
.header .uk-navbar-nav>li>a {font-size: 18px;color: #fff;padding: 0 24px;position: relative;z-index: 1;transition: .5s all;}
.header .uk-navbar-nav>li.active>a ,.header .uk-navbar-nav>li:hover>a {color: #fff;}
.header .uk-navbar-nav>li.lan>a {color: #fff;}
.header .uk-navbar-item,.header .uk-navbar-nav>li>a,.header .uk-navbar-toggle {min-height: 100px;column-gap: 0;}
.header .navbg {height: 100%;background-color: #064b81;position: absolute;transform: skew(-15deg);transition: .5s all;}
.header .uk-navbar-dropdown {padding: 0;min-width: 120px;width: auto;--uk-position-offset:0;--uk-position-viewport-offset: 0;--uk-position-shift-offset: 0;}
.header .uk-navbar-dropdown-nav>li>a {font-size: 16px;line-height: 45px;padding: 0 20px;background-color: #fff;color: #666;border-bottom: 1px dashed #DEDEDE;transition: .5s all;white-space: nowrap;}
.header .uk-navbar-dropdown-nav>li:hover>a ,.header .uk-navbar-dropdown-nav>li.active>a {color: #fff !important;background-color: var(--color1);}
.header .uk-drop {padding: 0;min-width: 80px;width: auto;--uk-position-offset:0;--uk-position-viewport-offset: 0;}
.header .lan img {width: 30px;filter: brightness(0) invert(1);}
.header .uk-search-navbar .uk-search-input {font-size: 1rem;padding: 0 15px;}
.header .logo img {height: 48px;}
.header h1 {font-size: 18px;color: #fff;transition: .5s all;font-weight:bold;letter-spacing: 6px;}
.header h1.t2 {margin-bottom: 5px;letter-spacing: 0;}
.header.active h1 ,.header:hover h1 {color: #333;}

.header .logo .img1 {display: block;}
.header .logo .img2 {display: none;}
.header.active .logo .img1 ,.header:hover .logo .img1 {display: none;}
.header.active .logo .img2 ,.header:hover .logo .img2 {display: block;}

.header.active ,.header:hover {box-shadow: 0 5px 15px rgba(0,0,0,.08);background: #fff;}
.header.active .uk-navbar-nav>li>a,.header:hover .uk-navbar-nav>li>a {color: #333;}
.header.active .uk-navbar-nav>li.active>a, .header.active .uk-navbar-nav>li:hover>a {color: var(--color1);}
.header:hover .uk-navbar-nav>li.active>a, .header:hover .uk-navbar-nav>li:hover>a {color: var(--color1);}
.header.active .lan img ,.header:hover .lan img {filter: none;}

/* i_banner */
.i_banner .uk-slidenav {padding: 15px 20px;border-radius: 50%;background-color: rgba(0,0,0,0.2);transition: .5s all;}
.i_banner .uk-slidenav:hover {background-color: var(--color1);}
.i_banner .uk-slidenav-previous {margin-left: 100px;}
.i_banner .uk-slidenav-next {margin-right: 100px;}
.i_banner .uk-dotnav>*>* {width: 10px;border-radius: 20px;border: transparent;background-color: #fff;transition: .5s all;}
.i_banner .uk-dotnav>.uk-active>* {width: 40px;background-color: var(--color1);}
.i_banner a.btn {width: 65px;height: 65px;border: 1px dashed var(--color2);border-radius: 50%;background-image: url(../image/jt4.png);background-position: center;background-size: auto;background-repeat: no-repeat;display: inline-block;transition: .5s all;margin-top: 80px;}
.i_banner a.btn.b2 {border-color: #fff;background-image: url(../image/jt1.png);}
.i_banner a.btn.b3 {border-color: #fff;background-image: url(../image/jt1.png);}
.i_banner a.btn:hover {background-color: var(--color2);background-image: url(../image/jt1.png);}
.i_banner a.btn.b2:hover {background-color: var(--color1);border-color: var(--color1);}
.i_banner a.btn.b3:hover {background-color: var(--color1);border-color: var(--color1);}
.i_banner .desc {margin-top: 40px;}

/* i_prod */
.i_prod {padding-top: 50px;padding-bottom: 50px;}
.i_prod h2 {font-size: 48px;color: rgba(33, 86, 158, 0.302);font-weight: bold;font-family: "Poppins";text-transform: uppercase;}
.i_prod h1 {font-size: 44px;color: #222222;font-weight: bold;}
.i_prod a.btn {width: 65px;height: 65px;border: 1px dashed var(--color1);border-radius: 50%;background-image: url(../image/jt.png);background-position: center;background-size: auto;background-repeat: no-repeat;display: inline-block;transition: .5s all;margin-top: 40px;}
.i_prod a.btn:hover {border-color: var(--color1);background-color: var(--color1);background-image: url(../image/jt1.png);}
.i_prod .pic .uk-inline-clip {border: 1px dashed #fff;border-radius: 50%;transition: .5s all;}
.i_prod .pic.active .uk-inline-clip{border-color:  var(--color1);}
.i_prod .pic h4 {font-size: 20px;color: #666;transition: .5s all;margin-top: 10px;}
.i_prod .pic.active h4 {color: var(--color1);}

/* i_prod_ */
.i_prod_ {background-color: #f1f2f6;padding-top: 50px;padding-bottom: 50px;}
.i_prod_ h3 {font-size: 30px;color: #222;font-weight: bold;}
.i_prod_ .desc {margin-top: 40px;}
.i_prod_ p {line-height: 50px;background-color: #fff;font-size: 16px;border: 1px solid #d0daea;margin-top: 30px;padding: 0 15px 0 40px;border-radius: 50px;position: relative;transition: .5s all;}
.i_prod_ p::before {content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 20px;background-image: url(../image/right.png);width: 16px;height: 16px;}
.i_prod_ p:hover {background-color: var(--color1);color: #fff;border-color: #fff;}
.i_prod_ p:hover::before {filter: brightness(0) invert(1);}
.i_prod_ h4 {font-size: 24px;color: #333;margin-top: 40px;}
.i_prod_ h5 {font-size: 16px;color: #333;}
.i_prod_ h5 span {color: var(--color1);}
.i_prod_ .round {width: 92px;height: 92px;border-radius: 50%;border: 1px dashed #D0DAEA;margin-bottom: 10px;}

/* i_pd */
.i_pd ul>li {border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;} 
.i_pd ul>li:first-child {border-left: 1px solid #e8e8e8;}
.i_pd ul>li h4 {font-size: 18px;color: #222;}
.i_pd ul>li:hover h4 {color: var(--color1);}

/* i_about */
.i_about {padding-top: 80px;padding-bottom: 80px;}
.i_about h2 {font-size: 48px;color: rgba(33, 86, 158, 0.302);font-weight: bold;font-family: "Poppins";text-transform: uppercase;}
.i_about h1 {font-size: 44px;color: #222222;font-weight: bold;}
.i_about .desc {margin-top: 40px;}
.i_about p {font-size: 16px;line-height: 1.875;}
.i_about a.btn {width: 65px;height: 65px;border: 1px dashed var(--color1);border-radius: 50%;background-image: url(../image/jt.png);background-position: center;background-size: auto;background-repeat: no-repeat;display: inline-block;transition: .5s all;margin-top: 40px;}
.i_about a.btn:hover {border-color: var(--color1);background-color: var(--color1);background-image: url(../image/jt1.png);}

/* i_case */
.i_case .uk-overlay-default {background-color: rgba(24, 68, 128,0.55);}
.i_case hr {width: 68px;border: none;height: 6px;background-color: #fff;margin: 0 auto 45px;opacity: 0;transition: .5s all;}
.i_case .uk-card-default {background-color: transparent;padding: 50px 0;transition: .5s all;border-left: 1px solid rgba(255, 255, 255,0.2);height: calc(100vh - 120px);padding: 100px 0;}
.i_case h4 {font-size: 30px;color: #fff;opacity: 0;transition: .5s all;}
.i_case h5 {font-size: 30px;font-family: arial;color: #fff;text-transform: uppercase;opacity: 0;transition: .5s all;}
.i_case #case4 h5 {font-size: 20px;}
.i_case .pic {opacity: 0;transition: .5s all;}
.i_case .uk-card-default.active {background-color: rgba(33, 86, 158,0.6);}
.i_case .uk-card-default.active hr {opacity: 1;}
.i_case .uk-card-default.active h4 {opacity: 1;}
.i_case .uk-card-default.active h5 {opacity: 1;}
.i_case .uk-card-default.active .pic {opacity: 1;}

.i_case h2 {font-size: 48px;color: rgba(255, 255, 255, 0.302);font-weight: bold;font-family: "Poppins";text-transform: uppercase;margin-top: 140px;}
.i_case h1 {font-size: 44px;color: #fff;font-weight: bold;}
.i_case .desc {margin-top: 40px;}
.i_case p {font-size: 16px;line-height: 1.875;color: #fff;}

/* i_news */
.i_news {background-color: #f7faff;padding-top: 100px;padding-bottom: 100px;}
.i_news h2 {font-size: 48px;color: rgba(33, 86, 158, 0.302);font-weight: bold;font-family: "Poppins";text-transform: uppercase;}
.i_news h1 {font-size: 44px;color: #222222;font-weight: bold;}
.i_news .desc {margin-top: 40px;}
.i_news .desc ul>li>a {font-size: 16px;font-weight: bold;color: #333;transition: .5s all;}
.i_news .desc ul>li>a:hover {color: var(--color1);}
.i_news a.btn {width: 65px;height: 65px;border: 1px dashed var(--color1);border-radius: 50%;background-image: url(../image/jt.png);background-position: center;background-size: auto;background-repeat: no-repeat;display: inline-block;transition: .5s all;margin-top: 60px;}
.i_news a.btn:hover {border-color: var(--color1);background-color: var(--color1);background-image: url(../image/jt1.png);}
.i_news .uk-card-default {padding: 25px;}
.i_news h4 {font-size: 20px;font-weight: bold;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-top: 20px;transition: .5s all;}
.i_news p {font-size: 15px;color: #666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top: 20px;margin-bottom: 20px;}
.i_news h6 {font-size: 14px;color: #999;}
.i_news .uk-transition-toggle:hover h4 {color: var(--color1);}

/* bottom */
.bottom {background-image: url(../image/foot.jpg);background-position: center;background-size: cover;}

/* msg */
.msg {border-bottom: 1px solid rgba(255, 255, 255,0.15);}
.msg h4 {font-size: 22px;color: #fff;line-height: 80px;}
.msg .cont {line-height: 80px;}
.msg a.btn {width: 270px;height: 55px;line-height: 55px;background-color: var(--color1);color: #fff;border-radius: 6px;display: inline-block;text-align: center;background-image: url(../image/jt1.png);background-position: center 10px;background-repeat: no-repeat;background-position: calc(100% - 20px) 50%;background-repeat: no-repeat;transition: .5s all;}
.msg a.btn:hover {background-position: calc(100% - 10px) 50%;}

/* foot */
.foot {padding-top: 50px;padding-bottom: 50px;}
.foot h5 {font-size: 16px;color: #b4b4b4;margin-top: 40px;margin-bottom: 30px;}
.foot h4 {font-size: 20px;position: relative;padding-left: 30px;color: #fff;margin-bottom: 20px;}
.foot h4::before {content: '';position: absolute;width: 20px;height: 2px;background-color: var(--color1);top: 15px;left: 0;}
.foot p ,.foot p a {font-size: 16px;color: #b4b4b4;transition: .5s all;margin-bottom: 15px;}
.foot p a:hover {color: #fff;}
.foot p img {margin-top: -4px;}
.foot ul>li>a {font-size: 16px;color: #b4b4b4;transition: .5s all;display: inline-block;}
.foot ul>li:hover>a {color: #fff;transform: translateX(10px);}
.foot .uk-list>:nth-child(n+2) {margin-top: 10px;}

/* footer */
.footer  {border-top: 1px solid rgba(255, 255, 255,0.15);}
.footer p ,.footer p a {line-height: 60px;color: rgba(255, 255, 255, 0.4);transition: .5s all;font-size: 14px;}
.footer p a:hover {color: #fff;}

/* i_nav */
.i_nav a {line-height: 70px;height: 70px;font-size: 16px;color: #999;transition: .5s all;display: inline-block;}
.i_nav a:hover {color: #333;}
.i_nav svg {margin-top: -4px;}
.i_nav .position {border-bottom: 1px solid rgba(0, 0, 0,0.1);}
.i_nav .subnav a {font-size: 16px;width: 150px;text-align: center;color: #333;display: inline-block;position: relative;transition: .5s all;line-height: 70px;height: 70px;}
.i_nav .subnav a:not(:first-child)::before {content: '';position: absolute;width: 1px;height: 15px;background-color: rgba(0, 0, 0,0.2);left: 0;top: 50%;transform: translateY(-50%);}
.i_nav .subnav a::after {content: '';position: absolute;left: 51%;right: 51%;bottom: 0;height: 1px;background-color: var(--color1);transition: .5s all;}
.i_nav .subnav a.active,.i_nav .subnav a:hover {color: var(--color1);}
.i_nav .subnav a.active::after,.i_nav .subnav a:hover::after {left: 0;right: 0;}

/* about */
.about {padding-top: 105px;padding-bottom: 150px;}
.about .left {padding-right: 180px;}
.about h2 {font-size: 48px;color: rgba(0, 0, 0, 0.2);font-weight: bold;font-family: "Poppins";text-transform: uppercase;}
.about h1 {font-size: 44px;color: var(--color1);}
.about .desc {margin-top: 40px;}
.about p {font-size: 16px;line-height: 1.875;}
.about .uk-inline-clip {border-top-left-radius: 80px;border-bottom-right-radius: 80px;}
.about .uk-overlay-default {width: 130px;height: 130px;background-color: rgba(0, 0, 0,0.4);}
.about h4 {font-size: 16px;font-weight: bold;color: #fff;margin-top: 10px;}

/* culture */
.culture {position: relative;}
.culture::before {content: '';position: absolute;background-color: rgba(255, 255, 255,0.2);left: 50%;top: 0;width: 1px;transform: translateX(-50%);bottom: 0;}
.culture h1 {font-size: 44px;color: #fff;margin-bottom: 40px;transition: .5s all;}
.culture .uk-transition-toggle:hover h1 {margin-bottom: 60px;}

/* history */
.history {padding-top: 125px;padding-bottom: 120px;}
.history h2 {font-size: 48px;color: rgba(0, 0, 0, 0.2);font-weight: bold;font-family: "Poppins";text-transform: uppercase;}
.history h1 {font-size: 44px;color: var(--color1);}
.history .desc {margin-top: 60px;}
.history .text {margin-top: 120px;}
.history .p {position: absolute;width: 24px;height: 24px;border-radius: 50%;background-color: #90c31f;left: 50%;transform: translateX(-50%);opacity: 1;}

.history .p.p2.up {display: none;}
.history .p.p4.up {display: none;}
.history .p.p6.up {display: none;}
.history .p.p1.down {display: none;}
.history .p.p3.down {display: none;}
.history .p.p5.down {display: none;}

.history .p .cont {position: absolute;left: 50%;transform: translateX(-50%);width: 200px;}
.history .p.up .cont {top: 0;margin-top: 40px;}
.history .p.down .cont {bottom: 0;margin-bottom: 40px;}

.history .p .cont h4 {font-size: 18px;font-weight: bold;color: #333;}
.history .p .cont p {font-size: 16px;line-height: 1.75;color: #555555;}

.history .p1 {top: 60.6%;}
.history .p2 {top: 53%;}
.history .p3 {top: 65.7%;}
.history .p4 {top: 58.8%;}
.history .p5 {top: 63%;}
.history .p6 {top: 43%;}


/* workshop */
.workshop h2 {font-size: 48px;color: rgba(0, 0, 0, 0.2);font-weight: bold;font-family: "Poppins";text-transform: uppercase;}
.workshop h1 {font-size: 44px;color: var(--color1);}
.workshop .desc {margin-top: 40px;}
.workshop .uk-slidenav {padding: 9px 14px;border: 1px dashed var(--color1);color: var(--color1);border-radius: 50%;}
.workshop .uk-inline-clip {border-radius: 10px;}

/* qualification */
.qualification .uk-inline-clip {border: 6px solid #dddddd;}
.qualification h4 {font-size: 16px;color: #666;margin-top: 10px;}

/* contact */
.contact .uk-card-default {box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);border-radius: 20px;padding: 80px 60px;}
.contact .desc {margin-top: 40px;}
.contact h2 {font-size: 48px;color: rgba(0, 0, 0, 0.2);font-weight: bold;font-family: "Poppins";text-transform: uppercase;margin-bottom: 20px;}
.contact h1 {font-size: 34px;color: var(--color1);letter-spacing: 11.4px;}
.contact h1.t2 {letter-spacing: 0;}
.contact h5 {font-size: 20px;color: #888;margin-top: 40px;}
.contact .weixin {padding: 5px;border: 1px solid #DEDEDE;}
.contact .line {border-right: 1px solid rgba(0, 0, 0,0.1);}
.contact h4 {font-size: 16px;font-weight: bold;color: var(--color1);margin-top: 5px;}
.contact p {font-size: 16px;color: #888;}
.contact p a {font-size: 16px;color: #333;}

/* message */
.message {background-color: #f5f5f5;}
.message h2 {font-size: 48px;color: rgba(0, 0, 0, 0.2);font-weight: bold;font-family: "Poppins";text-transform: uppercase;}
.message h1 {font-size: 44px;color: var(--color1);}
.message .desc {margin-top: 40px;}
.message input {border: none;line-height: 50px;height: 50px;padding: 0 30px;}
.message textarea {border: none;line-height: 50px;padding: 15px 30px;}
.message button {background-color: #666666;color: #fff;line-height: 50px;height: 50px;transition: .5s all;}
.message button:hover {background-color: var(--color1);}

/* newslisttop */
.newslisttop .uk-card-default {padding: 35px;} 
.newslisttop .uk-inline-clip {border-radius: 10px;}
.newslisttop .left {padding-left: 60px;}
.newslisttop .right {padding-left: 120px;}
.newslisttop h6 {font-size: 18px;color: #999;}
.newslisttop h4 {font-size: 24px;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-top: 40px;margin-bottom: 20px;transition: .5s all;}
.newslisttop p {font-size: 15px;color: #666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height: 1.875;}
.newslisttop a.btn {width: 36px;height: 36px;border: 1px dashed var(--color1);border-radius: 50%;background-image: url(../image/jt.png);background-position: center;background-size: auto;background-repeat: no-repeat;display: inline-block;transition: .5s all;margin-top: 40px;}
.newslisttop a.btn:hover {border-style: solid;}
.newslisttop .uk-transition-toggle:hover h4 {color: var(--color1);}

/* newslist */
.newslist .uk-card-default {background-color: #f5f5f5;padding: 60px 60px;}
.newslist h4 {font-size: 24px;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-bottom: 20px;transition: .5s all;}
.newslist p {font-size: 15px;color: #666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 1.875;height: 3.75rem;}
.newslist h6 {font-size: 14px;color: #999;transition: .5s all;}
.newslist h5 {font-size: 18px;color: #999;transition: .5s all;}
.newslist .anniu {background-color: #f5f5f5;padding: 15px 60px;transition: .5s all;}
.newslist a.btn {width: 36px;height: 36px;border: 1px dashed #aaaaaa;border-radius: 50%;background-image: url(../image/jt2.png);background-position: center;background-size: auto;background-repeat: no-repeat;display: inline-block;transition: .5s all;}
.newslist a.btn:hover {border-style: solid;}
.newslist .uk-transition-toggle:hover .anniu {background-color: var(--color1);}
.newslist .uk-transition-toggle:hover h4 {color: var(--color1);}
.newslist .uk-transition-toggle:hover h6 {color: #fff;}
.newslist .uk-transition-toggle:hover h5 {color: #fff;}
.newslist .uk-transition-toggle:hover a.btn {filter: brightness(0) invert(1);}
.newslist .bian {border: 1px solid transparent;transition: .5s all;}
.newslist .uk-transition-toggle:hover.bian {border-color: var(--color1);}

/* news */
.news h3 {font-size: 30px;margin-bottom: 10px;}
.news p {text-indent: 2em;margin:10px 0;}
.news p img {display: block;margin:10px auto;max-width: 600px;width: 100%;height: auto !important;}
.news p video {display: block;margin:10px auto;width: 100%;height: auto !important;}

/* customer */
.customer .uk-card-default {border: 1px solid #e8e8e8;}
.customer .uk-child-width-1-7>* {width: calc(100% * 1 / 7.001);}
.customer .uk-inline-clip {padding: 15px;}

/* productlist */
.productlist h1 {font-size: 32px;color: var(--color1);}
.productlist .desc {margin-top: 40px;}
.productlist .uk-card-default {border: 1px solid #dddddd;}
.productlist h4 {font-size: 20px;font-weight: bold;transition: .5s all;margin-bottom: 10px;}
.productlist .uk-transition-toggle:hover h4 {color: var(--color1);}
.productlist h5 {font-size: 14px;color: #666;border: 1px solid #dedede;padding: 0 25px;line-height: 30px;height: 30px;transition: .5s all;display: inline-block;}
.productlist .uk-transition-toggle:hover h5 {color: #fff;background-color: var(--color1);border-color: var(--color1);}

/* product */
.product {background-color:#f8f8f8;}
.product h4 {font-size: 36px;color: var(--color1);margin-bottom: 50px;}
.product h5 {font-size: 18px;color: #666;margin-bottom: 50px;}
.product h5 a {color: #666;text-decoration: underline;}
.product .right {padding-left: 100px;}
.product .right .uk-card {padding: 30px;}
.product .right .uk-card p {font-size: 16px;color: #444444;line-height: 1.875;}
.product .right .uk-card a.btn {display: inline-block;margin-top: 50px;}
.product .right .uk-card a.btn p {font-size: 18px;color: var(--color1);line-height: 36px;height: 36px;display: inline-block;}
.product .right .uk-card a.btn span {width: 36px;height: 36px;border: 1px dashed var(--color1);border-radius: 50%;background-image: url(../image/jt3.png);background-position: center;background-size: auto;background-repeat: no-repeat;display: inline-block;transition: .5s all;}
.product .right .uk-card a.btn:hover span {background-color: var(--color1);background-image: url(../image/jt1.png);}
.product .right p span {font-size:16px;font-weight: bold;color: var(--color1);}
.product .right p span a {font-size:18px;font-weight: bold;font-family: impact;color:#333;}

.product .desc {margin-top: 40px;}
.product h3 {font-size: 28px;color: var(--color1);}
.product table {max-width: 1200px;}
.product table td {border: 1px solid #e8e8e8;line-height: 80px;height: 80px;padding: 0 50px;font-size: 18px;}
.product table td.active {background-color: var(--color1);color: #fff;}
.product .desc.pagination .uk-card-default {border-radius:40px;padding:0 30px;}
.product .desc.pagination p > * {display:inline-block;line-height:40px;height:40px;}
.product .desc.pagination p > a {color:#333;padding:0 10px;}

/* caselist */
.caselist h2 {font-size: 48px;color: rgba(0, 0, 0, 0.2);font-weight: bold;font-family: "Poppins";text-transform: uppercase;}
.caselist h1 {font-size: 34px;color: var(--color1);margin-bottom: 30px;}
.caselist p {font-size: 16px;color: #333;}

/* recommended */
.recommended {background-color: #f0f0f0;}
.recommended h1 {font-size: 34px;color: var(--color1);}
.recommended .desc {margin-top: 40px;}
.recommended .desc h4 {font-size: 16px;color: #333;margin-top: 15px;}
.recommended .desc .uk-transition-toggle:hover h4 {color: var(--color1);}

/* pagination */
.uk-pagination>*>* {padding: 5px 0;display: inline-block;}
.uk-pagination>*>:hover {color: #999;}
.uk-pagination>*>a:hover {color: #333;}
.pagination .page-status {display: none;}
.pagination .page-index {display: none;}
.pagination .page-last {display: none;}
.pagination span a {line-height: 30px;height: 30px;padding: 0 10px;display: inline-block;transition: .5s all;margin: 0 5px;font-size: 18px;font-family: arial;}
.pagination span a:not(.page-num) {background-color: #ccc;color: #fff;}
.pagination span a.page-num {background-color: #eee;color: #333;}
.pagination span a:hover,.pagination span a.page-num.page-num-current {color: #fff;background-color: var(--color1);}




.rotate-center{-webkit-animation:rotate-center .6s ease-in-out both;animation:rotate-center .6s ease-in-out both}
@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}


/* @media */
@media screen and (max-width: 1700px) {
	.i_about {background-size: 95%;}
}

@media screen and (max-width: 1500px) {
	.uk-container-xlarge {padding-left: 100px;padding-right: 100px;}
	.header .uk-navbar-nav>li>a {font-size: 16px;padding: 0 15px;}
	.header .logo img {height: 40px;}
	.header h1 {font-size: 16px;letter-spacing: 5.2px;}
	.header h1.t2 {margin-top: 3px;letter-spacing: 0px;}
	
	
	.i_prod_ .uk-grid {margin-left: -15px;}
	.i_prod_ .uk-grid>* {padding-left: 15px;}
	.i_prod_ .uk-grid>.uk-grid-margin {margin-top: 15px;}
	
	.i_prod_ p {font-size: 14px;}
	.i_prod a.btn {width: 50px;height: 50px;}
	
	.i_case hr {margin: 0 auto 25px;}
	.i_case .uk-card-default {padding: 80px 0;}
	.i_case .uk-card-default .pic img {max-height: 400px;}
	.i_case h2 {margin-top: 80px;}
	.i_case h5 {font-size: 20px;}
	.i_news a.btn {width: 50px;height: 50px;}
	.about .left {padding-right: 80px;}
	.culture .uk-card {margin: 30px;}
	.contact h1 {font-size: 30px;}
	.contact h1.t2 {letter-spacing: 9.9px;}
	.contact p {font-size: 14px;}
	.contact p a {font-size: 14px;}
	.contact .uk-grid {margin-left: -40px;}
	.contact .uk-grid>* {padding-left: 40px;}
	.contact .uk-grid>.uk-grid-margin {margin-top: 40px;}
	.contact .uk-card-default {padding: 60px 40px;}
	
	
}
@media screen and (max-width: 1400px) {
	.uk-container-xlarge {padding-left: 60px;padding-right: 60px;}
}
@media screen and (max-width: 1300px) {
	.header .uk-navbar-nav>li>a {font-size: 16px;}
	.uk-container-xlarge {padding-left: 40px;padding-right: 40px;}
	
}
@media screen and (max-width: 1200px) {
	.uk-grid {margin-left: -15px;}
	.uk-grid>* {padding-left: 15px;}
	.uk-grid>.uk-grid-margin {margin-top: 15px;}
	.uk-grid-collapse {margin-left: 0;}
	.uk-grid-collapse>* {padding-left: 0;}
	.uk-grid-collapse>.uk-grid-margin {margin-top: 0;}
	
	
	.uk-offcanvas-bar {width: 100%;left: 100%;background-color: #fff;padding: 0;}
	.uk-offcanvas-bar svg {color: #999;}
	.uk-offcanvas-bar a {color: #999;}
	.uk-offcanvas-bar .uk-nav>li>a {color: #999;text-transform: uppercase;padding: 0;}
	.uk-offcanvas-bar .uk-nav>li.uk-active>a {color: #333;}
	.uk-offcanvas-bar a:hover {color: #333;}
	.uk-offcanvas-bar .uk-nav-sub>li.uk-active>a {color: #333;}
	.uk-offcanvas-bar hr {border-color: #dedede;}
	.uk-offcanvas-bar h6 {color: #999;}
	.uk-offcanvas-bar .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");}
	.uk-offcanvas-bar .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");}
	#tm-mobile .uk-list li.uk-active a {color: #333;}
	
	.uk-navbar-container:not(.uk-navbar-transparent)  {background-color: transparent;}
	.uk-container-xlarge {padding-left: 15px;padding-right: 15px;}
	.header .uk-navbar-item, .header .uk-navbar-nav>li>a, .header .uk-navbar-toggle {min-height: 60px;}
	.header .uk-navbar-toggle {color: #fff;}
	.header.active .uk-navbar-toggle,.header:hover .uk-navbar-toggle {color: #333;}
	
	.header.fixed .uk-navbar-toggle {color: #333;}
	.header.fixed .logo .img2 {display: block;}
	.header.fixed .logo .img1 {display: none;}
	.header .uk-navbar {padding: 0 15px;}
	
	.i_banner a.btn {margin-top: 40px;width: 30px;height: 30px;background-size: 50%;}
	.i_banner .uk-slidenav {padding: 5px 10px;}
	.i_banner .uk-slidenav-previous {margin-left: 15px;}
	.i_banner .uk-slidenav-next {margin-right: 15px;}
	.i_banner .uk-dotnav>*>* {height: 5px;}
	.i_prod h2 {font-size: 25px;}
	.i_prod h1 {font-size: 30px;}
	.i_prod .pic h4 {font-size: 14px;}
	.i_prod_ h4 {margin-top: 0;}
	.i_about {background-image: none !important;padding-top: 50px;padding-bottom: 50px;}
	.i_about h2 {font-size: 25px;}
	.i_about h1 {font-size: 30px;}
	.i_about a.btn {width: 30px;height: 30px;background-size: 50%;}
	.i_case h2 {font-size: 25px;margin-top: 0;}
	.i_case h1 {font-size: 30px;}
	.i_case h4 {font-size: 24px;}
	.i_case .uk-card-default {padding: 40px 0;}
	.i_case .desc {padding-right: 115px;}
	
	.about {padding-top: 50px;padding-bottom: 50px;}
	.about h2 {font-size: 25px;}
	.about h1 {font-size: 30px;}
	.about .left {padding-right: 0;}
	
	
	.i_news {padding-top: 50px;padding-bottom: 50px;}
	.i_news .desc .uk-list {display: flex;flex-wrap: wrap;}
	.i_news h2 {font-size: 25px;}
	.i_news h1 {font-size: 30px;}
	.i_news a.btn {width: 30px;height: 30px;background-size: 50%;margin-top: 30px;}
	.i_news .uk-list>:nth-child(n+2) {margin-left: 15px;margin-top: 0;}
	.i_news .uk-card-default {padding: 15px;}
	
	.msg h4 {font-size: 18px;}
	.msg a.btn {width: 200px;line-height: 45px;height: 45px;}
	
	.i_nav .uk-grid {margin-left: 0;}
	.i_nav .uk-grid>* {padding-left: 0;}
	.i_nav .uk-grid>.uk-grid-margin {margin-top: 0;}
	.i_nav a {line-height: 50px;height: 50px;}
	.i_nav .subnav a {line-height: 50px;height: 50px;}
	
	.history .text {margin-top: 40px;}
	.history h2 {font-size: 25px;}
	.history h1 {font-size: 30px;}
	
	.history .p1 {top: 56.1%;}
	.history .p2 {top: 64.1%;}
	.history .p3 {top: 46.1%;}
	.history .p .cont p {font-size: 14px;line-height: 1.5;}
	
	.workshop h2 {font-size: 25px;}
	.workshop h1 {font-size: 30px;}
	.product .right {padding-left: 0;}
	.product h4 {font-size: 24px;margin-bottom: 20px;}
	.product h5 {margin-bottom: 20px;}
	.product .right .uk-card a.btn {margin-top: 0;}
	.product h3 {font-size: 20px;}
	.product .desc .uk-card-body {padding: 15px;}
	.product .desc.pagination .uk-card-default {padding: 0 15px;}
	
	.message h2 {font-size: 25px;}
	.message h1 {font-size: 30px;}
	
	.caselist h2 {font-size: 25px;}
	.caselist h1 {font-size: 30px;}
	
	.recommended h1 {font-size: 30px;}
	
	.newslisttop .uk-card-default {padding: 15px;}
	.newslisttop .left {padding-left: 0;}
	.newslisttop h4 {font-size: 20px;margin-top: 20px;}
	.newslisttop .right {padding-left: 0;padding-top: 20px;}
	.newslist .uk-card-default {padding: 15px;}
	.newslist .anniu {padding: 15px;}
	.customer .uk-child-width-1-7>* {width: calc(100% * 1 / 5.001);}
	.contact .uk-grid>.uk-grid-margin {margin-top: 20px;}
	
	
	

	.uk-pagination {display: block;}
	.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;}
}

@media screen and (max-width: 960px) {
	
	.i_nav .subnav a {width: auto;font-size: 14px;line-height: 50px;height: 50px;padding: 0 1.1%;}
	
	.about .uk-overlay-default {width: 80px;height: 80px;}
	.about .uk-overlay-default img {width: 40px;height: 40px;}
	.about .uk-overlay-default h4 {font-size: 12px;}
	.culture::before {top: 50%;left: 0;right: 0;bottom: auto;transform: translateY(-50%);width: auto;height: 1px;}
	.culture h1 {font-size: 30px;margin-bottom: 20px;}
	.culture.uk-background-fixed {background-attachment: fixed;}
	.history .p1 {top: 64.1%;}
	.productlist h4 {font-size: 16px;margin-bottom: 5px;}
	.productlist h5 {font-size: 12px;padding: 0 15px;line-height: 25px;height: 25px;}
	.product .right .uk-card {padding: 15px;}
	.customer .uk-child-width-1-7>* {width: calc(100% * 1 / 2.001);}
	.contact .uk-card-default {padding: 15px;}
	.contact h1 {font-size: 18px;}
	.contact .uk-grid {margin-left: -15px;}
	.contact .uk-grid>* {padding-left: 15px;}
	.contact .uk-grid>.uk-grid-margin {margin-top: 15px;}
	.contact .line {border-right: none;}
	.contact:not(.weixin) {weixin:45px;}
    .contact *+.uk-grid-margin {margin-top: 15px;}
	.contact h1.t2 { letter-spacing: 5.9px;}
	
	
	
	
	
	
	
	
}