/* common */
:root {--color1:#334083;--color2:#3486b4;}

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

body,html {font-family: "Microsoft YaHei", sans-serif !important;}
h1, h2, h3, h4, h5, h6, p,span,a  {font-family: "Microsoft YaHei", sans-serif !important;}

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-large {max-width: 1500px;}
.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;} */


/* nav */
.nav {background-color: #fff;box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 16%);position: fixed;z-index: 9; width: 100%;}
.nav .uk-logo img {height: 62px;}
.nav .uk-navbar-item,.nav .uk-navbar-nav>li>a,.nav .uk-navbar-toggle {min-height: 100px;transition: .5s all;}

.nav .uk-navbar-nav>li:not(.phone) {padding: 0 13px;}
.nav .uk-navbar-nav>li:not(.phone)>a {font-size: 16px;color: #222;position: relative;transition: .5s all;font-weight: bold;padding: 0 17px;}
.nav .uk-navbar-nav>li:not(.phone)>a span {position: absolute;background-color: var(--color1);opacity: 0;transition: .6s all;}

.nav .uk-navbar-nav>li:not(.phone):hover>a,.nav .uk-navbar-nav>li:not(.phone).active>a {color: var(--color1);}

.nav .uk-navbar-nav>li:not(.phone)>a span:nth-child(2n) {width: 8px;height: 2px;}
.nav .uk-navbar-nav>li:not(.phone)>a span:nth-child(2n-1) {width: 2px;height: 8px;}
.nav .uk-navbar-nav>li:not(.phone)>a span:nth-child(1) {top: calc(100% - 41px);left: 0;}
.nav .uk-navbar-nav>li:not(.phone)>a span:nth-child(2) {left: calc(100% - 7px);top: 34px;}
.nav .uk-navbar-nav>li:not(.phone)>a span:nth-child(3) {bottom: calc(100% - 41px);right: 0;}
.nav .uk-navbar-nav>li:not(.phone)>a span:nth-child(4) {right: calc(100% - 7px) ;bottom: 34px;}
.nav .uk-navbar-nav>li:not(.phone):hover>a span ,.nav .uk-navbar-nav>li:not(.phone).active>a span {opacity: 1;}
.nav .uk-navbar-nav>li:not(.phone):hover>a span:nth-child(1) ,.nav .uk-navbar-nav>li:not(.phone).active>a span:nth-child(1) {top: 34px;}
.nav .uk-navbar-nav>li:not(.phone):hover>a span:nth-child(2) ,.nav .uk-navbar-nav>li:not(.phone).active>a span:nth-child(2) {left: 0;}
.nav .uk-navbar-nav>li:not(.phone):hover>a span:nth-child(3) ,.nav .uk-navbar-nav>li:not(.phone).active>a span:nth-child(3) {bottom: 34px;}
.nav .uk-navbar-nav>li:not(.phone):hover>a span:nth-child(4) ,.nav .uk-navbar-nav>li:not(.phone).active>a span:nth-child(4) {right: 0;}

.nav .uk-navbar-nav>li.phone {margin-left: 25px;}
.nav .uk-navbar-nav>li.phone>a {font-size: 24px;color: var(--color1);position: relative;padding-left: 15px;transition: .5s all;font-family: 'DINPro' !important;}
.nav a.lan .bg {width: 30px;height: 30px;border-radius: 50%;background-color: #c4c4c4;text-align: center;line-height: 24px;transition: .6s all;}
.nav a.lan:hover .bg {background-color: var(--color1);}
.nav a.tel .bg {width: 30px;height: 30px;border-radius: 50%;background-color: #c4c4c4;text-align: center;line-height: 24px;transition: .6s all;}
.nav a.tel:hover .bg {background-color: var(--color1);}


.nav .uk-navbar-dropdown {padding: 0;min-width: 150px;width: auto;--uk-position-offset:0;--uk-position-viewport-offset: 0;}
.nav .uk-navbar-dropdown-nav>li {overflow: hidden;}
.nav .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: .6s all;position: relative;}
.nav .uk-navbar-dropdown-nav>li:hover>a ,.nav .uk-navbar-dropdown-nav>li.active>a {color: var(--color1);border-bottom: 1px solid var(--color1);}
.nav .uk-navbar-dropdown-nav>li>a .jt {position: absolute;right: -40px;top: 50%;transform: translateY(-50%);transition: .6s all;}
.nav .uk-navbar-dropdown-nav>li>a .jt img {animation: turnaround 3s linear infinite;}
.nav .uk-navbar-dropdown-nav>li:hover>a .jt,.nav .uk-navbar-dropdown-nav>li.active>a .jt {right: 20px;}

/* i_banner */
.i_banner .uk-container {padding: 0;}
.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-light .uk-dotnav>*>* {width: 31px;height: 2px;background-color: #d9d9d9;border-radius: 0;transition: .6s all;border: none;}
.i_banner.uk-light .uk-dotnav>.uk-active>* {width: 44px;background-color: var(--color1);}

.i_banner .slide1 h1 {font-size: 64px;color: #222;font-weight: bold;white-space: nowrap;}
.i_banner .slide1 h1 span {font-size: 120px;color: var(--color1);font-family: impact !important;line-height: 1;}
.i_banner .slide1 h2 {font-size: 64px;color: #222;font-weight: bold;white-space: nowrap;}

.i_banner .slide2 h1 {font-size: 68px;color: #fff;font-weight: bold;white-space: nowrap;}
.i_banner .slide2 h2 {font-size: 68px;color: #fff;font-weight: bold;white-space: nowrap;}

.i_banner .slide3 h1 {font-size: 64px;color: #222;font-weight: bold;white-space: nowrap;margin-bottom: 15px;}
.i_banner .slide3 h1 span {color: var(--color1);}
.i_banner .slide3 h2 {font-size: 44px;color: #222;white-space: nowrap;}
.i_banner .slide3 .desc {margin-bottom: 150px;}

.i_banner .desc {margin-top: 60px;}
.i_banner a.btn .round {width: 60px;height: 60px;border-radius: 50%;background-color: #fff;position: relative;transition: .6s all;line-height: 60px;text-align: center;}
.i_banner a.btn:hover .round {background-color: var(--color1);}
.i_banner a.btn .round img {transition:transform .6s;}
.i_banner a.btn:hover .round img {filter: brightness(0) invert(1);transform: rotate(45deg);}

/* title */
.title h1 {font-size: 42px;font-weight: bold;color: var(--color1);}
.title hr {border: none;width: 60px;height: 4px;background-image: -moz-linear-gradient( 0deg, rgb(45,88,166) 0%, rgb(0,199,243) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(45,88,166) 0%, rgb(0,199,243) 100%);background-image: -ms-linear-gradient( 0deg, rgb(45,88,166) 0%, rgb(0,199,243) 100%);}
.title h5 {font-size: 18px;color: #333;}
.title h2 {font-size: 36px;color: var(--color1);}

/* i_prod */
.i_prod .desc {margin-top: 45px;}
.i_prod h4 {font-size: 18px;color: #333;line-height: 50px;height: 50px;transition: .6s all;}
.i_prod .uk-transition-toggle:hover h4 {color: var(--color1);}
.i_prod .uk-dotnav>*>* {width: 31px;height: 2px;background-color: #d9d9d9;border-radius: 0;transition: .6s all;border: none;}
.i_prod .uk-dotnav>.uk-active>* {width: 44px;background-color: var(--color1);}

/* i_about */
.i_about p {font-size: 16px;color: #666;line-height: 1.875;text-align: justify;}
.i_about .left {padding-right: 100px;}
.i_about .left .yh {transform: translateY(10px);}
.i_about .left h5 {font-size: 16px;font-weight: bold;color: var(--color1);line-height: 30px;height: 30px;}

.i_about .left a.btn {line-height: 40px;height: 40px;display: inline-block;width: 136px;text-align: center;color: #fff;transition: .6s all;margin-top: 40px;transition: .6s all;position: relative;background-color: #aaaaaa;-webkit-clip-path: path("M 0 0 L 0 42 L 116 42 L 136 42 C 115 0 136 42 115 0 L 0 0");clip-path: path("M 0 0 L 0 42 L 116 42 L 136 42 C 115 0 136 42 115 0 L 0 0");}
.i_about .left a.btn span {opacity: 0;transition: .6s all;}
.i_about .left a.btn:hover {-webkit-clip-path:path("M 0 0 L 0 42 L 110 42 L 110 42 C 136 42 136 0 110 0 L 0 0");clip-path: path("M 0 0 L 0 42 L 110 42 L 110 42 C 136 42 136 0 110 0 L 0 0");background-color: var(--color1);}
.i_about .left a.btn:hover span {opacity: 1;}

.i_about .desc {margin-top: 20px;}
.i_about .right {padding-left: 40px;}
.i_about .right .uk-overlay-default {background-color: rgba(0, 0, 0,0.3);}

/* i_partner */
.i_partner .desc {margin-top: 40px;}
.i_partner a.btn {line-height: 40px;height: 40px;display: inline-block;width: 136px;text-align: center;color: #aaaaaa;transition: .6s all;transition: .6s all;position: relative;}
.i_partner a.btn:hover {color: #fff;}
.i_partner a.btn path {transition: .6s all;}
.i_partner a.btn:hover path {d: path("M 0 0 L 0 42 L 110 42 L 110 42 C 136 42 136 0 110 0 L 0 0");fill: var(--color1);}
.i_partner a.btn span {opacity: 0;transition: .6s all;}
.i_partner a.btn:hover span {opacity: 1;color: #fff;}

.macklogo{width:100%;height:0;padding-bottom: 38%;position:relative;margin-top: 20px;}
.macklogo ._cir{width:10%;position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.macklogo ._cir>div{width:100%;padding-bottom:100%;border: 1px solid #eaeaea;border-radius: 50%;
animation: spread 5s linear infinite;opacity:0;will-change: transform;}
@keyframes spread {
    0% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(5);
        opacity: 0
    }
}
.macklogo ._cir.j1>div {animation-delay: 1s;}
.macklogo ._cir.j2>div {animation-delay: 2s;}
.macklogo ._cir.j3>div {animation-delay: 3s;}
.macklogo ._cir.j4>div {animation-delay: 4s;}
.macklogo ._cir.j5>div {animation-delay: 5s;}
.macklogo ._list {position:absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;}
.macklogo ._list ._item {width: 10%;position: absolute;}
.macklogo ._list ._item>div {width: 100%;height: 0;padding-bottom: 100%;background-color: #fff;border-radius: 50%;box-shadow: 0 0 20px rgba(0,0,0,.05);}
.macklogo ._list ._item img {width: 80%;height: 80%;object-fit: contain;position: absolute;top: 10%;left: 10%;}
.macklogo ._list ._item.k {top: 50%;left: 50%;transform: translate(-50%,-50%);}
.macklogo ._list ._item.k img {width: 70%;height: 70%;top: 15%;left: 15%;}

.macklogo ._list ._item.k1{top:33%;left: 0%;}
.macklogo ._list ._item.k2{top: 14%;left: 10%;transform: scale(.75);}
.macklogo ._list ._item.k3{top: 42%;left: 11%;transform: scale(.7);}
.macklogo ._list ._item.k4{top: 70%;left: 15%;transform: scale(.85);}
.macklogo ._list ._item.k5{top: 0%;left: 20%;transform: scale(.75);}
.macklogo ._list ._item.k6{top: 30%;left: 25%;transform: scale(.7);}
.macklogo ._list ._item.k7{top: 0%;left: 35%;transform: scale(.85);}
.macklogo ._list ._item.k8{top: 3%;left: 53%;transform: scale(.9);}
.macklogo ._list ._item.k9{top: 28%;left: 63%;transform: scale(.85);}
.macklogo ._list ._item.k10{top: 70%;left: 35%;transform: scale(.8);}
.macklogo ._list ._item.k11{top: 65%;left: 56%;transform: scale(.75);}
.macklogo ._list ._item.k12{top: 6%;left: 85%;transform: scale(.85);}
.macklogo ._list ._item.k13{top: 35%;left: 80%;transform: scale(.8);}
.macklogo ._list ._item.k14{top: 62%;left: 75%;transform: scale(.85);}
.macklogo ._list ._item.k15{top: 54%;left: 90%;transform: scale(.9);}

/* i_news */
.i_news .desc {margin-top: 40px;}
.i_news a.btn {line-height: 40px;height: 40px;display: inline-block;width: 136px;text-align: center;color: #aaaaaa;transition: .6s all;transition: .6s all;position: relative;}
.i_news a.btn:hover {color: #fff;}
.i_news a.btn path {transition: .6s all;}
.i_news a.btn:hover path {d: path("M 0 0 L 0 42 L 110 42 L 110 42 C 136 42 136 0 110 0 L 0 0");fill: var(--color1);}
.i_news a.btn span {opacity: 0;transition: .6s all;}
.i_news a.btn:hover span {opacity: 1;color: #fff;}

.i_news .left .uk-card-default {padding: 30px 30px 50px 30px;background-color: #f6f6f6;}
.i_news .left h4 {font-size: 21px;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-bottom: 10px;}
.i_news .left h6 {font-size: 15px;font-family: arial;color: #999;margin-bottom: 10px;}
.i_news .left p {font-size: 15px;color: #888;line-height: 1.867;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 3.734em;}

.i_news .right .uk-card-default {padding:50px 40px;background-color: #f6f6f6;}
.i_news .right h4 {font-size: 18px;margin-bottom: 10px;}

.i_news .uk-transition-toggle:hover h4 {color: var(--color1);}

/* foot */
.foot {background-color: var(--color2);}
.foot h4 {font-size: 16px;font-weight: bold;color: #fff;}
.foot ul>li>a {font-size: 14px;color: rgba(255, 255, 255, 0.6);transition: .6s all;}
.foot ul>li>a:hover {color: #fff;text-decoration: underline;}
.foot .right {padding-left: 175px;}
.foot .phone {margin-bottom: 20px;}
.foot h3 a {font-size: 24px;font-family: 'DINPro' !important;color: #fff;}
.foot h3 a:hover {text-decoration: underline;}
.foot .desc {margin-top: 20px;}
.foot .desc p img {margin-right: 10px;}
.foot .desc p ,.foot .desc p a {font-size: 16px;color: #fff;line-height: 2;}
.foot .desc p a:hover {text-decoration: underline;}
.foot form {width: 250px;position: relative;}
.foot .uk-input {line-height: 40px;height: 40px;background-color: #5d9ec3;border: none;border-radius: 50px;padding-left: 20px;padding-right: 60px;}
.foot .uk-button {padding: 0;position: absolute;right: 0;top: 0;width: 60px;height: 40px;background-color: transparent;}

.foot input::-webkit-input-placeholder {color:rgba(255, 255, 255, 0.6) !important;}
.foot input::-moz-placeholder {color: rgba(255, 255, 255, 0.6) !important;} 
.foot input::-moz-placeholder {color: rgba(255, 255, 255, 0.6) !important;} 
.foot input::-ms-input-placeholder {color: rgba(255, 255, 255, 0.6) !important;}

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

/* banner */
.banner .text {left: 60px;margin-top: -45px;}
.banner  h1 {font-size: 40px;color: #fff;font-weight: bold;}
.banner .desc ,.banner .desc a {margin-top: 44px; font-size: 14px;color: #fff;}
.banner .desc img {transform: translateY(-4px);margin-right: 5px;}
.banner .uk-container {padding: 0px;}

/* i_nav */
.i_nav {position: relative;z-index: 1;background-color: #fff;}
.i_nav svg {margin-top: -4px;}
.i_nav .subnav {border-bottom: 1px solid #ececec;}
.i_nav .subnav a {font-size: 16px;color: #333;width: 100px;text-align: center;display: block;line-height: 60px;height: 60px;transition: .6s all;position: relative;margin: 0 20px;}
.i_nav .subnav a:hover,.i_nav .subnav a.active {color: var(--color1);}
.i_nav .subnav a::before {content: '';position: absolute;left: 51%;right: 51%;bottom: -2px;height: 3px;background-color: var(--color1);transition: .6s all;}
.i_nav .subnav a:hover::before ,.i_nav .subnav a.active::before {left: 0;right: 0;}

/* about */
.about {position: relative;z-index: 1;background-color: #fff;}
.about .title h2 {font-size: 32px;}
.about p {font-size: 16px;color: #555;line-height: 1.875;text-align: justify;}
.about .left {padding-right: 80px;}
.about .desc {margin-top: 40px;}
.about .right {padding-left: 40px;}
.about .uk-dotnav>*>* {width: 30px;height: 2px;background-color: #d9d9d9;border-radius: 0;transition: .6s all;border: none;}
.about .uk-dotnav>.uk-active>* {width: 44px;background-color: var(--color1);}

/* culture */
.culture {position: relative;z-index: 1;background-color: #f4f5f9;}
.culture .desc {margin-top: 40px;}
.culture .uk-card-default {border-radius: 30px;overflow: hidden;}
.culture .uk-inline-clip {border-radius: 30px;}
.culture .uk-card-body {padding: 105px 105px 95px;}
.culture .uk-card-body p {display: flex;align-items: center;flex-wrap: nowrap;border-bottom: 1px solid rgba(0, 0, 0,0.059);font-size: 16px;color: #666;}
.culture .uk-card-body p strong {font-size: 24px;color: #333;font-weight: normal;margin-right: 30px;}


/* a_certificate */
.a_certificate {position: relative;z-index: 1;background-color: #fff;}
.a_certificate a.btn {line-height: 40px;height: 40px;display: inline-block;width: 136px;text-align: center;color: #fff;transition: .6s all;transition: .6s all;position: relative;background-color: #aaaaaa;-webkit-clip-path: path("M 0 0 L 0 42 L 116 42 L 136 42 C 115 0 136 42 115 0 L 0 0");clip-path: path("M 0 0 L 0 42 L 116 42 L 136 42 C 115 0 136 42 115 0 L 0 0");}
.a_certificate a.btn span {opacity: 0;transition: .6s all;}
.a_certificate a.btn:hover {-webkit-clip-path:path("M 0 0 L 0 42 L 110 42 L 110 42 C 136 42 136 0 110 0 L 0 0");clip-path: path("M 0 0 L 0 42 L 110 42 L 110 42 C 136 42 136 0 110 0 L 0 0");background-color: var(--color1);}
.a_certificate a.btn:hover span {opacity: 1;}

.a_certificate .desc {margin-top: 40px;}
.a_certificate .uk-card-default {border-radius: 20px;background-color: #f3f3f3;padding: 20px 20px 0;}
.a_certificate h4 {font-size: 15px;color: #333;line-height: 60px;height: 60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; }
.a_certificate .uk-transition-toggle:hover h4 {color: var(--color1);}
.a_certificate .uk-dotnav>*>* {width: 30px;height: 2px;background-color: #d9d9d9;border-radius: 0;transition: .6s all;border: none;}
.a_certificate .uk-dotnav>.uk-active>* {width: 44px;background-color: var(--color1);}

/* certificate */
.certificate {padding: 50px 0;position: relative;z-index: 1;background-color: #fff;}
.certificate .title h1 {font-weight: normal;font-size: 30px;}
.certificate .desc {margin-top: 40px;}
.certificate h4 {font-size: 15px;color: #333;line-height: 50px;height: 50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; }
.certificate .uk-transition-toggle:hover h4 {color: var(--color1);}
.certificate + .certificate {padding-top: 0;}

/* partner */
.partner {position: relative;z-index: 1;background-color: #fff;}
.partner .desc {margin-top: 40px;}
.partner .uk-card-default {padding: 20px;border: 1px solid #f0f0f0;}

/* partneradv */
.partneradv {padding: 112px 0;position: relative;z-index: 1;background-color: #fff;}
.partneradv h4 {font-size: 36px;font-weight: bold;color: var(--color1);}

/* contact */
.contact {position: relative;z-index: 1;background-color: #fff;}
.contact .desc {margin-top: 40px;}
.contact .round {width: 78px;height: 78px;text-align: center;border-radius: 50%;line-height: 78px;border: 1px solid var(--color1);margin: 0 auto;}
.contact h4 {font-size: 16px;color: #666;margin-top: 15px;}
.contact h5 {font-size: 14px;color: #999;font-family: arial !important;text-transform: uppercase;margin-bottom: 20px;}
.contact p,.contact p a {font-size: 24px;color: #222;}
.contact h6 {font-size: 16px;color: #222;width: 58%;margin: 0 auto;line-height: 1.875;}

/* message */
.message {background-color: #f3f5f4;position: relative;z-index: 1;}
.message .desc {margin-top: 40px;}
.message .uk-card-default {padding: 60px 70px;}
.message input {background-color: #f5f5f5;border: none;line-height: 60px;height: 60px;border: 1px solid transparent;padding: 0 30px;}
.message .uk-button {background-color: #cccccc;font-size: 15px;color: #333;width: 180px;text-align: center;line-height: 60px;height: 60px;transition: .6s all;}
.message input:focus {background-color: #f5f5f5;border-color: var(--color1);}
.message .uk-button:hover {background-color: var(--color1);color: #fff;}
.message .uk-grid {margin-left: -30px;}
.message .uk-grid>* {padding-left: 30px;}
.message .uk-grid>.uk-grid-margin {margin-top: 30px;}

/* joblist */
.joblist {position: relative;z-index: 1;background-color: #fff;}
.joblist .desc {margin-top: 40px;}
.joblist h4 {font-size: 16px;color: #333;line-height: 65px;height: 65px;position: relative;}
.joblist .uk-card-body {padding: 0 45px;}
.joblist .uk-accordion-title::before {content: none;}
.joblist .uk-card-default {background-color: #e1e3eb;border-radius: 20px;}
.joblist .open {width: 60px;}
.joblist .open h4 span {position: absolute;right: 0;width: 10px;height: 1px;background-color: var(--color1);transition: .6s all;}
.joblist .open h4 span:nth-child(1) {top: 35px;transform: translate(-7px,0px) rotate(45deg);}
.joblist .open h4 span:nth-child(2) {top: 35px;transform: translate(0px,0px) rotate(-45deg);}
.joblist .uk-open h4 span:nth-child(1) {top: 32px;transform: translate(0px,3.5px) rotate(-45deg);}
.joblist .uk-open h4 span:nth-child(2) {top: 32px;transform: translate(0px,-3.5px) rotate(-135deg);}

.joblist .uk-accordion-content {padding: 40px;}
.joblist .uk-accordion-content p {font-size: 16px;color: #333;line-height: 1.875;}
.joblist .uk-accordion-content p strong {font-weight: bold;color: var(--color1);margin-bottom: 10px;}

/* newslist */
.newslist {position: relative;z-index: 1;background-color: #fff;}
.newslist .title h1 {font-weight: normal;font-size: 30px;}
.newslist .desc {margin-top: 40px;}
.newslist .uk-card-default {background-color: #f8f8f8;border-radius: 20px;overflow: hidden;padding: 0 20px;transition: .6s all;}
.newslist .uk-card-default + .uk-card-default {margin-top: 50px;}
.newslist .uk-card-body {padding: 30px 40px;}
.newslist .time h1 {font-size: 28px;font-weight: bold;color: var(--color1);font-family: arial !important;line-height: 2;transition: .6s all;}
.newslist .time h6 {font-size: 18px;color: #999;font-family: arial !important;transition: .6s all;}
.newslist .line {width: 130px;position: relative;padding-left: 0;} 
.newslist .line::before {content: '';position: absolute;width: 1px;height: 80px;background-color: #e2e2e2;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.newslist h4 {font-size: 20px;color: #333;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition: .6s all;}
.newslist p {font-size: 14px;color: #888;line-height: 1.714;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 3.428em;transition: .6s all;}
.newslist .round {width: 44px;height: 44px;border-radius: 50%;background-color: rgba(0, 0, 0,0.2);position: relative;transition: .6s all;}
.newslist .round span {position: absolute;left: 16px;width: 15px;height: 2px;background-color: #fff;transition: .6s all;transition: .6s all;}
.newslist .round span:nth-child(1) {top: 23px;transform: translate(0px,3.5px) rotate(-45deg);}
.newslist .round span:nth-child(2) {top: 20px;transform: translate(0px,-3.5px) rotate(-135deg);}
.newslist .uk-transition-toggle:hover h4 {color: #fff;}
.newslist .uk-transition-toggle:hover p {color: #fff;}
.newslist .uk-transition-toggle:hover .time h1 {color: #fff;}
.newslist .uk-transition-toggle:hover .time h6 {color: #fff;}
.newslist .uk-transition-toggle:hover .round {background-color: #fff;}
.newslist .uk-transition-toggle:hover .round span {background-color: var(--color1);}
.newslist .uk-transition-toggle:hover {background-color: var(--color1);}

/* news */
.news {position: relative;z-index: 1;background-color: #fff;}
.news h3 {font-size: 24px;margin-bottom: 10px;}
.news h6 {font-size: 14px;color: #666;}
.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;}
.news p .loadingclass {width: auto;display: inline-block;}  /* 解决pdf图标问题 */

/* caselist */
.caselist {position: relative;z-index: 1;background-color: #fff;}
.caselist .title h1 {font-weight: normal;font-size: 30px;}
.caselist .desc {margin-top: 40px;}
.caselist .uk-card-default {border: 3px solid #e4e4e4;}
.caselist h4 {font-size: 16px;color: #333;line-height: 40px;height: 40px;transition: .6s all;}
.caselist .uk-dotnav>*>* {width: 31px;height: 2px;background-color: #d9d9d9;border-radius: 0;transition: .6s all;border: none;}
.caselist .uk-dotnav>.uk-active>* {width: 44px;background-color: var(--color1);}
.caselist .uk-transition-toggle:hover h4 {color: #fff;}
.caselist + .caselist {padding-top: 0;}

/* case */
.case {position: relative;z-index: 1;background-color: #fff;}
.case img {display: block;margin:10px auto;max-width: 600px;width: 100%;height: auto !important;}
.case video {display: block;margin:10px auto;width: 100%;height: auto !important;}
.case .loadingclass {width: auto;display: inline-block;}

/* leftnav */
.leftnav {position: relative;z-index: 1;background-color: #fff;}
.leftnav .title h1 {font-weight: normal;font-size: 30px;}
.leftnav {width: 260px;}
.leftnav .main>li {position: relative;overflow: hidden;margin-top: 0;}
.leftnav .main>li>a {line-height: 45px;height: 45px;font-size: 15px;color: #333;display: block;border-bottom: 1px solid #f2f3f4;transition: .6s all;}
.leftnav .main>li>a:hover,.leftnav .main>li.active>a {color: var(--color1);padding-left: 25px;}
.leftnav .main>li>a::before {content: '';position: absolute;width: 5px;height: 100%;background-color: var(--color1);left: -5px;top: 0;transition: .6s all;}
.leftnav .main>li>a:hover::before,.leftnav .main>li.active>a::before {left: 0;}
.leftnav .main>li>a::after {content: '';position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 1px;background-color: var(--color1);transition:transform .6s;transform: scaleX(0);transform-origin: right center;}
.leftnav .main>li>a:hover::after,.leftnav .main>li.active>a::after {transform: scaleX(1);transform-origin: left center;}

/* productlist */
.productlist {padding-left: 80px;position: relative;z-index: 1;background-color: #fff;}
.productlist .uk-card-default {border: 1px solid #e4e4e4;border-radius: 20px;overflow: hidden;}
.productlist h4 {font-size: 16px;color: #333;line-height: 40px;height: 40px;transition: .6s all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; }
.productlist .uk-transition-toggle:hover h4 {color: var(--color1);}

/* product */
.product {padding-left: 80px;position: relative;z-index: 1;background-color: #fff;}
.product .desc {margin-top: 80px;}
.product .uk-card-default {padding: 80px 100px;background-color: #f6f6f6;}
.product a.btn {line-height: 40px;height: 40px;display: inline-block;width: 136px;text-align: center;color: #aaaaaa;transition: .6s all;transition: .6s all;position: relative;}
.product a.btn:hover {color: #fff;}
.product a.btn path {transition: .6s all;}
.product a.btn:hover path {d: path("M 0 0 L 0 42 L 110 42 L 110 42 C 136 42 136 0 110 0 L 0 0");fill: var(--color1);}
.product a.btn span {opacity: 0;transition: .6s all;}
.product a.btn:hover span {opacity: 1;color: #fff;}

.product h3 {font-size: 28px;font-weight: bold;color: #333;margin-bottom: 30px;}
.product h5 {font-size: 16px;color: #666;}
.product h1 {font-size: 28px;color: #333;margin-bottom: 15px;}
.product hr {border: none;width: 137px;height: 4px;background-color: var(--color1);margin: 0 auto;}
.product .cont {margin-top: 50px;}

.product table th {border: 1px solid #eeeeee;padding: 0 20px;line-height: 50px;height: 50px;font-size: 16px;background-color: var(--color1);color: #fff;}
.product table td {border: 1px solid #eeeeee;padding: 0 20px;line-height: 50px;height: 50px;}

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


/* @keyframes */
@keyframes turnaround {
  0% {transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}
.inset {
  animation-name: inset;
  animation-duration: 1.2s;
  animation-timing-function:cubic-bezier(0.49, 0.54, 0.16, 1);
}
@keyframes inset {
  0% {
    clip-path: inset(100% 0 0 0);
    opacity: 0;
    transform: translate3d(0%, 40px, 0);
  }
  99% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
    transform: none;
  }
  100%{
  	clip-path: none;
  }
}
.clip {
  animation-name: clip;
  animation-duration: 1.5s;
}
@keyframes clip {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
    transform: translate3d(.8rem, 0%, 0);
  }
  99% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
    transform: none;
  }
  100%{
  	clip-path: none;
  }
}

/* @media */
@media screen and (max-width: 1700px) {
	.banner .text {left: 40px;}
	.nav .uk-navbar-nav>li:not(.phone) {padding: 0 5px;}
	.nav .uk-logo img {height: 55px;}
	.foot .right {padding-left: 120px;}
	.i_banner .slide {transform: scale(0.8);transform-origin: left center;}
}
@media screen and (max-width: 1640px) {
	.banner .uk-container {padding: 0px 40px;}
	.i_banner .uk-container {padding: 0px 120px;}
}

@media screen and (max-width: 1500px) {
	.nav .uk-navbar-nav>li:not(.phone)>a {padding: 0 10px;}
	.nav .uk-navbar-nav>li.phone {margin-left: 0;}
	.title h1 {font-size: 36px;}
	.title h2 {font-size: 30px;}
	.i_about .left {padding-right: 50px;}
	.i_about .right {padding-left: 0;}
	.i_about .left .yh {width: 50px;}
	.i_news .left .uk-card-default {padding: 30px;}
	.i_news .right .uk-card-default {padding: 30px;}
	.foot .right {padding-left: 60px;}
	.about .left {padding-right: 50px;}
	.about .right {padding-left: 0;}
	.about .desc {margin-top: 20px;}
	.culture .uk-card-body {padding: 60px;}
	.product .uk-card-default {padding: 60px;}
	.contact h6 {width: 65%;}
	.i_banner .slide {transform: scale(0.7);}
	
	
}
@media screen and (max-width: 1400px) {
	.i_banner .slide {transform: scale(0.6);}
}
@media screen and (max-width: 1300px) {
	.nav .uk-logo img {height: 45px;} 
}
@media screen and (max-width: 960px) {
	.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.active .uk-flex a {color: var(--color1);}
	.uk-offcanvas-bar a:hover {color: var(--color1);}
	.uk-offcanvas-bar .uk-nav-sub>li.uk-active>a {color: var(--color1);}
	.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;}
	
	.nav .uk-logo img {height: 30px;}
	.nav .uk-navbar-item, .nav .uk-navbar-nav>li>a, .nav .uk-navbar-toggle {min-height: 70px;}
	.uk-navbar-left, .uk-navbar-right, [class*=uk-navbar-center] {gap: 0;}
	.nav a.lan {margin-right: 10px;}
	.nav .uk-navbar-toggle svg {color: var(--color1);}
	
	.uk-offcanvas-bar .child {padding-left: 25px;margin-top: 15px;}
	.uk-offcanvas-bar .child.uk-list>*>a {font-size: 14px;color: #999;}
	
	.title h1 {font-size: 24px;}
	.title h2 {font-size: 18px;}
	.title h5 {font-size: 14px;}
	
	.i_prod h4 {font-size: 16px;}
	.i_prod .uk-dotnav {margin-left: -5px;}
	.i_prod .uk-dotnav>* {padding-left: 5px;}
	.i_prod .uk-dotnav>*>* {width: 10px;}
	.i_prod .uk-dotnav>.uk-active>* {width: 20px;}
	
	
	
	.i_banner .slide {transform: scale(1);}
	.i_banner .top {margin-top: 15%;}
	.i_banner .uk-container {padding: 0px 20px;}
	.i_banner a.btn .round {width: 35px;height: 35px;line-height: 35px;}
	.i_banner a.btn .round img {width: 10px;}
	.i_banner .desc {margin-top: 31px;}
	
	.i_banner .slide1 h1 {font-size: 19px;margin-bottom: 18px;}
	.i_banner .slide1 h1 span {font-size: 51px;margin-right: 10px;}
	.i_banner .slide1 h2 {font-size: 26px;}
	
	
	.i_banner .slide2 h1 {font-size: 30px;line-height: 1.5;}
	.i_banner .slide2 h2 {font-size: 30px;line-height: 1.5;}
	
	.i_banner .slide3 h1 {font-size: 26px;}
	.i_banner .slide3 h1 span {color: #1576d5;}
	.i_banner .slide3 h2 {font-size: 16px;}
	

	
	.i_banner.uk-light .uk-dotnav>*>* {width: 12px;}
	
	.i_about p {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;}
	.i_about .left {padding-right: 0;}
	.i_about .right img {width: 50px;}
	.i_about .left a.btn {transform: scale(0.6);transform-origin: left center;}
	.i_partner a.btn {transform: scale(0.6);transform-origin: right center;}
	.i_news a.btn {transform: scale(0.6);transform-origin: right center;}
	
	.i_news .left h4 {font-size: 18px;}
	.i_news .left .uk-card-default {padding: 15px;}
	.i_news .right .uk-card-default {padding: 15px;}
	.i_news .right .uk-card + .uk-card {margin-top: 25px;}
	.foot .right {padding-left: 0;}
	
	.banner h1 {font-size: 28px;}
	.banner .uk-container {padding: 0px 15px;}
	.banner .desc, .banner .desc a {margin-top: 20px;}
	.banner .text {left: 15px;margin-top: -35px;}
	.banner .text img {height: 45px;}
	.i_nav .subnav a {margin: 0 10px;line-height: 40px;height: 40px;font-size: 14px;}
	
	.about .title h2 {font-size: 18px;}
	.about .left {padding-right: 0;}
	.about .uk-dotnav>*>* {width: 12px;}
	.culture .uk-card-body {padding: 30px 15px ;}
	.culture .uk-card-body p {font-size: 14px;display: block;line-height:1.875;padding-bottom: 10px;}
	.culture .uk-card-body p strong {font-size: 20px;margin-right: 15px;display: block;}
	.culture .uk-grid-margin .uk-card-body {padding-top: 0;}
	
	.a_certificate a.btn {transform: scale(0.6);transform-origin: right center;}
	.a_certificate .uk-card-default {border-radius: 15px;padding: 15px 15px 0;}
	.a_certificate .uk-dotnav>*>* {width: 12px;}

	.certificate .title h1 {font-size: 24px;}
	
	.product .uk-card-default {padding: 15px;}
	.product .desc {margin-top: 30px;}
	.product a.btn {transform: scale(0.6);transform-origin: left center;}
	.product .cont {margin-top: 20px;}
	.product h1 {font-size: 20px;}
	
	.partneradv {padding: 80px 0;}
	.partneradv h4 {font-size: 18px;padding: 0 30px;}
	
	
	.message .uk-card-default {padding: 15px;}
	.message input {line-height: 40px;height: 40px;}
	.message img {height: 40px;}
	.message .uk-grid>.uk-grid-margin {margin-top: 15px;}
	.message .uk-button {line-height: 40px;height: 40px;}
	
	.caselist .title h1 {font-size: 24px;}
	.caselist .uk-dotnav>*>* {width: 12px;}
	.case .uk-card-body {padding: 15px;}
	.newslist .title h1 {font-size: 24px;}
	.newslist .uk-card-body {padding: 15px;}
	.newslist .line {display: none;}
	.newslist .uk-card-default {padding: 0 10px;}
	.newslist .time h1 {font-size: 20px;}
	.newslist .time h6 {font-size: 14px;}
	
	.newslist h4 {margin-bottom: 5px;}
	.newslist p {-webkit-line-clamp: 1;height: 1.714em;}
	.newslist .uk-card-default + .uk-card-default {margin-top: 20px;}
	
	.contact .round {width: 50px;height: 50px;line-height: 50px;}
	.contact h4 {margin-top: 5px;}
	.contact h5 {margin-bottom: 10px;}
	.contact p, .contact p a {font-size: 16px;}
	.contact .uk-grid-collapse>.uk-grid-margin {margin-top: 20px;}
	.contact h6 {width: 100%;line-height: 1.5;}
	
	.joblist .uk-card-body {padding: 0 15px;}
	.joblist .open {width: 50px;}
	.joblist .uk-accordion-content {padding: 15px;}
	.joblist h4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; }
	
	
	.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;}
	
}