/* common */
:root {--color1:#003d8d;--color2:#881e22;}
:root {--font12: 12px;--font14: 14px;--font16: 16px;--font18: 18px;--font20: 20px;--font22: 22px;--font24: 24px;--font28: 28px;--font30: 30px;--font36: 36px;--font40: 40px;--font48: 48px;--font50: 50px;--font60: 60px;--font99: 99px;}


/*format(*.*): truetype(.ttf), opentype(otf), truetype-aat, embedded-opentype(.eot), svg(.svg), woff(.woff) */
/* @font-face {
    font-family: 'HarmonyOS';
    src: url('../fonts/harmonyos_sans_sc_bold.woff2') format('woff2'),
        url('../fonts/harmonyos_sans_sc_bold.woff') format('woff'),
        url('../fonts/harmonyos_sans_sc_bold.ttf') format('truetype');
    font-weight: bold;
} */

/* 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-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;}
.nowrap {white-space:nowrap;}

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

  
.scrollbar-track-y {width: 5px !important;}
.scrollbar-thumb { width: 5px !important;height: 100px!important;background-color: var(--color1) !important;}
 
/* 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;} */


/* navbar */
.navbar {padding: 0;background-color: #fff;position: fixed;z-index: 9;width: 100%;box-shadow: 0 0 3px rgba(0,0,0,.1);transition: .5s all;}
.navbar .logo {line-height: 100px;height: 100px;transition: .5s all;position: relative;}
.navbar .logo a {position: relative;}
.navbar .logo a img {width: 100%;height: 57px;display: block;}


.navbar .right {width: 68%;}
.navbar .nav-item {transition: .5s ease-out;position: relative;}
.navbar .nav-item .nav-item-link {line-height: 100px;height: 100px;font-size: var(--font18);color: #333;transition: .5s all;width: auto;display: block;text-align: center;font-weight: 600;}
.navbar .nav-item.active .nav-item-link {color: var(--color1);}
.navbar .nav-item:hover .nav-item-link {color: var(--color1);}
.navbar .nav-item.active .nav-item-link img {filter: invert(11%) sepia(97%) saturate(6903%) hue-rotate(346deg) brightness(91%) contrast(104%);}
.navbar .nav-item:hover .nav-item-link img {filter: invert(11%) sepia(97%) saturate(6903%) hue-rotate(346deg) brightness(91%) contrast(104%);}

.navbar .nav-item .drop-bg {position: fixed;width: 100vw;left: 0;top: 100px;background-color: #f2f5f9;height: 0;transition: height .3s ease-out;}
.navbar .nav-item:hover .drop-bg {height: 90px;}

.navbar .nav-item .drop-bar {visibility: hidden;opacity: 0;transition: .3s ease-out;position: absolute;top:100%;pointer-events: none;background-color: transparent;height: 0;overflow: hidden;}
.navbar .nav-item:hover .drop-bar {visibility: visible;opacity: 1;pointer-events: auto;height: 90px;}



.navbar .nav-item .drop-bar .uk-list {margin-left: -40px;}
.navbar .nav-item .drop-bar .uk-list > li {padding-left: 40px;}
.navbar .nav-item .drop-bar li {margin-top: 0;}
.navbar .nav-item .drop-bar li a {display: block;line-height: 90px;height: 90px;text-align: center;white-space: nowrap;font-size: var(--font16);color: #333;transition: .5s all;position: relative;overflow: hidden;font-weight: 600;}
.navbar .nav-item .drop-bar li a:hover {color: var(--color1);}
.navbar .nav-item .drop-bar li a img {position: absolute;left: 50%;top: 100%;transform: translateX(-50%);transition: .5s all;}
.navbar .nav-item .drop-bar li a:hover img {top: calc(100% - 8px);}

.navbar.on {position: fixed;top: 0;left: 0; }
/*.navbar.on .nav-item .nav-item-link {color: #fff;}*/
.navbar.on .nav-item:hover .nav-item-link {color: var(--color1);}
.navbar.on .logo a img:first-child {opacity: 0;}
.navbar.on .logo a img:last-child {opacity: 1;}

.navbar.on:hover {background-color: #fff;}
.navbar.on:hover .nav-item .nav-item-link {color: #333;}
.navbar.on:hover .nav-item:hover .nav-item-link {color: var(--color1);}
.navbar.on:hover .logo a img:first-child {opacity: 1;}
.navbar.on:hover .logo a img:last-child {opacity: 0;} 

/* i_banner */
.i_banner .text {width: 1600px;margin: 0 auto;margin-top: 20px;}
.i_banner .text .title {font-size: var(--font48);color: #fff;font-weight: 600;}
.i_banner .text .subtitle {font-size: var(--font20);color: #fff;margin-top: 20px;}
.i_banner .text .img {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 45%;}
.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: 60px;}
.i_banner .uk-slidenav-next {margin-right: 60px;}
.i_banner .uk-dotnav>*>* {width: 8px;height: 8px;border: none;background-color: #fff;border-radius: 15px;transition: .5s all;}
.i_banner .uk-dotnav>.uk-active>* {background-color: var(--color1);width: 31px;}

/* i_solution */
.i_solution {padding: 110px 0;}
.i_solution .tt {margin-bottom: 50px;}
.i_solution .tt .title {font-size: var(--font60);color: #333;font-weight: 600;}
.i_solution .tt .subtitle {font-size: var(--font18);color: #999;margin-top: 10px;}
.i_solution .i_solution_nav {border-top: 1px solid #eee;}
.i_solution .i_solution_nav .uk-grid > div + div>.uk-card::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 19px;width: 1px;background-color: #dcdcdc;}
.i_solution .i_solution_nav .i_solution_navname {font-size: var(--font24);color: #333;font-weight: 600;display: block;height: 120px;line-height: 120px;text-align: center;position: relative;z-index: 1;transition: .5s all;cursor: pointer;}
.i_solution .i_solution_nav .active .i_solution_navname {color: var(--color1);}
.i_solution .i_solution_nav .i_solution_navname.active {color: var(--color1);}
.i_solution .i_solution_nav .i_solution_navbg {position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-image: -moz-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(0,61,141) 100%); background-image: -webkit-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(0,61,141) 100%); background-image: -ms-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(0,61,141) 100%);transition: .5s all;transform: translateY(-100%);}
.i_solution .i_solution_nav .active .i_solution_navbg {opacity: 0.2;transform: translateY(0);}
.i_solution .i_solution_nav .i_solution_navline {position: absolute;left: 0;top: 0;right: 0;height: 3px;background-color: var(--color1);opacity: 0;transition: .5s all;}
.i_solution .i_solution_nav .active .i_solution_navline {opacity: 1;}

.i_solution .i_solution_desc {margin-top: 30px;position: relative;border-radius: 5px;overflow: hidden;}
.i_solution .i_solution_desc .i_solution_info {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-size: auto 100%;background-position: right center;background-repeat: no-repeat;opacity: 0;transition: .5s all;}
.i_solution .i_solution_desc .i_solution_info.active {opacity: 1;z-index: 1;}
.i_solution .i_solution_desc .i_solution_info .img {position: absolute;left: 0;top: 0;bottom: 0;right: 0;}
.i_solution .i_solution_desc .i_solution_info .img img {position: absolute;top: 0;right: 0;height: 100%;}
.i_solution .i_solution_desc .txt {position: absolute;left: 0;top: 0;bottom: 0;background-image: url(../images/txt.png);background-repeat: no-repeat;background-size: 100% 100%;width: 60%;height: 100%;}
.i_solution .i_solution_desc .txt .uk-card-body {padding: 100px;padding-left: 100px;padding-right: 150px;}
.i_solution .i_solution_desc .txt .subtitle {font-size: var(--font18);color: #fff;position: relative;display: inline-block;margin-bottom: 20px;}
.i_solution .i_solution_desc .txt .subtitle::before {content: '';position: absolute;left: calc(100% + 8px);top: 50%;transform: translateY(-50%);height: 1px;width: 80px;background-color: #fff;}
.i_solution .i_solution_desc .txt .title {font-size: var(--font36);color: #fff;font-weight: 600;line-height: 1.2;}
.i_solution .i_solution_desc .txt .desc {font-size: var(--font18);color: #fff;margin-top: 20px; margin-bottom:30px; line-height: 2;}
.i_solution .i_solution_desc .txt .content {font-size: var(--font18);color: #fff;font-weight: 600;margin-top: 20px;line-height: 2;}
.i_solution .i_solution_desc .txt .content p {padding-left: 30px;position: relative;}
.i_solution .i_solution_desc .txt .content p::before {content: '√';position: absolute;left: 0;top: 0;}
.i_solution .i_solution_desc .txt .adv { }
.i_solution .i_solution_desc .txt .adv .img {width: 44px;height: 44px;margin: 0 auto;position: relative;}
.i_solution .i_solution_desc .txt .adv .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);filter: brightness(0) invert();}
.i_solution .i_solution_desc .txt .adv p {font-size: var(--font18);color: #fff;margin-top: 10px;font-weight: 600;}
.i_solution .i_solution_desc .txt .btn {margin-top: 50px;}
.i_solution .i_solution_desc .txt .btn .more {width: 155px;height: 60px;border-radius: 100px;display: block;line-height: 60px;font-size: var(--font18);position: relative;z-index: 1;color: var(--color1);font-weight: 600;padding-left: 45px;border: 1px solid rgba(255,255,255,0.5);transition: .5s all;overflow: hidden;background-color: #fff;}
.i_solution .i_solution_desc .txt .btn .more::before {content: '';position: absolute;right: 100%;top: 0;width: 100%;height: 100%;background: linear-gradient(to right,#2588e8,#003d8d);transition: .5s all;z-index: -1;}
.i_solution .i_solution_desc .txt .btn .more:hover::before {right: 0%;}

.i_solution .i_solution_desc .txt .btn .arrow::before {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-color: var(--color1);transition: .5s all;z-index: -1;} 
.i_solution .i_solution_desc .txt .btn .arrow::after {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-image: url(../images/arrow1-w.png);background-repeat: no-repeat;background-size: 16px;background-position: center center;}
.i_solution .i_solution_desc .txt .btn:hover {color: #fff;border-color: transparent;}
.i_solution .i_solution_desc .txt .btn:hover .more {color: #fff;}
.i_solution .i_solution_desc .txt .btn:hover .arrow::before {background-color: #fff;}
.i_solution .i_solution_desc .txt .btn:hover .arrow::after {background-image: url(../images/arrow1.png);}

/* i_about */
.i_about {padding-top: 80px;padding-bottom: 200px;position: relative;}
.i_about .tt {margin-bottom: 80px;}
.i_about .tt .title {font-size: var(--font60);color: #333;font-weight: 600;}
.i_about .tt .subtitle {font-size: var(--font24);color: var(--color1);margin-top: 10px;font-weight: 600;}
.i_about .tt .desc {font-size: var(--font18);color: #333;margin-top: 60px;line-height: 2;text-align: left;}
.i_about .i_about_adv .img {width: 70px;height: 70px;margin: 0 auto;position: relative;transition: .5s all;}
.i_about .i_about_adv .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;}
.i_about .i_about_adv .title {font-size: var(--font48);color: var(--color1);font-weight: 600;margin-top: 20px;line-height: 1;font-family: Arial, Helvetica, sans-serif;}
.i_about .i_about_adv .desc {font-size: var(--font18);color: #333;margin-top: 10px;line-height: 1;font-weight: 600;}
.i_about .i_about_adv .uk-card:hover .img {transform: rotateY(360deg);}

.i_about .btn {margin-top: 100px;}
.i_about .btn .more {width: 155px;height: 60px;border-radius: 100px;display: block;line-height: 60px;font-size: var(--font18);position: relative;z-index: 1;color: var(--color1);font-weight: 600;padding-left: 45px;border: 1px solid #dddddd;transition: .5s all;margin: 0 auto;overflow: hidden;background-color: #fff;}
.i_about .btn .more::before {content: '';position: absolute;right: 100%;top: 0;width: 100%;height: 100%;background: linear-gradient(to right,#2588e8,#003d8d);transition: .5s all;z-index: -1;}
.i_about .btn .more:hover::before {right: 0%;}

.i_about .btn .more .arrow::before {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-color: var(--color1);transition: .5s all;z-index: -1;}
.i_about .btn .more .arrow::after {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-image: url(../images/arrow1-w.png);background-repeat: no-repeat;background-size: 16px;background-position: center center;}
.i_about .btn .more:hover {color: #fff;border-color: transparent;}
.i_about .btn .more:hover .arrow::before {background-color: #fff;}
.i_about .btn .more:hover .arrow::after {background-image: url(../images/arrow1.png);}

.i_about .this {position: absolute;left: 0px;bottom:0; z-index: 1;width: 100%;height: 450px;overflow: hidden;}

/* i_partner */
.i_partner {padding-top: 90px;padding-bottom: 80px;}
.i_partner .tt {margin-bottom: 50px;}
.i_partner .tt .title {font-size: var(--font60);color: #333;font-weight: 600;}
.i_partner .tt .subtitle {font-size: var(--font18);color: #999;margin-top: 10px;font-weight: 600;}
.i_partner .uk-card {border: 1px solid #f7f7f7;padding: 20px;transition: .5s all;background-color: #fff;}
.i_partner .uk-card:hover {box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.i_partner .uk-card + .uk-card {margin-top: 20px;}
.i_partner .uk-card .img {position: relative;}
.i_partner .uk-card .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;transition: .5s all;}
.i_partner .uk-card:hover .img img {transform: translate(-50%,-50%) scale(1.1);}
.i_partner .uk-grid-small {margin-left: -20px;}
.i_partner .uk-grid-small > * {padding-left: 20px;}
.i_partner .uk-slider-container {padding: 10px;}
.i_partner .uk-dotnav {margin-top: 40px;}
.i_partner .uk-dotnav>*>* {width: 8px;height: 8px;border: none;background-color: #d2d2d2;border-radius: 15px;transition: .5s all;}
.i_partner .uk-dotnav>.uk-active>* {background-color: var(--color1);width: 31px;}

/* i_news */
.i_news {padding-top: 100px;padding-bottom: 100px;background-color: #f7f7f7;}
.i_news .tt {margin-bottom: 30px;}
.i_news .tt .title {font-size: var(--font60);color: #333;font-weight: 600;}
.i_news .tt .subtitle {font-size: var(--font18);color: #999;margin-top: 10px;font-weight: 600;}

.i_news .i_news_list .uk-card {border-bottom: 1px solid #d2d2d2;transition: .5s all;}
.i_news .i_news_list .uk-card::before {content: '';position: absolute;left: 0;bottom: 0;right: 100%;height: 1px;background-color: var(--color1);transition: .5s all;z-index: 1;}
.i_news .i_news_list .uk-card:hover::before {right: 0;}
.i_news .i_news_list .uk-card .img {position: relative;border-radius: 5px;}
.i_news .i_news_list .uk-card .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;transition: .5s all;width: 100%;height: 100%;object-fit: cover;}
.i_news .i_news_list .uk-card:hover .img img {transform: translate(-50%,-50%) scale(1.1);}
.i_news .i_news_list .uk-card .title {font-size: var(--font20);color: #333;font-weight: 600;margin-top: 30px;transition: .5s all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.i_news .i_news_list .uk-card .desc {font-size: var(--font16);color: #999;margin-top: 30px;line-height: 1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;transition: .5s all;}
.i_news .i_news_list .uk-card .other {font-size: var(--font16);color: #999;margin-top: 40px;margin-bottom: 30px;}
.i_news .i_news_list .uk-card .other .time {font-size: var(--font16);color: #999;font-weight: 600;}
.i_news .i_news_list .uk-card .other .go {font-size: var(--font16);color: #999;font-weight: 600;position: relative;transition: .5s all;}
.i_news .i_news_list .uk-card .other .go .arrow {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 0px;height: 9px;background-image: url(../images/arrow1.png);background-repeat: no-repeat;background-size: 16px;background-position: center center;opacity: 0;transition: .5s all;}

.i_news .i_news_list .uk-card:hover .title {color: var(--color1);}
.i_news .i_news_list .uk-card:hover .desc {color: #333;}  
.i_news .i_news_list .uk-card:hover .other .go {color: var(--color1);padding-right: 20px;}  
.i_news .i_news_list .uk-card:hover .other .go .arrow {opacity: 1;width: 16px;} 

.i_news .btn {margin-top: 60px;}
.i_news .btn .more {width: 155px;height: 60px;border-radius: 100px;display: block;line-height: 60px;font-size: var(--font18);position: relative;z-index: 1;color: var(--color1);font-weight: 600;padding-left: 45px;border: 1px solid #dddddd;transition: .5s all;margin: 0 auto;overflow: hidden;background-color: #fff;}
.i_news .btn .more::before {content: '';position: absolute;right: 100%;top: 0;width: 100%;height: 100%;background: linear-gradient(to right,#2588e8,#003d8d);transition: .5s all;z-index: -1;}
.i_news .btn .more:hover::before {right: 0%;}
.i_news .btn .more .arrow::before {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-color: var(--color1);transition: .5s all;z-index: -1;}
.i_news .btn .more .arrow::after {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-image: url(../images/arrow1-w.png);background-repeat: no-repeat;background-size: 16px;background-position: center center;}
.i_news .btn .more:hover {color: #fff;border-color: transparent;}
.i_news .btn .more:hover .arrow::before {background-color: #fff;}
.i_news .btn .more:hover .arrow::after {background-image: url(../images/arrow1.png);}

/* i_msg */
.i_msg {padding-top: 90px;padding-bottom: 100px;}
.i_msg .txt .title {font-size: var(--font36);color: #fff;font-weight: 600;}
.i_msg .txt .desc {font-size: var(--font18);color: #fff;margin-top: 25px;font-weight: 600;}
.i_msg .btn .more {width: 155px;height: 60px;border-radius: 100px;display: block;line-height: 60px;font-size: var(--font18);position: relative;z-index: 1;color: var(--color1);font-weight: 600;padding-left: 45px;border: 1px solid rgba(255, 255, 255, 0.5);transition: .5s all;margin: 0 auto;overflow: hidden;background-color: #fff;}
.i_msg .btn .more::before {content: '';position: absolute;right: 100%;top: 0;width: 100%;height: 100%;background: linear-gradient(to right,#2588e8,#003d8d);transition: .5s all;z-index: -1;}
.i_msg .btn .more:hover::before {right: 0%;}
.i_msg .btn .more .arrow::before {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-color: var(--color1);transition: .5s all;z-index: -1;}
.i_msg .btn .more .arrow::after {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-image: url(../images/arrow1-w.png);background-repeat: no-repeat;background-size: 16px;background-position: center center;}
.i_msg .btn .more:hover {color: #fff;border-color: transparent;}
.i_msg .btn .more:hover .arrow::before {background-color: #fff;}
.i_msg .btn .more:hover .arrow::after {background-image: url(../images/arrow1.png);}

/* foot */
.foot {padding-top: 80px;padding-bottom: 0;background-color: #0e2339;}
.foot .flogo img {height: 57px;}
.foot .fdesc {font-size: var(--font18);color: #fff;font-weight: 600;;margin-top: 40px;line-height: 1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;}
.foot .finfo {margin-top: 30px;}
.foot .finfo p {font-size: var(--font16);color: rgba(255, 255, 255, 0.5);line-height: 2.25;padding-left: 30px;}
.foot .finfo p:nth-child(1) {background-image: url(../images/f1.png);background-repeat: no-repeat;background-size: 17px;background-position: left center;}
.foot .finfo p:nth-child(2) {background-image: url(../images/f2.png);background-repeat: no-repeat;background-size: 21px;background-position: left center;}
.foot .finfo p:nth-child(3) {background-image: url(../images/f3.png);background-repeat: no-repeat;background-size: 16px;background-position: left center;}
.foot .finfo p a {color: rgba(255, 255, 255, 0.5);transition: .5s all;}
.foot .finfo p a:hover {color: #fff;}
.foot .code {margin-top: 40px;}
.foot .code .code-item {width: 36px;height: 36px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.5);display: flex;justify-content: center;align-items: center;cursor: pointer;}
.foot .code .code-item svg {width: 16px;height: 16px;}
.foot .code .code-img {position: absolute;bottom: calc(100% + 5px);left: 50%;transform: translateX(-50%);width: 110px;height: 0;border-radius: 5px;overflow: hidden;transition: .5s all;visibility: hidden;opacity: 0;padding: 5px;background-color: #fff;}
.foot .code .code-img img {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.foot .code .uk-card:hover .code-img {height: 110px;opacity: 1;visibility: visible;} 

.foot .right {width: 60%;}
.foot .right .uk-list {margin-top: 40px;}
.foot .right .uk-list>:nth-child(n+1) {margin-bottom: 20px;}
.foot .right .fnav-name {font-size: var(--font18);color: #fff;font-weight: 600;}
.foot .right .fnav-2name {font-size: var(--font16);color: #666e76;transition: .5s all;}
.foot .right .fnav-2name:hover {color: #fff;}

/* footer */
.footer {margin-top: 35px;border-top: 1px solid #27394d;}
.footer .footertxt {font-size: var(--font16);color: #384656;line-height: 65px;}
.footer .footertxt a {color: #384656;transition: .5s all;}
.footer .footertxt a:hover {color: #fff;}

/* kefu */
.kefu {right: 10px;top: 50%;transform: translateY(-50%);width: 90px;z-index: 99;opacity: 0;visibility: hidden;transition: .5s all;}
.kefu.active {opacity: 1;visibility: visible;}

.kefu .kefu-item {width: 70px;height: 70px;padding: 10px;box-shadow: 0 0 20px rgba(0,0,0,.15);background: #fff;border-radius: 5px;display: flex;justify-content: center;align-items: center;position: relative;transition: .5s all;}
.kefu .kefu-item .img {width: 33px;height: 33px;margin: 0 auto;position: relative;}
.kefu .kefu-item .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;}
.kefu .kefu-item .img img:first-child {display: block;}
.kefu .kefu-item .img img:last-child {display: none;}
.kefu .kefu-item .txt {font-size: var(--font14);color: #333;margin-top: 10px;transition: .5s all;}

.kefu .kefu-item:hover {background-color: var(--color1);}
.kefu .kefu-item:hover .img img:first-child {display: none;}
.kefu .kefu-item:hover .img img:last-child {display: block;}
.kefu .kefu-item:hover .txt {color: #fff;}

.kefu .kefu-item .tel {position: absolute;top: 0;right: calc(100% + 10px);background-color: var(--color1);padding: 10px 30px;border-radius: 5px;visibility: hidden;opacity: 0;width: 0;height: 70px;transition: .5s all;overflow: hidden;}
.kefu .kefu-item .tel p {font-size: var(--font18);color: #fff;line-height: 35px;padding-left: 30px;position: relative;white-space: nowrap;}
.kefu .kefu-item .tel p::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 18px;height: 18px;background-image: url(../images/f1.png);background-repeat: no-repeat;background-size: 100% 100%;} 
.kefu .kefu-item:hover .tel {visibility: visible;opacity: 1;width: 200px;}

.kefu .kefu-item .qcode {position: absolute;top: 50%;right: calc(100% + 10px);transform: translateY(-50%);background-color: var(--color1);padding: 10px;border-radius: 5px;visibility: hidden;opacity: 0;width: 0;height: 110px;transition: .5s all;overflow: hidden;}
.kefu .kefu-item .qcode img {width: 100px;height: 100px;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.kefu .kefu-item:hover .qcode {visibility: visible;opacity: 1;width: 110px;}

.kefu .totop .kefu-item {height: 25px;}
.kefu .totop .kefu-item .img {width: 25px;height: 25px;}

/* banner */
.banner {position: relative;}
.banner .bannertext {top: 100px;}
.banner .text {width: 1600px;margin: 0 auto;}
.banner .title {font-size: var(--font48);color: #fff;font-weight: 600;line-height: 1;margin-bottom: 30px;}
.banner .subtitle {font-size: var(--font20);color: #fff;line-height: 1;}

/* i_nav */
.i_nav {background-color: #fafafa;position: relative;z-index: 99;box-shadow: 0 0 3px rgba(0,0,0,.1)}
.i_nav .uk-subnav {margin-left: -70px;}
.i_nav .uk-subnav > * {padding-left: 70px;}
.i_nav .uk-subnav a {line-height: 90px;font-size: var(--font18);color: #333;transition: .5s all;font-weight: 600;transition: .5s all;}
.i_nav .uk-subnav a:hover {color: var(--color1);}
.i_nav .uk-subnav a.active {color: var(--color1);}
.i_nav .position a {line-height: 90px;font-size: var(--font16);color: #666;transition: .5s all;transition: .5s all;}
.i_nav .position a:hover {color: var(--color1);}

/* contact */
.contact {padding-top: 100px;padding-bottom: 100px;}
.contact .tt {margin-bottom: 37px;}
.contact .title {font-size: var(--font48);color: #333;font-weight: 600;line-height: 1;margin-bottom: 30px;}
.contact .subtitle {font-size: var(--font18);color: #999;line-height: 1;font-weight: 600;}
.contact .contactform .uk-card-default {background-color: #fafafa;padding: 87px;}
.contact .contactform .name {font-size: var(--font30);color: var(--color1);font-weight: 600;line-height: 1;}
.contact .contactform .line {width: 100%;height: 1px;background-color: #ededed;margin: 36px 0;}
.contact .contactform .line2 {margin: 32px 0;}
.contact .contactform .info {font-size: var(--font18);color: #333;font-weight: 600;line-height: 1;margin-bottom: 20px;}
.contact .contactform .cont {font-size: var(--font18);color: #333;line-height: 1;}
.contact .contactform .img {height: 100%;position: relative;}
.contact .contactform .img img {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

/* message */
.message {padding-top: 100px;padding-bottom: 100px;background-color: #fafafa;}
.message .tt {margin-bottom: 37px;}
.message .title {font-size: var(--font48);color: #333;font-weight: 600;line-height: 1;margin-bottom: 30px;}
.message .subtitle {font-size: var(--font18);color: #999;line-height: 1;font-weight: 600;}
.message .messageform form input {width: 100%;height: 55px;padding: 0 20px;border: 1px solid #e5e5e5;line-height: 55px;font-size: var(--font16);color: #333;border-radius: 5px;font-weight: 600;}
.message .messageform form textarea {width: 100%;min-height: 150px;padding: 20px;border: 1px solid #e5e5e5;line-height: 1.5;font-size: var(--font16);color: #333;border-radius: 5px;font-weight: 600;resize: vertical;}
.message .messageform form input::-webkit-input-placeholder {color: #999 !important;}
.message .messageform form input::-moz-placeholder {color: #999 !important;} 
.message .messageform form input::-ms-input-placeholder {color: #999 !important;}
.message .messageform form textarea::-webkit-textarea-placeholder {color: #999 !important;}
.message .messageform form textarea::-moz-placeholder {color: #999 !important;} 
.message .messageform form textarea::-ms-textarea-placeholder {color: #999 !important;}
.message .messageform form .uk-grid>.uk-grid-margin {margin-top: 30px;}
.message .messageform form img {height: 55px;}

.message .messageform form .btn {width: 200px;height: 60px;border-radius: 100px;display: block;line-height: 60px;font-size: var(--font18);position: relative;z-index: 1;color: #fff;font-weight: 600;padding-left: 65px;border: 1px solid rgba(0, 0, 0, 0.2);transition: .5s all;margin: 40px auto 0;overflow: hidden;text-align: left;background-color: #fff;color: var(--color1);}
.message .messageform form .btn::before {content: '';position: absolute;right: 100%;top: 0;width: 100%;height: 100%;background: linear-gradient(to right,#2588e8,#003d8d);transition: .5s all;z-index: -1;}
.message .messageform form .btn:hover::before {right: 0%;}
.message .messageform form .btn .arrow::before {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-color: var(--color1);transition: .5s all;z-index: -1;}
.message .messageform form .btn .arrow::after {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-image: url(../images/arrow1-w.png);background-repeat: no-repeat;background-size: 16px;background-position: center center;}
.message .messageform form .btn:hover {color: #fff;}
.message .messageform form .btn:hover .arrow::before {background-color: #fff;}
.message .messageform form .btn:hover .arrow::after {background-image: url(../images/arrow1.png);}

/* news */
.news .title {font-size: var(--font28);color: #333;font-weight: 600;line-height: 1;margin-bottom: 30px;}
.news .info {font-size: var(--font18);color: #999;line-height: 1;margin-bottom: 30px;}
.news p {text-indent: 2em;margin:10px 0;font-size: var(--font18);color: #333;line-height: 1.75;}
.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;}

/* honorlist */
.honorlist .uk-card-default {padding: 20px 15px 0;background-color: #fff;transition: .5s all;}
.honorlist .uk-card-default .list-item {border: 1px solid #eeeeee;padding: 15px;background-color: #fff;transition: .5s all;}
.honorlist .uk-card-default .img {position: relative;}
.honorlist .uk-card-default .img img {width: 100%;height: 100%;object-fit: contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.honorlist .uk-card-default .title {font-size: var(--font18);color: #333;font-weight: 600;line-height: 70px;padding: 0 15px;text-align: center;transition: .5s all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.honorlist .uk-card-default:hover {background-color: #fafafa;}
.honorlist .uk-card-default:hover .list-item {border-color: #fafafa;}
.honorlist .uk-card-default:hover .title {color: var(--color1);}

/* caselist */
.caselist .uk-card-default {padding: 20px 15px 0;background-color: #fff;transition: .5s all;}
.caselist .img {position: relative;}
.caselist .img img {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .5s all;}
.caselist .title {font-size: var(--font18);color: #333;font-weight: 600;line-height: 1.5;padding: 0 15px;text-align: center;transition: .5s all;margin-top: 20px;}
.caselist .uk-card:hover .title {color: var(--color1);}
.caselist .uk-card:hover img {transform: translate(-50%,-50%) scale(1.1);}

/* productlist */
.productlist {padding-top: 100px;padding-bottom: 100px;}
.productlist .productlist_list {transition: .5s all;position: relative;}
.productlist .productlist_list::before {content: '';position: absolute;bottom: 0;left: 0;right: 100%;height: 3px;background-color: var(--color1);z-index: 1;transition: .5s all;}
.productlist .productlist_list + .productlist_list {margin-top: 60px;}
.productlist .productlist_list .img {position: relative;height: 100%;}
.productlist .productlist_list .img img {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .5s all;}
.productlist .productlist_list .left {width: 30%;}
.productlist .productlist_list .uk-card-default {background-color: #fafafa;padding: 70px 50px 55px;transition: .5s all;}
.productlist .productlist_list .uk-card-default .title {font-size: var(--font36);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 25px;}
.productlist .productlist_list .uk-card-default .desc {font-size: var(--font18);color: #666;line-height: 1.667;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;line-clamp: 2;} 

.productlist .productlist_list .uk-card-default .go {font-size: var(--font16);color: #999;font-weight: 600;position: relative;transition: .5s all;display: inline-block;margin-top: 40px;}
.productlist .productlist_list .uk-card-default .go .arrow {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 0px;height: 9px;background-image: url(../images/arrow1.png);background-repeat: no-repeat;background-size: 16px;background-position: center center;opacity: 0;transition: .5s all;}
.productlist .productlist_list:hover {box-shadow: 0px 0px 21px 0px rgba(173, 173, 173, 0.13);background-color: #fff;}
.productlist .productlist_list:hover::before {right: 0%;}
.productlist .productlist_list:hover .uk-card-default {background-color: #fff;}
.productlist .productlist_list:hover .uk-card-default .title {color: var(--color1);}
.productlist .productlist_list:hover .uk-card-default .go {color: var(--color1);padding-right: 20px;}
.productlist .productlist_list:hover .uk-card-default .go .arrow {opacity: 1;width: 16px;}  
.productlist .productlist_list:hover .img img {transform: translate(-50%,-50%) scale(1.1);}

/* culture */
.culture {height: calc(100vh - 90px);position: relative;min-height: 600px;max-height: 800px;}
.culture .culture-item {position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: flex;}
.culture .culture-item > div {flex: 1;}
.culture .culture-item > div + div {border-left: 1px solid #dcdcdc;}
.culture .culture-item > div .uk-overlay {background-color: var(--color1);opacity: 0;transition: .5s all;}
.culture .culture-item > div:hover .uk-overlay {opacity: 0.102;}
.culture .culture-item > div .text {padding-top: 240px;}
.culture .culture-item > div .text .title {font-size: var(--font30);color: var(--color1);font-weight: 600;line-height: 1;margin-bottom: 25px;}
.culture .culture-item > div .text .desc {font-size: var(--font18);font-weight: 600;color: #333;line-height: 1.667;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;line-clamp: 2;}

/* history */
.history {padding-top: 100px;padding-bottom: 350px;background-color: #f9fdff;}
.history .tt {margin-bottom: 50px;}
.history .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1;margin-bottom: 30px;}
.history .subtitle {font-size: var(--font18);color: #999;line-height: 1;font-weight: 600;}
/* 内容显示样式 */
.history .history-list .uk-slideshow-items {max-height: 250px;height: 250px;overflow: auto;margin-top: 60px;}
.history .history-list .uk-slideshow-items .subtitle {font-size: var(--font30);color: var(--color1);font-weight: 600;line-height: 1.5;margin-bottom: 20px;position: relative;display: inline-block;padding: 0 15px;}
.history .history-list .uk-slideshow-items .subtitle::before {content: '';position: absolute;left: 100%;top: 50%;transform: translateY(-50%);width: 30px;height: 4px;background-color: var(--color1);}
.history .history-list .uk-slideshow-items .subtitle::after {content: '';position: absolute;right: 100%;top: 50%;transform: translateY(-50%);width: 30px;height: 4px;background-color: var(--color1);}
.history .history-list .uk-slideshow-items .content {padding: 0 200px;}
.history .history-list .uk-slideshow-items .content p {font-size: var(--font24);color: #333;line-height: 1.667;}
/* 时间导航样式 */
.history .history-list .history-nav {position: relative;}
.history .history-list .history-nav::before {content: '';position: absolute;top: 27px;left: 0;right: 0;height: 5px;z-index: 1;background-image:url(../images/history.png);background-size: 100%;background-position: center center;}
.history .history-list .history-nav .uk-slider {position: relative;z-index: 1;}
.history .history-list .history-nav .point {width: 26px;height: 26px;margin: 17px auto;position: relative;}
.history .history-list .history-nav .point img {position: absolute;transition: .5s all;}
.history .history-list .history-nav .point img:nth-child(1) {display: block;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.history .history-list .history-nav .point img:nth-child(2) {display: none;left: 50%;top: 50%;transform: translate(-50%,-50%);}
/* 时间导航高亮样式 */
.history .history-list .history-nav .uk-slider-items > li.on .point img:nth-child(1) {display: none;}
.history .history-list .history-nav .uk-slider-items > li.on .point img:nth-child(2) {display: block;}

.history .history-list .history-nav .year {font-size: var(--font18);color: #999;font-weight: 700;line-height: 1;text-align: center;}
.history .history-list .history-nav .uk-slider-items > li.on .year {color: var(--color1);}

/* 导航样式 */
.history .history-list .history-nav .uk-slidenav {width: 60px;height: 60px;margin: 0;border-radius: 50%;padding: 0;display: flex;justify-content: center;align-items: center;background-color: #e6e6e6;transition: .5s all;position: absolute;top: 0;}
.history .history-list .history-nav .uk-slidenav-previous {right: 100%;}
.history .history-list .history-nav .uk-slidenav-next {left: 100%;}
.history .history-list .history-nav .uk-slidenav svg {color: #fff;}
.history .history-list .history-nav .uk-slidenav svg > * {stroke-width: 4px;}
.history .history-list .history-nav .uk-slidenav:hover {background-color: var(--color1);}

/* structure */
.structure {padding-top: 100px;padding-bottom: 100px;}
.structure .tt {margin-bottom: 50px;}
.structure .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1;margin-bottom: 30px;}
.structure .subtitle {font-size: var(--font18);color: #999;line-height: 1;font-weight: 600;}

/* solutionindex */
.solutionindex .solutionindex_list + .solutionindex_list {margin-top: 100px;}
.solutionindex .solutionindex_list .right {width: 63%;}
.solutionindex .solutionindex_list .right .img {position: relative;overflow: hidden;height: 100%;}
.solutionindex .solutionindex_list .right .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;object-fit: cover;}
.solutionindex .solutionindex_list .left1 {padding-right: 60px;}
.solutionindex .solutionindex_list .left2 {padding-left: 60px;}
.solutionindex .solutionindex_list .left .txt .subtitle {font-size: var(--font18);color: var(--color1);position: relative;display: inline-block;margin-bottom: 20px;}
.solutionindex .solutionindex_list .left .txt .subtitle::before {content: '';position: absolute;left: calc(100% + 8px);top: 50%;transform: translateY(-50%);height: 1px;width: 80px;background-color: var(--color1);}
.solutionindex .solutionindex_list .left .txt .title {font-size: var(--font36);color: #333;font-weight: 600;line-height: 1.2;}
.solutionindex .solutionindex_list .left .txt .desc {font-size: var(--font18);color: #999;margin-top: 20px;line-height: 2;}
.solutionindex .solutionindex_list .left .txt .content {font-size: var(--font18);color: #333;font-weight: 600;margin-top: 20px;line-height: 2;}
.solutionindex .solutionindex_list .left .txt .content p {padding-left: 30px;position: relative;font-size: var(--font18);}
.solutionindex .solutionindex_list .left .txt .content p::before {content: '√';position: absolute;left: 0;top: 0;color: var(--color1);}
.solutionindex .solutionindex_list .txt .adv {margin-top: 50px;}
.solutionindex .solutionindex_list .txt .adv .img {width: 44px;height: 44px;margin: 0 auto;position: relative;}
.solutionindex .solutionindex_list .txt .adv .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.solutionindex .solutionindex_list .txt .adv p {font-size: var(--font18);color: var(--color1);margin-top: 10px;font-weight: 600;}
.solutionindex .solutionindex_list .txt .btn {margin-top: 50px;}
.solutionindex .solutionindex_list .txt .btn .more {width: 155px;height: 60px;border-radius: 100px;display: block;line-height: 60px;font-size: var(--font18);position: relative;z-index: 1;color: var(--color1);font-weight: 600;padding-left: 45px;border: 1px solid rgba(0,0,0,0.2);transition: .5s all;overflow: hidden;background-color: #fff;}
.solutionindex .solutionindex_list .txt .btn .more::before {content: '';position: absolute;right: 100%;top: 0;width: 100%;height: 100%;background: linear-gradient(to right,#2588e8,#003d8d);transition: .5s all;z-index: -1;}
.solutionindex .solutionindex_list .txt .btn .more:hover::before {right: 0%;}

.solutionindex .solutionindex_list .txt .btn .arrow::before {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-color: var(--color1);transition: .5s all;z-index: -1;} 
.solutionindex .solutionindex_list .txt .btn .arrow::after {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-image: url(../images/arrow1-w.png);background-repeat: no-repeat;background-size: 16px;background-position: center center;}
.solutionindex .solutionindex_list .txt .btn:hover {color: #fff;border-color: transparent;}
.solutionindex .solutionindex_list .txt .btn:hover .more {color: #fff;}
.solutionindex .solutionindex_list .txt .btn:hover .arrow::before {background-color: #fff;}
.solutionindex .solutionindex_list .txt .btn:hover .arrow::after {background-image: url(../images/arrow1.png);}

/* solutionspace */
.solutionspace {height: 100px;width: 100%;}

/* solution1 p1 */
.s1p1 {padding-top: 60px;padding-bottom: 60px;}
.s1p1 .left .img {position: relative;overflow: hidden;height: 100%;}
.s1p1 .left .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;object-fit: cover;}
.s1p1 .right .uk-card-body {padding: 60px 80px;}
.s1p1 .right .uk-card-body .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;}
.s1p1 .right .uk-card-body .subtitle {font-size: var(--font24);color: var(--color1);position: relative;margin-bottom: 30px;font-weight: 600;}
.s1p1 .right .uk-card-body .desc { max-height:500px; font-size: var(--font18); color: #666; margin-top: 20px; line-height: 1.667; overflow: hidden; overflow-y: auto; scrollbar-width: thin; }
.s1p1 .right .uk-card-body .desc table{width:100%; margin:0 auto; border-collapse:collapse; border-top:1px solid #c4e0f6; border-left:1px solid #c4e0f6; margin-bottom: 0.5rem;}
.s1p1 .right .uk-card-body .desc table td,.s1p1 .right .uk-card-body .desc table th{ border-bottom:1px solid #c4e0f6; border-right:1px solid #c4e0f6; padding:2.5% 0; font-size:0.8rem; text-align:center; color:#454545;}
.s1p1 .right .uk-card-body .btn {margin-top: 60px;}
.s1p1 .right .uk-card-body .btn .more {width: 155px;height: 60px;border-radius: 100px;display: block;line-height: 60px;font-size: var(--font18);position: relative;z-index: 1;color: var(--color1);font-weight: 600;padding-left: 45px;border: 1px solid rgba(0,0,0,0.2);transition: .5s all;overflow: hidden;background-color: #fff;}
.s1p1 .right .uk-card-body .btn .more::before {content: '';position: absolute;right: 100%;top: 0;width: 100%;height: 100%;background: linear-gradient(to right,#2588e8,#003d8d);transition: .5s all;z-index: -1;}
.s1p1 .right .uk-card-body .btn .more:hover::before {right: 0%;}
.s1p1 .right .uk-card-body .btn .arrow::before {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-color: var(--color1);transition: .5s all;z-index: -1;} 
.s1p1 .right .uk-card-body .btn .arrow::after {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-image: url(../images/arrow1-w.png);background-repeat: no-repeat;background-size: 16px;background-position: center center;}
.s1p1 .right .uk-card-body .btn:hover {color: #fff;border-color: transparent;}
.s1p1 .right .uk-card-body .btn:hover .more {color: #fff;}
.s1p1 .right .uk-card-body .btn:hover .arrow::before {background-color: #fff;}
.s1p1 .right .uk-card-body .btn:hover .arrow::after {background-image: url(../images/arrow1.png);}

/* solution1 p2 */
.s1p2 {padding-bottom: 95px;}
.s1p2 .line {padding-top: 80px;border-top: 1px solid #eeeeee;}
.s1p2 .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;text-align: center;}
.s1p2 .content {margin-top: 45px;}
.s1p2 .content .uk-card-body {padding: 50px 30px 110px;border: 1px solid #e7e7e7;overflow: hidden;}
.s1p2 .content .img {width: 50px;height: 50px;position: relative;}
.s1p2 .content .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .5s all;}
.s1p2 .content .tt {font-size: var(--font30);color: #333;font-weight: 600;line-height: 1.2;margin-top: 40px;margin-bottom: 40px;}
.s1p2 .content .desc {font-size: var(--font18);color: #666;line-height: 1.667;}
.s1p2 .content .desc p {padding-left: 15px;font-size: var(--font18);color: #666;line-height: 1.667;position: relative;}
.s1p2 .content .desc p::before {content: '';position: absolute;left: 0;top: 12px;width: 6px;height: 6px;border-radius: 50%;background-color: #666;}
.s1p2 .content .desc p + p {margin-top: 40px;}
.s1p2 .content .num {font-size: var(--font99);color: #b5b5b5;font-weight: 700;line-height: 1;opacity: 0.1;position: absolute;z-index: 0;right: 20px;bottom: -15px;}

.s1p2 .content .uk-card-body:hover {background-image: -moz-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%); background-image: -webkit-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%); background-image: -ms-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%);border-color: transparent;}
.s1p2 .content .uk-card-body:hover .img img {filter: brightness(0) invert(1);transform: translate(-50%,-50%) rotateY(180deg);}
.s1p2 .content .uk-card-body:hover .tt {color: #fff;}
.s1p2 .content .uk-card-body:hover .desc {color: #fff;}
.s1p2 .content .uk-card-body:hover .desc p {color: #fff;}
.s1p2 .content .uk-card-body:hover .desc p::before {background-color: #fff;}

/* solution1 p3 */
.s1p3 {padding-top: 80px;padding-bottom: 120px;}
.s1p3 .title {font-size: var(--font60);color: #fff;font-weight: 600;line-height: 1.2;margin-bottom: 20px;text-align: center;}
.s1p3 .subtitle {font-size: var(--font18);color: #fff;font-weight: 600;line-height: 1.2;margin-bottom: 30px;text-align: center;}
.s1p3 .content {margin-top: 70px;}
.s1p3 .content .img {width: 109px;height: 109px;position: relative;margin: 0 auto 30px;}
.s1p3 .content .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .5s all;}
.s1p3 .content .tt {font-size: var(--font20);color: #fff;font-weight: 600;line-height: 1.2;margin-bottom: 10px;text-align: center;}
.s1p3 .content .desc {font-size: var(--font20);color: #fff;line-height: 1.667;text-align: center;}
.s1p3 .content .uk-card:hover .img img {transform: translate(-50%,-50%) rotateY(180deg);}

/* solution1 p4 */
.s1p4 {padding-top: 80px;padding-bottom: 120px;background-color: #fafafa;}
.s1p4 .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;text-align: center;}
.s1p4 .content {margin-top: 50px;}
.s1p4 .content .img {width: 60px;height: 60px;position: relative;margin: 0 auto;}
.s1p4 .content .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .5s all;}
.s1p4 .content .uk-card-body {padding: 50px 40px 60px;box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.06);background-color: #fff;height: 100%;}
.s1p4 .content .uk-card-body .tt {font-size: var(--font30);color: #333;font-weight: 600;line-height: 1.2;margin-top: 20px;text-align: center;}
.s1p4 .content .uk-card-body .line {width: 100%;height: 1px;background-color: #e5e5e5;margin: 25px 0 30px;}
.s1p4 .content .uk-card-body .desc p {font-size: var(--font18);color: #666;line-height: 1.667;text-align: center;}
.s1p4 .content .uk-card-body:hover {background-image: -moz-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%); background-image: -webkit-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%); background-image: -ms-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%);border-color: transparent;}
.s1p4 .content .uk-card-body:hover .img img {filter: brightness(0) invert(1);transform: translate(-50%,-50%) rotateY(180deg);}
.s1p4 .content .uk-card-body:hover .tt {color: #fff;}
.s1p4 .content .uk-card-body:hover .desc {color: #fff;}
.s1p4 .content .uk-card-body:hover .desc p {color: #fff;}
.s1p4 .uk-dotnav {margin-top: 60px;}
.s1p4 .uk-dotnav>*>* {width: 8px;height: 8px;border: none;background-color: #d2d2d2;border-radius: 15px;transition: .5s all;}
.s1p4 .uk-dotnav>.uk-active>* {background-color: var(--color1);width: 31px;}

/* solution1 p5 */
.s1p5 {padding-top: 80px;padding-bottom: 120px;}
.s1p5 .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;text-align: center;}
.s1p5 .content {margin-top: 40px;}
.s1p5 .img {position: relative;}
.s1p5 .img img {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .5s all;}
.s1p5 .tt {font-size: var(--font18);color: #333;font-weight: 600;line-height: 1.5;padding: 0 15px;text-align: center;transition: .5s all;margin-top: 20px;}
.s1p5 .uk-card:hover .tt {color: var(--color1);}
.s1p5 .uk-card:hover img {transform: translate(-50%,-50%) scale(1.1);}
.s1p5 .uk-dotnav {margin-top: 60px;}
.s1p5 .uk-dotnav>*>* {width: 8px;height: 8px;border: none;background-color: #d2d2d2;border-radius: 15px;transition: .5s all;}
.s1p5 .uk-dotnav>.uk-active>* {background-color: var(--color1);width: 31px;}

/* solution2 p1 */
.s2p1 {padding-top: 80px;padding-bottom: 80px;}
.s2p1 .left .img {position: relative;overflow: hidden;height: 100%;}
.s2p1 .left .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;object-fit: cover;}
.s2p1 .right .uk-card-body {padding: 60px 80px;}
.s2p1 .right .uk-card-body .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;}
.s2p1 .right .uk-card-body .desc {font-size: var(--font18);color: #666;margin-top: 20px;line-height: 1.667;}
.s2p1 .right .uk-card-body .content {margin-top: 30px;}
.s2p1 .right .uk-card-body .content p {padding-left: 30px;position: relative;font-size: var(--font18);line-height: 1.667;color: #333;font-weight: 600;}
.s2p1 .right .uk-card-body .content p::before {content: '√';position: absolute;left: 0;top: 0;color: var(--color1);}
.s2p1 .right .uk-card-body .btn {margin-top: 60px;}
.s2p1 .right .uk-card-body .btn .more {width: 155px;height: 60px;border-radius: 100px;display: block;line-height: 60px;font-size: var(--font18);position: relative;z-index: 1;color: var(--color1);font-weight: 600;padding-left: 45px;border: 1px solid rgba(0,0,0,0.2);transition: .5s all;overflow: hidden;background-color: #fff;}
.s2p1 .right .uk-card-body .btn .more::before {content: '';position: absolute;right: 100%;top: 0;width: 100%;height: 100%;background: linear-gradient(to right,#2588e8,#003d8d);transition: .5s all;z-index: -1;}
.s2p1 .right .uk-card-body .btn .more:hover::before {right: 0%;}
.s2p1 .right .uk-card-body .btn .arrow::before {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-color: var(--color1);transition: .5s all;z-index: -1;} 
.s2p1 .right .uk-card-body .btn .arrow::after {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-image: url(../images/arrow1-w.png);background-repeat: no-repeat;background-size: 16px;background-position: center center;}
.s2p1 .right .uk-card-body .btn:hover {color: #fff;border-color: transparent;}
.s2p1 .right .uk-card-body .btn:hover .more {color: #fff;}
.s2p1 .right .uk-card-body .btn:hover .arrow::before {background-color: #fff;}
.s2p1 .right .uk-card-body .btn:hover .arrow::after {background-image: url(../images/arrow1.png);}

/* solution2 p2 */
.s2p2 {padding-bottom: 95px;}
.s2p2 .line {padding-top: 80px;border-top: 1px solid #eeeeee;}
.s2p2 .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;text-align: center;}
.s2p2 .content {margin-top: 45px;}
.s2p2 .content .uk-card-body {padding: 70px 30px 80px;border: 1px solid #e7e7e7;overflow: hidden;}
.s2p2 .content .img {width: 50px;height: 50px;position: relative;}
.s2p2 .content .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .5s all;}
.s2p2 .content .tt {font-size: var(--font30);color: #333;font-weight: 600;line-height: 1.2;margin-top: 40px;margin-bottom: 40px;}
.s2p2 .content .desc {font-size: var(--font18);color: #666;line-height: 1.667;}
.s2p2 .content .desc p {padding-left: 15px;font-size: var(--font18);color: #666;line-height: 1.667;position: relative;}
.s2p2 .content .desc p::before {content: '';position: absolute;left: 0;top: 12px;width: 6px;height: 6px;border-radius: 50%;background-color: #666;}
.s2p2 .content .num {font-size: var(--font99);color: #b5b5b5;font-weight: 700;line-height: 1;opacity: 0.1;position: absolute;z-index: 0;right: 20px;bottom: -15px;}

.s2p2 .content .uk-card-body:hover {background-image: -moz-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%); background-image: -webkit-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%); background-image: -ms-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%);border-color: transparent;}
.s2p2 .content .uk-card-body:hover .img img {filter: brightness(0) invert(1);transform: translate(-50%,-50%) rotateY(180deg);}
.s2p2 .content .uk-card-body:hover .tt {color: #fff;}
.s2p2 .content .uk-card-body:hover .desc {color: #fff;}
.s2p2 .content .uk-card-body:hover .desc p {color: #fff;}
.s2p2 .content .uk-card-body:hover .desc p::before {background-color: #fff;}

/* solution2 p3 */
.s2p3 {padding-top: 80px;padding-bottom: 120px;}
.s2p3 .title {font-size: var(--font60);color: #fff;font-weight: 600;line-height: 1.2;margin-bottom: 20px;text-align: center;}
.s2p3 .subtitle {font-size: var(--font18);color: #fff;font-weight: 600;line-height: 1.2;margin-bottom: 30px;text-align: center;}
.s2p3 .content {margin-top: 40px;}
.s2p3 .content .uk-card-body {padding: 40px 30px;}
.s2p3 .content .img {width: 109px;height: 109px;position: relative;margin: 0 auto 30px;}
.s2p3 .content .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .5s all;filter: brightness(0) invert(1);}
.s2p3 .content .tt {font-size: var(--font30);color: #fff;font-weight: 600;line-height: 1.2;margin-bottom: 10px;text-align: center;}
.s2p3 .content .desc p {font-size: var(--font18);color: #fff;line-height: 1.667;text-align: center;}
.s2p3 .content .uk-card:hover {background-color: #fff;}
.s2p3 .content .uk-card:hover .img img {transform: translate(-50%,-50%) rotateY(180deg);filter: none;}
.s2p3 .content .uk-card:hover .tt {color: var(--color1);}
.s2p3 .content .uk-card:hover .desc p {color: #333;}

/* solution2 p4 */
.s2p4 {padding-top: 100px;padding-bottom: 110px;}
.s2p4 .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;text-align: center;}
.s2p4 .subtitle p {font-size: var(--font18);color: #666;line-height: 2;text-align: center;}

/* solution2 p5 */
.s2p5 {padding-top: 100px;padding-bottom: 110px;background-color: #fafafa;}
.s2p5 .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;text-align: center;}
.s2p5 .s2p5-nav {margin-top: 40px;}
.s2p5 .s2p5-nav .uk-grid {margin-left: -150px;}
.s2p5 .s2p5-nav .uk-grid > * {padding-left: 150px;}
.s2p5 .s2p5-nav .item a {display: block;padding-bottom: 10px;position: relative;font-size: var(--font18);font-weight: 600;color: #333;}
.s2p5 .s2p5-nav .item a::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background-color: var(--color1);transform: scaleX(0);transition: .5s all;}
.s2p5 .s2p5-nav .item.on a {color: var(--color1);}
.s2p5 .s2p5-nav .item.on a::after {transform: scaleX(1);}
.s2p5 .s2p5-content {margin-top: 45px;}
.s2p5 .s2p5-content .item {visibility: hidden;opacity: 0;transition: .5s all;display: none;}
.s2p5 .s2p5-content .item.on {visibility: visible;opacity: 1;display: block;}
.s2p5 .s2p5-content .uk-grid {margin-left: -25px;}
.s2p5 .s2p5-content .uk-grid > * {padding-left: 25px;}
.s2p5 .s2p5-content .uk-card .tt {font-size: var(--font30);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;}
.s2p5 .s2p5-content .uk-card .desc p {font-size: var(--font18);color: #666;line-height: 1.667;}
.s2p5 .s2p5-content .uk-card .img {position: absolute;top: 50%;right: 75px;transform: translateY(-50%);opacity: 0.3;}
.s2p5 .s2p5-content .uk-card .cont {padding: 0 50px;}

.s2p5 .s2p5-content .uk-card:hover { background-image: -moz-linear-gradient( 0deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%); background-image: -ms-linear-gradient( 0deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%);}
.s2p5 .s2p5-content .uk-card:hover .tt {color: #fff;}
.s2p5 .s2p5-content .uk-card:hover .desc p {color: #fff;}
.s2p5 .s2p5-content .uk-card:hover .img {opacity: 0.1;}
.s2p5 .s2p5-content .uk-dotnav {margin-top: 60px;}
.s2p5 .s2p5-content .uk-dotnav>*>* {width: 8px;height: 8px;border: none;background-color: #d2d2d2;border-radius: 15px;transition: .5s all;}
.s2p5 .s2p5-content .uk-dotnav>.uk-active>* {background-color: var(--color1);width: 31px;}

/* solution2 p6 */
.s2p6 {padding-top: 95px;}
.s2p6 .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;text-align: center;}
.s2p6 .content {margin-top: 50px;}
.s2p6 .uk-overlay {background-image: url('../images/s2p6-overlay.png');visibility: hidden;opacity: 0;transition: .5s all;background-size: cover;}
.s2p6 .txt {position: absolute;left: 50%;transform: translateX(-50%);bottom: 30px;transition: .5s all;}
.s2p6 .tt {font-size: var(--font24);color: #fff;font-weight: 600;line-height: 1.2;margin-bottom: 10px;text-align: center;height: 1.2em;}
.s2p6 .desc {font-size: var(--font18);color: #fff;line-height: 1.667;text-align: center;height: 1.667em;}
.s2p6 .uk-card .img {position: relative;}
.s2p6 .uk-card .img img {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.s2p6 .uk-card:hover .uk-overlay {visibility: visible;opacity: 1;}
.s2p6 .uk-card:hover .txt {bottom: 50%;transform: translate(-50%,50%);}
.s2p6 .uk-dotnav {margin-top: 60px;}
.s2p6 .uk-dotnav>*>* {width: 8px;height: 8px;border: none;background-color: #d2d2d2;border-radius: 15px;transition: .5s all;}
.s2p6 .uk-dotnav>.uk-active>* {background-color: var(--color1);width: 31px;}

/* solution2 p7 */
.s2p7 {padding-top: 80px;padding-bottom: 120px;background-color: #fafafa;}
.s2p7 .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;text-align: center;}
.s2p7 .content {margin-top: 50px;}
.s2p7 .content .img {width: 60px;height: 60px;position: relative;margin: 0 auto;}
.s2p7 .content .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .5s all;}
.s2p7 .content .uk-card-body {padding: 50px 40px 60px;box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.06);background-color: #fff;height: 100%;}
.s2p7 .content .uk-card-body .tt {font-size: var(--font30);color: #333;font-weight: 600;line-height: 1.2;margin-top: 20px;text-align: center;height: 1.2em;}
.s2p7 .content .uk-card-body .line {width: 100%;height: 1px;background-color: #e5e5e5;margin: 25px 0 30px;}
.s2p7 .content .uk-card-body .desc p {font-size: var(--font18);color: #666;line-height: 1.667;text-align: center;}
.s2p7 .content .uk-card-body:hover {background-image: -moz-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%); background-image: -webkit-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%); background-image: -ms-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%);border-color: transparent;}
.s2p7 .content .uk-card-body:hover .img img {filter: brightness(0) invert(1);transform: translate(-50%,-50%) rotateY(180deg);}
.s2p7 .content .uk-card-body:hover .tt {color: #fff;}
.s2p7 .content .uk-card-body:hover .desc p {color: #fff;}
.s2p7 .uk-dotnav {margin-top: 60px;}
.s2p7 .uk-dotnav>*>* {width: 8px;height: 8px;border: none;background-color: #d2d2d2;border-radius: 15px;transition: .5s all;}
.s2p7 .uk-dotnav>.uk-active>* {background-color: var(--color1);width: 31px;}

/* solution2 p8 */
.s2p8 {padding-top: 80px;padding-bottom: 120px;}
.s2p8 .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;text-align: center;}
.s2p8 .subtitle {font-size: var(--font18);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 30px;text-align: center;}
.s2p8 .content {margin-top: 40px;}
.s2p8 .content .uk-card-body {padding: 40px 30px;border: 1px solid #e5e5e5;}
.s2p8 .content .img {width: 109px;height: 109px;position: relative;margin: 0 auto 30px;}
.s2p8 .content .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .5s all;}
.s2p8 .content .tt {font-size: var(--font30);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 10px;text-align: center;height: 1.2em;}
.s2p8 .content .desc p {font-size: var(--font18);color: #666;line-height: 1.667;text-align: center;height: 1.667em;}
.s2p8 .content .uk-card:hover {background-image: -moz-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%); background-image: -webkit-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%); background-image: -ms-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%);border-color: transparent;}
.s2p8 .content .uk-card:hover .img img {transform: translate(-50%,-50%) rotateY(180deg);filter: brightness(0) invert(1);}
.s2p8 .content .uk-card:hover .tt {color: #fff;}
.s2p8 .content .uk-card:hover .desc p {color: #fff;}

/* solution3 p1 */
.s3p1 {padding-top: 80px;padding-bottom: 80px;}
.s3p1 .left .img {position: relative;overflow: hidden;height: 100%;}
.s3p1 .left .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;object-fit: cover;}
.s3p1 .right .uk-card-body {padding: 60px 80px;}
.s3p1 .right .uk-card-body .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;}
.s3p1 .right .uk-card-body .subtitle {font-size: var(--font24);color: var(--color1);position: relative;margin-bottom: 30px;font-weight: 600;}
.s3p1 .right .uk-card-body .desc {font-size: var(--font18);color: #666;margin-top: 20px;line-height: 1.667;}
.s3p1 .right .uk-card-body .btn {margin-top: 60px;}
.s3p1 .right .uk-card-body .btn .more {width: 155px;height: 60px;border-radius: 100px;display: block;line-height: 60px;font-size: var(--font18);position: relative;z-index: 1;color: var(--color1);font-weight: 600;padding-left: 45px;border: 1px solid rgba(0,0,0,0.2);transition: .5s all;overflow: hidden;background-color: #fff;}
.s3p1 .right .uk-card-body .btn .more::before {content: '';position: absolute;right: 100%;top: 0;width: 100%;height: 100%;background: linear-gradient(to right,#2588e8,#003d8d);transition: .5s all;z-index: -1;}
.s3p1 .right .uk-card-body .btn .more:hover::before {right: 0%;}
.s3p1 .right .uk-card-body .btn .arrow::before {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-color: var(--color1);transition: .5s all;z-index: -1;} 
.s3p1 .right .uk-card-body .btn .arrow::after {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-image: url(../images/arrow1-w.png);background-repeat: no-repeat;background-size: 16px;background-position: center center;}
.s3p1 .right .uk-card-body .btn:hover {color: #fff;border-color: transparent;}
.s3p1 .right .uk-card-body .btn:hover .more {color: #fff;}
.s3p1 .right .uk-card-body .btn:hover .arrow::before {background-color: #fff;}
.s3p1 .right .uk-card-body .btn:hover .arrow::after {background-image: url(../images/arrow1.png);}

/* solution3 p2 */
.s3p2 {padding-bottom: 95px;}
.s3p2 .line {padding-top: 80px;border-top: 1px solid #eeeeee;}
.s3p2 .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;text-align: center;}
.s3p2 .content {margin-top: 45px;}
.s3p2 .content .uk-card-body {padding: 50px 30px 110px;border: 1px solid #e7e7e7;overflow: hidden;}
.s3p2 .content .img {width: 50px;height: 50px;position: relative;}
.s3p2 .content .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .5s all;}
.s3p2 .content .tt {font-size: var(--font30);color: #333;font-weight: 600;line-height: 1.2;margin-top: 40px;margin-bottom: 40px;}
.s3p2 .content .desc {font-size: var(--font18);color: #666;line-height: 1.667;}
.s3p2 .content .desc p {padding-left: 15px;font-size: var(--font18);color: #666;line-height: 1.667;position: relative;}
.s3p2 .content .desc p::before {content: '';position: absolute;left: 0;top: 12px;width: 6px;height: 6px;border-radius: 50%;background-color: #666;}
.s3p2 .content .desc p + p {margin-top: 40px;}
.s3p2 .content .num {font-size: var(--font99);color: #b5b5b5;font-weight: 700;line-height: 1;opacity: 0.1;position: absolute;z-index: 0;right: 20px;bottom: -15px;}

.s3p2 .content .uk-card-body:hover {background-image: -moz-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%); background-image: -webkit-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%); background-image: -ms-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%);border-color: transparent;}
.s3p2 .content .uk-card-body:hover .img img {filter: brightness(0) invert(1);transform: translate(-50%,-50%) rotateY(180deg);}
.s3p2 .content .uk-card-body:hover .tt {color: #fff;}
.s3p2 .content .uk-card-body:hover .desc {color: #fff;}
.s3p2 .content .uk-card-body:hover .desc p {color: #fff;}
.s3p2 .content .uk-card-body:hover .desc p::before {background-color: #fff;}

/* solution3 p3 */
.s3p3 {padding-top: 90px;padding-bottom: 160px;}
.s3p3 .title {font-size: var(--font60);color: #fff;font-weight: 600;line-height: 1.2;margin-bottom: 20px;text-align: center;}
.s3p3 .subtitle {font-size: var(--font18);color: #fff;font-weight: 600;line-height: 1.2;margin-bottom: 30px;text-align: center;}
.s3p3 .content {margin-top: 100px;}
.s3p3 .content .img {width: 109px;height: 109px;position: relative;margin: 0 auto 30px;}
.s3p3 .content .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .5s all;}
.s3p3 .content .tt {font-size: var(--font20);color: #fff;font-weight: 600;line-height: 1.2;margin-bottom: 10px;text-align: center;}
.s3p3 .content .desc {font-size: var(--font20);color: #fff;line-height: 1.667;text-align: center;}
.s3p3 .content .uk-card:hover .img img {transform: translate(-50%,-50%) rotateY(180deg);}

/* solution4 p1 */
.s4p1 {padding-top: 80px;padding-bottom: 80px;}
.s4p1 .left .img {position: relative;overflow: hidden;height: 100%;}
.s4p1 .left .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;object-fit: cover;}
.s4p1 .right .uk-card-body {padding: 60px 80px;}
.s4p1 .right .uk-card-body .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;}
.s4p1 .right .uk-card-body .desc {font-size: var(--font18);color: #666;margin-top: 20px;line-height: 1.667;}
.s4p1 .right .uk-card-body .content {margin-top: 30px;}
.s4p1 .right .uk-card-body .content p {padding-left: 30px;position: relative;font-size: var(--font18);line-height: 1.667;color: #333;font-weight: 600;}
.s4p1 .right .uk-card-body .content p::before {content: '√';position: absolute;left: 0;top: 0;color: var(--color1);}
.s4p1 .right .uk-card-body .content p + p {margin-top: 20px;}
.s4p1 .right .uk-card-body .btn {margin-top: 60px;}
.s4p1 .right .uk-card-body .btn .more {width: 155px;height: 60px;border-radius: 100px;display: block;line-height: 60px;font-size: var(--font18);position: relative;z-index: 1;color: var(--color1);font-weight: 600;padding-left: 45px;border: 1px solid rgba(0,0,0,0.2);transition: .5s all;overflow: hidden;background-color: #fff;}
.s4p1 .right .uk-card-body .btn .more::before {content: '';position: absolute;right: 100%;top: 0;width: 100%;height: 100%;background: linear-gradient(to right,#2588e8,#003d8d);transition: .5s all;z-index: -1;}
.s4p1 .right .uk-card-body .btn .more:hover::before {right: 0%;}
.s4p1 .right .uk-card-body .btn .arrow::before {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-color: var(--color1);transition: .5s all;z-index: -1;} 
.s4p1 .right .uk-card-body .btn .arrow::after {content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background-image: url(../images/arrow1-w.png);background-repeat: no-repeat;background-size: 16px;background-position: center center;}
.s4p1 .right .uk-card-body .btn:hover {color: #fff;border-color: transparent;}
.s4p1 .right .uk-card-body .btn:hover .more {color: #fff;}
.s4p1 .right .uk-card-body .btn:hover .arrow::before {background-color: #fff;}
.s4p1 .right .uk-card-body .btn:hover .arrow::after {background-image: url(../images/arrow1.png);}

/* solution4 p2 */
.s4p2 {padding-bottom: 95px;}
.s4p2 .line {padding-top: 80px;border-top: 1px solid #eeeeee;}
.s4p2 .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;text-align: center;}
.s4p2 .content {margin-top: 45px;}
.s4p2 .content .uk-card-body {padding: 50px 25px 65px;border: 1px solid #e7e7e7;overflow: hidden;}
.s4p2 .content .img {width: 50px;height: 50px;position: relative;margin-bottom: 30px;}
.s4p2 .content .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .5s all;}
.s4p2 .content .tt {font-size: var(--font24);color: #333;font-weight: 600;line-height: 1.2;}
.s4p2 .content .num {font-size: var(--font99);color: #b5b5b5;font-weight: 700;line-height: 1;opacity: 0.1;position: absolute;z-index: 0;right: 20px;bottom: -15px;}

.s4p2 .content .uk-card-body:hover {background-image: -moz-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%); background-image: -webkit-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%); background-image: -ms-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%);border-color: transparent;}
.s4p2 .content .uk-card-body:hover .img img {filter: brightness(0) invert(1);transform: translate(-50%,-50%) rotateY(180deg);}
.s4p2 .content .uk-card-body:hover .tt {color: #fff;}
.s4p2 .content .uk-card-body:hover .desc {color: #fff;}
.s4p2 .content .uk-card-body:hover .desc p {color: #fff;}
.s4p2 .content .uk-card-body:hover .desc p::before {background-color: #fff;}

/* solution4 p3 */
.s4p3 {padding-top: 90px;padding-bottom: 160px;}
.s4p3 .title {font-size: var(--font60);color: #fff;font-weight: 600;line-height: 1.2;margin-bottom: 20px;text-align: center;}
.s4p3 .subtitle {font-size: var(--font18);color: #fff;font-weight: 600;line-height: 1.2;margin-bottom: 30px;text-align: center;}
.s4p3 .content {margin-top: 100px;}
.s4p3 .content .img {width: 109px;height: 109px;position: relative;margin: 0 auto 30px;}
.s4p3 .content .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .5s all;}
.s4p3 .content .tt {font-size: var(--font20);color: #fff;font-weight: 600;line-height: 1.2;margin-bottom: 10px;text-align: center;}
.s4p3 .content .desc {font-size: var(--font20);color: #fff;line-height: 1.667;text-align: center;}
.s4p3 .content .uk-card:hover .img img {transform: translate(-50%,-50%) rotateY(180deg);}

/* solution4 p4 */
.s4p4 {padding-top: 90px;padding-bottom: 100px;}
.s4p4 .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;text-align: center;}
.s4p4 .content {margin-top: 60px;}
.s4p4 .content img {max-width: 100%;height: auto;margin: 0 auto;display: block;}

/* solution4 p5 */
.s4p5 {padding-top: 90px;padding-bottom: 0;}
.s4p5 .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;text-align: center;}
.s4p5 .content {margin-top: 60px;background-color: #fafafa;padding: 64px 62px;}
.s4p5 .content img {max-width: 100%;height: auto;margin: 0 auto;display: block;}

/* solution5 p2 */
.s5p2 {padding-bottom: 95px;}
.s5p2 .line {padding-top: 80px;border-top: 1px solid #eeeeee;}
.s5p2 .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;text-align: center;}
.s5p2 .content {margin-top: 45px;}
.s5p2 .content .uk-card-body {padding: 70px 30px 80px;border: 1px solid #e7e7e7;overflow: hidden;}
.s5p2 .content .img {width: 50px;height: 50px;position: relative;}
.s5p2 .content .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .5s all;}
.s5p2 .content .tt {font-size: var(--font30);color: #333;font-weight: 600;line-height: 1.2;margin-top: 40px;margin-bottom: 40px;}
.s5p2 .content .desc {font-size: var(--font18);color: #666;line-height: 1.667;}
.s5p2 .content .desc p {padding-left: 15px;font-size: var(--font18);color: #666;line-height: 1.667;position: relative;}
.s5p2 .content .desc p::before {content: '';position: absolute;left: 0;top: 12px;width: 6px;height: 6px;border-radius: 50%;background-color: #666;}
.s5p2 .content .num {font-size: var(--font99);color: #b5b5b5;font-weight: 700;line-height: 1;opacity: 0.1;position: absolute;z-index: 0;right: 20px;bottom: -15px;}

.s5p2 .content .uk-card-body:hover {background-image: -moz-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%); background-image: -webkit-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%); background-image: -ms-linear-gradient( -48deg, rgb(37,136,232) 0%, rgb(0,61,141) 100%);border-color: transparent;}
.s5p2 .content .uk-card-body:hover .img img {filter: brightness(0) invert(1);transform: translate(-50%,-50%) rotateY(180deg);}
.s5p2 .content .uk-card-body:hover .tt {color: #fff;}
.s5p2 .content .uk-card-body:hover .desc {color: #fff;}
.s5p2 .content .uk-card-body:hover .desc p {color: #fff;}
.s5p2 .content .uk-card-body:hover .desc p::before {background-color: #fff;}

/* solution5 p3 */
.s5p3 {padding-top: 95px;}
.s5p3 .title {font-size: var(--font60);color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 20px;text-align: center;}
.s5p3 .content {margin-top: 50px;}
.s5p3 .uk-overlay {background-image: url('../images/s5p3-overlay.png');visibility: hidden;opacity: 0;transition: .5s all;background-size: cover;}
.s5p3 .txt {position: absolute;left: 50%;transform: translateX(-50%);bottom: 30px;transition: .5s all;}
.s5p3 .tt {font-size: var(--font24);color: #fff;font-weight: 600;line-height: 1.2;margin-bottom: 10px;text-align: center;height: 1.2em;}
.s5p3 .desc {font-size: var(--font18);color: #fff;line-height: 1.667;text-align: center;height: 1.667em;}
.s5p3 .uk-card .img {position: relative;}
.s5p3 .uk-card .img img {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.s5p3 .uk-card:hover .uk-overlay {visibility: visible;opacity: 1;}
.s5p3 .uk-card:hover .txt {bottom: 50%;transform: translate(-50%,50%);}

/* pagination */
.paginationbox {margin-top: 80px;}
.paginationbox .pagination { display: flex; justify-content: center; }
.paginationbox .pagination li{ display: flex; justify-content: center; margin: 0 5px; }
.paginationbox .pagination li a { display: block; min-width: 20px; height: 30px;line-height:30px; padding:0 5px; text-align: center;border-radius: 4px; font-size: var(--font18); background-color: transparent; color: #999; transition: .5s all; border: 1px solid rgba(96, 115, 152, 0.20); }
.paginationbox .pagination span {display: block;width: 30px;height: 30px;text-align: center;border-radius: 4px;font-size: var(--font18);background-color: transparent;color: #999;transition: .5s all;border: 1px solid rgba(96, 115, 152, 0.20);display: flex;justify-content: center;align-items: center;margin: 0 8px;}
.paginationbox .pagination a:hover {color: var(--color1);border: 1px solid var(--color1);}
.paginationbox .pagination a.page-num:hover {color: #fff;background-color: var(--color1);border: 1px solid var(--color1);}
.paginationbox .pagination a.page-num-current {color: #fff;background-color: var(--color1);border: 1px solid var(--color1);}
.uk-pagination>*>* {padding: 0;}
.uk-pagination>*>*:hover {color: var(--color1);}

/* @keyframes */
.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: 2000px) {
	
}
@media screen and (max-width: 1700px) {
  :root {--font60: 48px;}
  .uk-container-xlarge {max-width: 1400px;}
	.i_banner .text {width: 1400px;}
  .banner .text {width: 1400px;}
  .i_banner .uk-slidenav-previous {margin-left: 30px;}
  .i_banner .uk-slidenav-next {margin-right: 30px;}
  .kefu {transform: translateY(-50%) scale(0.8); transform-origin: right center;}
  .i_about .tt {margin-bottom: 60px;}
  .i_about .tt .desc {margin-top: 40px;}
  .i_about .btn {margin-top: 80px;}

  .i_solution .i_solution_nav .i_solution_navname {height: 100px;line-height: 100px;}
  .i_solution .i_solution_desc .txt .uk-card-body {padding: 60px; padding-left: 80px; padding-right: 120px;}
  .i_solution .i_solution_desc .txt .adv { }
  .i_solution .i_solution_desc .txt .btn {margin-top: 30px;}
  .solutionindex .solutionindex_list .txt .adv.uk-grid-large.uk-grid-large {margin-left: -40px;}
  .solutionindex .solutionindex_list .txt .adv.uk-grid-large > * {padding-left: 40px;}
  .s1p3 .content > div {justify-content: center;}
  .s1p3 .content > div > div {width: 33%;margin-bottom: 30px;}
  .history {padding-bottom: 250px;}
  .i_solution .i_solution_desc .txt .btn .more { transform-origin: left; transform: scale(0.9);}
  .i_about .btn .more { transform-origin: center; transform: scale(0.9);}
  .i_news .btn .more { transform-origin: center; transform: scale(0.9);}
  .i_msg .btn .more { transform-origin: right; transform: scale(0.9);}
  .solutionindex .solutionindex_list .txt .btn .more { transform-origin: left; transform: scale(0.9);}
  .s1p1 .right .uk-card-body .btn .more { transform-origin: left; transform: scale(0.9);}
  .s2p1 .right .uk-card-body .btn .more { transform-origin: left; transform: scale(0.9);}
  .message .messageform form .btn { transform-origin: center; transform: scale(0.9);}
}

@media screen and (max-width: 1500px) {
  :root {--font18: 16px;--font24: 20px;--font30: 26px;--font36: 30px;--font40: 36px;--font48: 40px;--font50: 44px;--font60: 32px;}
  .uk-container-xlarge {max-width: 1200px;}
  .i_banner .text {width: 1200px;}
  .banner .text {width: 1200px;}
  .i_banner .uk-slidenav-previous {margin-left: 15px;}
  .i_banner .uk-slidenav-next {margin-right: 15px;}
  .kefu {transform: translateY(-50%) scale(0.6); transform-origin: right center;}
  .i_about {padding-bottom: 150px;}
  .i_solution {padding: 80px 0;}
  .i_solution .i_solution_desc .txt .uk-card-body {padding: 40px; padding-left: 60px; padding-right: 90px;}
  .i_news {padding: 80px 0;}
  .i_msg {padding: 80px 0;}
  .s1p1 .right .uk-card-body {padding: 40px 60px;}
  .s2p1 .right .uk-card-body {padding: 40px 60px;}

  .i_solution .i_solution_desc .txt .btn .more {transform: scale(0.8);}
  .i_about .btn .more {transform: scale(0.8);}
  .i_news .btn .more {transform: scale(0.8);}
  .i_msg .btn .more {transform: scale(0.8);}
  .solutionindex .solutionindex_list .txt .btn .more {transform: scale(0.8);}
  .s1p1 .right .uk-card-body .btn .more {transform: scale(0.8);}
  .s2p1 .right .uk-card-body .btn .more {transform: scale(0.8);}
  .message .messageform form .btn {transform: scale(0.8);}
}
@media screen and (max-width: 1300px) {
  .i_banner .text {width: calc(100% - 30px);padding: 0 15px;}
  .banner .text {width: calc(100% - 30px);padding: 0 15px;}
}
@media screen and (max-width: 960px) {
	:root {--font20: 16px;--font24: 18px;--font30: 20px;--font48: 26px;--font60: 28px;}
	.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;}
	
  .navbar .logo {line-height: 80px;height: 80px;}
  .navbar .logo a img {height: 40px;}
	.navbar .uk-navbar-toggle {min-height: 60px; line-height: 80px; height: 80px;transition: .5s all;}
  .navbar.scroll .uk-navbar-toggle { line-height: 60px; height: 60px;}
  .navbar.on .uk-navbar-toggle svg {color: #fff;}
	.navbar .uk-navbar-toggle svg {width: 30px;height: 30px;color: var(--color1);}
  .navbar .uk-drop {height: calc(100vh - 150px);}
  .navbar.on:hover .uk-navbar-toggle svg {color: var(--color1);}

  .navbar .uk-nav-default>li>a {font-size: var(--font18);color: #333;}
	.navbar .uk-nav-default>li.uk-active>a {color: var(--color1);}
  .uk-nav-default>li>a {font-size: 16px;padding: 10px 0;border-bottom: 1px solid #ededed;color: #333;display: block;position: relative;}
	.uk-nav-default>li.uk-active>a {color: var(--color1);}
  .uk-nav-default>li.uk-parent {position: relative;}
	.uk-nav-default>li.uk-parent .more {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);width: 16px;height: 16px;background-image: url(../images/parent.png);background-repeat: no-repeat;background-position: center;background-size: contain;transition: .5s all;}
	.uk-nav-default>li.uk-parent.uk-open .more {transform: translateY(-50%) rotate(90deg);}
  .uk-nav-default .uk-nav-sub a {font-size: 14px;color: #666;line-height: 30px;}
	.uk-nav-default .uk-nav-sub li.uk-active>a {color: var(--color1);}

  .uk-nav-default>li.uk-parent .more {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);width: 16px;height: 16px;background-image: url(../images/parent.png);background-repeat: no-repeat;background-position: center;background-size: contain;transition: .5s all;}
	.uk-nav-default>li.uk-parent.uk-open .more {transform: translateY(-50%) rotate(90deg);}
	
  .i_solution {padding: 60px 0;}
  .i_solution .i_solution_nav {border: none;}
  .i_solution .i_solution_nav .i_solution_navname {font-size: var(--font14);height: 60px; line-height: 60px;}
  .i_solution .i_solution_nav .uk-card {border-top: 1px solid #eee;}
  .i_solution .i_solution_nav .uk-grid > div:nth-child(4) .uk-card::before {content: none;}
  .i_solution .i_solution_desc .txt {position: relative;width: 100%;background: linear-gradient(to right,#2588e8,#003d8d);}
  .i_solution .i_solution_desc .txt .uk-card-body {padding: 30px 15px;}
  .i_solution .i_solution_desc .txt .adv > div {transform: scale(0.8);transform-origin: center center;}
  .i_solution .i_solution_desc .i_solution_info {position: relative;display: none;}
  .i_solution .i_solution_desc .i_solution_info.active {display: block;}
  .i_solution .i_solution_desc .i_solution_info .img {position: relative;}
  .i_solution .i_solution_desc .i_solution_info .txt {position: relative;}

  .i_banner .img {transform: translateX(-50%);bottom: 30px;left: 50%;width: 50%;position: absolute;}
  .i_banner .text {margin-top: 0;margin-bottom: 100px;}

  .i_about {padding: 60px 0 120px;}
  .i_about .btn {margin-top: 40px;}
  .i_about .uk-grid-collapse>* {transform: scale(0.8);}

  .i_partner {padding: 60px 0;}
  
  .i_msg {padding: 60px 0;}
  .i_msg .uk-grid-collapse>.uk-grid-margin {width: 100%;margin-top: 40px;}

  .foot {padding-top: 60px;}
  .footer {padding: 15px 0;}
  .footer .footertxt {line-height: 1.667;}


	.i_solution .i_solution_desc .txt .btn .more {transform: scale(0.7);}
  .i_msg .btn .more {transform: scale(0.7);transform-origin: center center;}

  .solutionspace {height: 80px;}

  .i_nav {padding: 15px 0;}
  .i_nav .uk-flex {display: block;}
  .i_nav .uk-slider a {line-height: 30px;font-size: var(--font18);color: #333;transition: .5s all;font-weight: 600;transition: .5s all;padding-bottom: 15px;display: block;text-align: center;}
  .i_nav .uk-slider a:hover {color: var(--color1);}
  .i_nav .uk-slider a.active {color: var(--color1);}
  .i_nav .uk-slider-container {overflow: auto;}
  .i_nav .position {margin-top: 10px;}
  .i_nav .position a {line-height: 30px;}

  .solutionindex .solutionindex_list .right {width: 100%;}
  .solutionindex .solutionindex_list .left1 {padding-right: 0;margin-top: 20px;}
  .solutionindex .solutionindex_list .left2 {padding-left: 0;margin-top: 20px;}
  .solutionindex .solutionindex_list + .solutionindex_list { margin-top: 40px; }

  .solutionindex .solutionindex_list .txt .adv.uk-grid-large > * {transform: scale(0.8);}
  .solutionindex .solutionindex_list .txt .adv {margin-top: 20px;}
  .solutionindex .solutionindex_list .txt .btn {margin-top: 20px;}

  .s1p1 {padding: 60px 0;}
  .s1p1 .right .uk-card-body {padding: 30px 0 0;}
  .s1p1 .right .uk-card-body .btn {margin-top: 20px;}
  .s1p2 .line {padding-top: 40px;}

  .s1p3 .content {margin-top: 40px;}
  .s1p2 .content .uk-card-body {padding: 30px 15px 60px;}
  .s1p2 .content .tt {margin-top: 20px;margin-bottom: 20px;}
  .s1p2 .content .desc p + p {margin-top: 20px;}
  .s1p3 .content > div > div {width: 50%;transform: scale(0.8);margin-bottom: 0;}
  .s1p4 .content {padding: 20px;}

  .s2p1 {padding: 60px 0;}
  .s2p1 .right .uk-card-body {padding: 30px 0 0;}
  .s2p1 .right .uk-card-body .btn {margin-top: 20px;}
  .s2p1 .line {padding-top: 40px;}
  .s2p2 .content .uk-card-body {padding: 30px 15px 60px;}
  .s2p3 .content .uk-card-body {padding: 15px;}
  .s2p4 {padding: 60px 0;}
  .s2p4 .subtitle p {text-align: left;}
  .s2p5 {padding: 60px 0;}
  .s2p5 .s2p5-nav .uk-grid {margin-left: -15px;}
  .s2p5 .s2p5-nav .uk-grid > * {padding-left: 15px;}
  .s2p5 .s2p5-content .uk-card .cont {padding: 0 15px;}
  .s2p7 .content {padding: 20px;}
  .s2p5 .s2p5-content .uk-card .img { right: 15px; transform: translateY(-50%) scale(0.6); }
  .s2p5 .s2p5-content .uk-dotnav {margin-top: 20px;}
  .s2p6 {padding-top: 60px;}
  .s2p6 .uk-dotnav {margin-top: 20px;}
  .s2p8 {padding: 60px 0;}
  .s2p8 .content .uk-card-body {padding: 15px;}
  .s2p8 .content .img {margin: 0 auto;}
  .s3p2 .line {padding-top: 40px;}
  .s3p2 .content .uk-card-body {padding: 30px 15px 60px;}
  .s3p3 {padding: 60px 0;}
  .s3p3 .content {margin-top: 40px;}
  .s3p3 .content > div > div {transform: scale(0.8);}
  .s4p2 .content .uk-card-body {padding: 30px 15px 60px;}
  .s4p3 {padding: 60px 0;}
  .s4p3 .content {margin-top: 40px;}
  .s4p3 .content > div > div {transform: scale(0.8);}
  .s4p5 .content {padding: 0;}
  .s5p2 .content .uk-card-body {padding: 30px 15px 60px;}

  .culture {height: auto;min-height: 0;max-height: none;}
  .culture .culture-item {padding: 30px 15px 30px;display: block;position: relative;}
  .culture .culture-item > div {width: 100%;}
  .culture .culture-item > div .text {padding: 30px 15px;}
  .culture .culture-item > div .uk-overlay {opacity: 0.102;}
  .culture .culture-item > div + div {margin-top: 20px;border-left: none;}
  .culture .culture-item > div .text .title {margin-bottom: 10px;}
    
  .history {padding: 60px 0;}
  .history .tt {margin-bottom: 20px;}
  .history .history-list .uk-slideshow-items .content {padding: 0 15px;text-align: left;}
  .history .history-list .history-nav .uk-slidenav {transform: scale(0.6);}
  .history .history-list .history-nav .uk-slidenav-previous {right: auto;left: -10px;}
  .history .history-list .history-nav .uk-slidenav-next {left: auto;right: -10px;}

  .productlist .productlist_list .left {width: 100%;}
  .productlist .productlist_list .uk-card-default {padding: 15px;}
  .productlist .productlist_list .uk-card-default .title {font-size: var(--font30);margin-bottom: 15px;}

  .honorlist .uk-card-default .title {line-height: 50px;}

  .contact {padding: 60px 0;}
  .contact .contactform .uk-card-default {padding: 30px;}
  .message {padding: 60px 0;}










	
	.uk-pagination {display: block;}
	.paginationbox .pagination span.page-status , .paginationbox .pagination span.page-pre, .paginationbox .pagination span.page-next {display: none;}
	.paginationbox .pagination span:not(.page-numbar) {margin: 0 3px;}
	.paginationbox .pagination span a.page-num {margin: 0 3px;}
	
}