.div-button-a{display:block;height:100%}
.div-button-hidden-txt{display:block;overflow:hidden;text-indent:180%;white-space:nowrap}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.verticalcenter{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#row-news{background:#fff;overflow:hidden;display:table;margin:0 24px;width:calc(100% - 24px * 2)}
#row-news #release{margin:0 16px}
#row-news-inner{width:92.5%;display:table-cell;margin:auto}
#row-news-inner-box{margin:0 auto;padding:0 2px;max-width:1200px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr}
#row-news-inner-box b{font-weight:500}
#row-news .row-item{position:relative;margin:0 auto}
#row-news .news-container{height:420px;box-shadow:0 0 2px rgba(0,124,158,0.16),0px 4px 16px rgba(0,124,158,0.08);border-radius:8px;overflow:hidden;margin-bottom:48px;background:#fff}
#row-news .news-container-release .desc{padding:24px 24px 0;max-height:60px;max-width:250px}
#row-news .news-container-release img{width:105px;height:105px;transition:.2s ease-in-out}
#row-news .head{height:50px}
#row-news .headline{font-weight:400;font-size:24px;line-height:30px;color:#0b4859}
#row-news .headline>a{font-size:24px;color:#0b4859}
#row-news .data{display:inline-block;text-align:left;margin:8px 0 0 24px;overflow:hidden}
#row-news .date{font-size:16px;line-height:24px;color:#537680}
#row-news .hot{float:right;position:relative;top:24px;left:-24px;background-color:#fa9150;width:10px;height:10px;border-radius:5px}
#row-news .desc{padding:24px 24px 0;min-height:20px;max-height:70px;max-width:340px;font-size:16px;font-weight:400;color:#0b4859;line-height:19px;overflow:hidden}
#row-news .news{display:inline-block;min-width:100%;height:140px;border-bottom:1px solid #e1e9eb;box-sizing:border-box;position:relative;transition:.2s ease-in-out}
#row-news .news-release{height:105px}
#row-news .news-release-image{float:left;box-sizing:border-box;background-color:#f5f9fa;border-bottom:1px solid #e1e9eb}
#row-news .news-link{color:#555}
#row-news .news-link:last-child .news::after{height:0;opacity:0}
#row-news .news-link:hover>.news{position:relative}
#row-news .news-link:hover span{color:#00a2cf}
@media screen and (max-width:320px){#release .hot{top:12px;left:-12px}
}
@media screen and (max-width:767px){#row-news{min-height:1540px;width:90%;max-width:512px;margin:auto}
#row-news #release{margin:0 auto}
#row-news-inner{width:88%}
#row-news-inner-box{grid-template-columns:1fr}
#row-news .desc{max-width:270px}
#row-news .news-container-release .desc{padding:10px 10px 0}
#row-news .news-container-release .data{margin:10px 0 0 10px}
}
@media screen and (min-width:768px) and (max-width:1023px){#row-news{min-height:1540px}
#row-news #release{margin:0 auto}
#row-news-inner{width:88%}
#row-news-inner-box{grid-template-columns:1fr}
#row-news .desc{max-width:420px}
#row-news .data{margin:20px 0 0 20px}
#row-news .news-container{width:464px}
#row-news .news-container-release{width:464px}
#row-news .news-container-release .desc{padding:15px 13px 0}
}
html{overflow:auto}
body{font-family:'Roboto';background:#fff}
body .index-header{min-width:auto}
*{outline:0}
#zk-container{min-width:auto}
.index-button{border-radius:4px;height:44px;line-height:48px;text-align:center;cursor:pointer;transition:.2s ease-in-out;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.index-learn-more{font-weight:400;font-size:20px;padding:.5px 0;display:inline-block;color:#00a2cf;cursor:pointer;line-height:28px}
.index-learn-more:hover{color:#66c7e2}
.learn-more-icon{margin-left:13.3px;transition:.2s ease-in-out}
.index-content-text{font-family:'Roboto';font-size:16px}
.site-header{position:relative;text-align:center;display:table;width:100%;padding-top:160px}
.section1{width:100%;padding:0;display:block;vertical-align:middle;margin-right:auto;margin-left:auto}
.section1-inner{position:relative;margin-right:auto;margin-left:auto;display:table;grid-template-columns:1fr 1fr}
.section1-title>a{font-size:56px;font-weight:500;line-height:66px;color:#0b4859}
.section1-text{font-size:22px;line-height:33px;color:#537680;margin:16px auto 0}
.section1-content-left{position:relative;float:left;width:50%;text-align:left}
.section1-content-right{position:relative;min-height:1px;float:right;width:50%}
.section1-image{margin:0 auto;padding-left:32px}
.section1-left{position:relative}
.section1-button{color:#fff;font-size:16px;font-weight:400;width:186px}
.section1-button-group{display:inline-flex;grid-template-columns:1fr 1fr;grid-gap:16px;margin-top:32px}
.section1-button-demo{background-color:#00a2cf}
.section1-button-demo:hover{background-color:#66c7e2}
.section1-button-demo:active{background-color:#0383a6}
.section1-button-getstart{background-color:#fa9150}
.section1-button-getstart:hover{background-color:#f2ac80}
.section1-button-getstart:active{background-color:#c77746}
.release-banner{min-height:155px;margin-top:112px}
.mobile-banner{display:none}
.banner-hidden{display:none}
.banner-opac{opacity:0}
.banner-inner{margin:0 auto;width:700px}
.section3{width:100%;padding:0;display:table-cell;vertical-align:middle;padding-top:144px;padding-bottom:112px}
.section3-container{display:table;text-align:center;width:100%;height:720px}
.section3-inner{position:relative;margin-right:auto;margin-left:auto}
.section3-title{font-weight:500;font-size:28px;line-height:33px;font-family:'Roboto';color:#0b4859}
.section3-content{padding:16px 0}
.section3-text{font-weight:300;font-size:18px;margin:0 auto;color:#537680;line-height:30px}
.section3-button:hover>.index-small-button{margin:0 5px}
.section3-image{display:block;margin:32.5px auto 0}
.section4{width:100%;max-width:1200px;padding:0;display:table-cell;vertical-align:middle;text-align:left}
.section4-container{display:table;text-align:center;width:100%}
.section4-inner{position:relative;margin-right:auto;margin-left:auto}
.section4-textpart{width:50%}
.section4-title{font-weight:500;font-size:28px;line-height:33px;color:#0b4859}
.section4-text{color:#537680;font-size:18px;line-height:30px;margin-top:16px}
.section4-button{margin-top:16px}
.section4-button:hover>.index-small-button{margin:0 5px}
.section4-separator{width:32px}
.section4-content{overflow:auto;display:table;width:100%;margin:auto}
.section4-content-inner{grid-template-columns:1fr 1fr;position:relative;display:table-cell;vertical-align:middle;text-align:left}
.section4 img{max-width:459px}
.ee-sec{margin:auto;padding:16px 0 96px}
.ee-sec .ee-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}
.ee-sec .ee-title .ee-button{font-weight:400}
.ee-sec .ee-title .ee-button:hover{color:#66c7e2}
.ee-sec .ee-title .ee-button:active{color:#0383a6}
.ee-sec .ee-title h3{font-weight:500;font-size:28px;line-height:33px;color:#0b4859}
.ee-sec .ee-title p{font-weight:300;font-size:18px;line-height:30px;color:#537680}
.ee-sec .ee-value{display:grid}
.ee-sec .ee-value .value{display:grid;grid-template-columns:64px 1fr;gap:16px}
.ee-sec .ee-value .value h4{font-size:20px;line-height:23px;color:#0b4859;margin-bottom:8px}
.ee-sec .ee-value .value p{font-weight:300;font-size:16px;line-height:28px;color:#537680}
.ee-sec .ee-value .value img{height:64px}
.ee-sec .ee-button-2{font-weight:400;text-align:center;margin-top:48px}
.ee-sec .ee-button-2:hover{color:#66c7e2}
.ee-sec .ee-button-2:active{color:#0383a6}
#zk-template{display:none}
.customers{display:table-cell;vertical-align:middle;background:#f5f9fa;background-size:100% 100%}
.customers-container{height:324px;width:100%;display:table}
.customers-inner{margin-right:auto;margin-left:auto}
.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:30px;margin-top:-15px;padding:0;cursor:pointer;color:transparent;border:0;outline:0}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:0}
.slick-prev{background:url("/resource/img/Mainpage/companylogos/arrow-left.svg") no-repeat}
[dir='rtl'] .slick-prev{right:-38px;left:auto}
.slick-next{background:url("/resource/img/Mainpage/companylogos/arrow-right.svg") no-repeat}
[dir='rtl'] .slick-next{right:auto;left:-30px}
.slick-slider{margin-bottom:10px}
.slick-dots{position:absolute;bottom:-45px;display:block;width:100%;padding:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}
.slick-dots li button:hover,.slick-dots li button:focus{outline:0}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{font-family:'slick';font-size:30px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'\2022';text-align:center;color:#e1e9eb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{color:#00a2cf}
.slick-slide{opacity:0;transition:opacity 1.5s ease-in-out}
.slick-slide.opacidown{opacity:0}
div.slick-current{opacity:1;transition:opacity 1.5s ease-in-out}
div.slick-active{opacity:1;transition:opacity 1.5s ease-in-out}
#row-separator{height:12px}
@media screen and (max-width:767px){.section1{margin:0 24px;width:calc(100% - 24px * 2)}
.section1-inner{max-width:512px;display:grid;grid-template-columns:1fr}
.section1-title{max-width:512px;text-align:center;margin-top:0;margin:auto}
.section1-title>a{font-size:48px;line-height:56px}
.section1-text{text-align:center;width:100%}
.section1-content-left{width:100%;text-align:center}
.section1-content-right{width:100%;margin-top:64px;float:none}
.section1-image{width:100%;padding-left:0}
.section1-button-group{width:100%;display:grid}
.section1-button{width:100%}
.section3-container{margin:0 24px;width:calc(100% - 24px * 2)}
.section3-inner{max-width:512px}
.section3-image{width:65%}
.slick-next{right:-20.4px}
.slick-prev{left:-20.4px}
.customers-inner{width:calc(100vw - 262px);min-width:300px}
.section4-container{margin:40px 0 56px}
.section4-inner{width:90%;max-width:512px;padding-right:0}
.section4-content{padding:56px 0}
.section4-content-inner{padding-right:0;display:table-footer-group}
.section4 img{max-width:none;min-width:220px;width:66%;display:block;margin:32.5px auto 0}
.section4-textpart{display:table-header-group}
.ee-sec{max-width:464px;width:90%}
.ee-sec .title{text-align:center;margin:auto}
.ee-sec .ee-button{display:none}
.ee-sec .ee-value{grid-template-columns:1fr;gap:32px}
.ee-sec .gap{display:none}
body .index-header:hover .menuitem-inner,body .index-header-hover .menuitem-inner{position:relative;width:100%}
.desktop-banner{display:none}
.mobile-banner{display:block}
.mobile-banner-inner{width:calc(100vw - 48px);min-width:180px;max-width:512px}
}
@media screen and (min-width:768px) and (max-width:1023px){.section1-inner{max-width:704px}
.section1-title{width:704px;text-align:center;margin-top:0}
.section1-text{width:465px}
.section1-content-left{width:100%;text-align:center}
.section1-content-right{width:100%;margin-top:64px}
.section1-image{width:80%;max-width:552px;padding-left:0}
.customers-inner{max-width:584px;width:77%}
.slick-next{right:-40.5px}
.slick-prev{left:-40.5px}
.section3{padding-top:185px}
.section3-inner{width:80%;max-width:614px}
.section3-image{width:62%;max-width:312px}
.section4-container{margin:48px 0}
.section4-content{padding:48px 0}
.section4-inner{width:90%;max-width:688px}
.section4 img{max-width:312px}
.ee-sec{max-width:464px;width:90%}
.ee-sec .title{text-align:center;margin:auto}
.ee-sec .ee-button{display:none}
.ee-sec .ee-value{grid-template-columns:1fr;gap:32px}
.ee-sec .gap{display:none}
}
@media screen and (min-width:1024px) and (max-width:1295px){.section1-inner{max-width:912px;width:90%}
.section1-title{width:456px;margin-top:17px}
.section1-image{max-width:424px}
.release-banner{margin-top:96px}
.customers-inner{max-width:770px;width:77%}
.slick-next{right:-60px}
.slick-prev{left:-60px}
.section3-inner{max-width:614px}
.section3-image{width:57%;max-width:344px}
.section4-container{margin:48px 0}
.section4-content{padding:48px 0}
.section4-inner{width:76%;max-width:754px}
.section4 img{max-width:345px}
.ee-sec{max-width:1104px;width:90%}
.ee-sec .ee-value{grid-template-columns:1fr 32px 1fr 32px 1fr}
.ee-sec .ee-button-2{display:none}
}
@media screen and (min-width:1296px){.section1-inner{max-width:1184px;width:92.5%}
.section1-title{margin-top:70px}
.section1-title :first-child{display:flex}
.section1-image{width:95%;max-width:560px}
.customers-inner{max-width:1296px;width:77%}
.slick-next{right:-81.5px}
.slick-prev{left:-81.5px}
.section3{max-width:1200px}
.section3-inner{width:62%;max-width:794px}
.section3-image{width:60%;max-width:459px}
.customers-inner{max-width:998px;width:77%}
.section4-container{margin:48px 0}
.section4-content{padding:64px 0}
.section4-inner{width:76%;max-width:982px}
.section4 img{max-width:459px}
.ee-sec{max-width:1104px}
.ee-sec .ee-value{grid-template-columns:1fr 32px 1fr 32px 1fr}
.ee-sec .ee-button-2{display:none}
}