body {
    background-repeat:no-repeat;
    font-family:PingFangSC-light,"Source Sans Pro","Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif
}
body,
body * {
    padding:0;
    margin:0;
    box-sizing:border-box
}
a {
    text-decoration:none
}
ul,
li {
    list-style:none
}
a[href] {
    cursor:pointer
}
.share-logo {
    position:absolute;
    left:-1000px;
    opacity:0
}
@keyframes newjump {
    from {
        transform:translate3d(0,0,0)
    }
    to {
        transform:translate3d(0,-2px,0)
    }
}
header {
    position:fixed;
    z-index:99999;
    top:0;
    width:100%;
    transition:all .3s ease;
    border:0;
    height:73px
}
header .ds2018_banner {
    height:0;
    background-color:#151623
}
header .ds2018_banner article {
    max-width:1280px;
    background-image:url(imgcss/headbar_9a88052.png);
    background-repeat:no-repeat;
    background-position:top right;
    height:100%;
    position:relative;
    margin:0 auto
}
@media screen and (max-width:1000px) {
    header .ds2018_banner article {
        background-image:url(imgcss/kuang.svg);
        background-position:center center
    }
}
header .ds2018_banner article .tl_pc {
    position:absolute;
    left:45px;
    top:18px
}
@media screen and (max-width:1000px) {
    header .ds2018_banner article .tl_pc {
        display:none
    }
}
header .ds2018_banner article .tc_pc {
    left:50%;
    position:absolute;
    transform:translate(-172px,13px)
}
@media screen and (max-width:1090px) {
    header .ds2018_banner article .tc_pc {
        transform:translate(-50px,13px)
    }
}
@media screen and (max-width:1000px) {
    header .ds2018_banner article .tc_pc {
        display:none
    }
}
@keyframes dsloading {
    70% {
        max-width:0
    }
}
header .btnToggle {
    top:20px;
    right:30px;
    height:10px;
    width:25px;
    height:25px;
    display:none
}
header .btnToggle em {
    vertical-align:top;
    width:100%;
    display:inline-block;
    height:3px;
    position:relative;
    transition:all .5s ease;
    background:#fff
}
header .btnToggle em::before,
header .btnToggle em::after {
    content:'';
    transition:.5s all;
    position:absolute;
    height:3px;
    width:100%;
    background:#fff;
    border-radius:1px
}
header .btnToggle em::before {
    top:-9px
}
header .btnToggle em::after {
    top:9px
}
header nav {
    position:relative;
    max-width:1280px;
    margin:0 auto
}
@media screen and (max-width:1000px) {
    header nav .btnLogin,
    header nav .btnLogout {
        display:none;
        visibility:hidden
    }
}
header nav .dropdown:after {
    content:'';
    width:6px;
    height:6px;
    display:inline-block;
    transform:rotate(-45deg);
    position:relative;
    top:-3px;
    left:7px;
    border-bottom:1px solid #fff;
    border-left:1px solid #fff
}
header nav .menu {
    position:relative
}
header nav .menu.demo {
    display:none
}
@media screen and (max-width:1000px) {
    header nav .menu.demo {
        display:inherit
    }
}
header nav .menu a.menu-icon::before {
    content:'';
    display:inline-block;
    width:24px;
    height:24px;
    margin-right:11px;
    background-size:cover;
    transform:translate(0px,6px)
}
header nav .menu a.menu-collection::before {
    background-image:url('menu/menu_2.svg')
}
header nav .menu a.menu-paas::before {
    background-image:url('menu/menu_3.svg')
}
header nav .menu a.menu-private::before {
    background-image:url('menu/menu_4.svg')
}
header nav .menu a.menu-private1::before {
    background-image:url('menu/menu_5.svg')
}
header nav .menu a.menu-partner::before {
    background-image:url('menu/menu_24.svg')
}
header nav .menu a.menu-analysis::before {
    background-image:url('menu/menu_6.svg')
}
header nav .menu a.menu-recommend::before {
    background-image:url('menu/menu_9.svg')
}
header nav .menu a.menu-journey::before {
    background-image:url('menu/menu_10.svg')
}
header nav .menu a.menu-usertag::before {
    background-image:url('menu/menu_7.svg')
}
header nav .menu a.menu-focus::before {
    background-image:url('menu/menu_8.svg')
}
header nav .menu a.menu-finance::before {
    background-image:url('menu/menu_11.svg')
}
header nav .menu a.menu-ecommerce::before {
    background-image:url('menu/menu_12.svg')
}
header nav .menu a.menu-security::before {
    background-image:url('menu/menu_13.svg')
}
header nav .menu a.menu-retail::before {
    background-image:url('menu/menu_14.svg')
}
header nav .menu a.menu-service::before {
    background-image:url('menu/menu_15.svg')
}
header nav .menu a.menu-manual::before {
    background-image:url('menu/menu_16.svg')
}
header nav .menu a.menu-develop::before {
    background-image:url('menu/menu_17.svg')
}
header nav .menu a.menu-courses::before {
    background-image:url('menu/menu_18.svg')
}
header nav .menu a.menu-blog::before {
    background-image:url('menu/menu_19.svg')
}
header nav .menu a.menu-aboutus::before {
    background-image:url('menu/menu_20.svg')
}
header nav .menu a.menu-news::before {
    background-image:url('menu/menu_1.svg')
}
header nav .menu a.menu-joinus::before {
    background-image:url('menu/menu_23.svg')
}
header nav .menu a.menu-callme::before {
    background-image:url('menu/menu_25.svg')
}
header nav .menu a.menu-article::before {
    background-image:url('menu/menu_21.svg')
}
header nav .menu a.menu-group::before {
    background-image:url('menu/menu_22.svg')
}
header nav .menu a:hover.menu-icon {
    color:#2e4446
}
header nav .menu a:hover.menu-collection::before {
    background-image:url('menu/menu_2.svg')
}
header nav .menu a:hover.menu-paas::before {
    background-image:url('menu/menu_3.svg')
}
header nav .menu a:hover.menu-private::before {
    background-image:url('menu/menu_4.svg')
}
header nav .menu a:hover.menu-private1::before {
    background-image:url('menu/menu_5.svg')
}
header nav .menu a:hover.menu-partner::before {
    background-image:url('menu/menu_24.svg')
}
header nav .menu a:hover.menu-analysis::before {
    background-image:url('menu/menu_6.svg')
}
header nav .menu a:hover.menu-recommend::before {
    background-image:url('menu/menu_9.svg')
}
header nav .menu a:hover.menu-journey::before {
    background-image:url('menu/menu_10.svg')
}
header nav .menu a:hover.menu-usertag::before {
    background-image:url('menu/menu_7.svg')
}
header nav .menu a:hover.menu-finance::before {
    background-image:url('menu/menu_11.svg')
}
header nav .menu a:hover.menu-focus::before {
    background-image:url('menu/menu_8.svg')
}
header nav .menu a:hover.menu-ecommerce::before {
    background-image:url('menu/menu_12.svg')
}
header nav .menu a:hover.menu-security::before {
    background-image:url('menu/menu_13.svg')
}
header nav .menu a:hover.menu-retail::before {
    background-image:url('menu/menu_14.svg')
}
header nav .menu a:hover.menu-service::before {
    background-image:url('menu/menu_15.svg')
}
header nav .menu a:hover.menu-manual::before {
    background-image:url('menu/menu_16.svg')
}
header nav .menu a:hover.menu-develop::before {
    background-image:url('menu/menu_17.svg')
}
header nav .menu a:hover.menu-courses::before {
    background-image:url('menu/menu_18.svg')
}
header nav .menu a:hover.menu-blog::before {
    background-image:url('menu/menu_19.svg')
}
header nav .menu a:hover.menu-aboutus::before {
    background-image:url('menu/menu_20.svg')
}
header nav .menu a:hover.menu-news::before {
    background-image:url('menu/menu_1.svg')
}
header nav .menu a:hover.menu-joinus::before {
    background-image:url('menu/menu_23.svg')
}
header nav .menu a:hover.menu-callme::before {
    background-image:url('menu/menu_25.svg')
}
header nav .menu a:hover.menu-article::before {
    background-image:url('menu/menu_21.svg')
}
header nav .menu a:hover.menu-group::before {
    background-image:url('menu/menu_22.svg')
}
header nav .menu .submenu {
    display:none;
    transition:all .5s ease;
    transform:translate(26px,-10px);
    border-radius:5px;
    width:250px;
    right:-44px;
    position:absolute;
    margin:0;
    border-radius:2px;
    background-color:#fff;
    box-shadow:0 0 15px 0 rgba(26,52,45,.1);
    font-size:16px;
    color:#819394;
    padding-bottom:13.5px
}
header nav .menu .submenu::before {
    content:'';
    display:inline-block;
    position:absolute;
    border-top:18px solid transparent;
    border-bottom:18px solid transparent;
    border-left:18px solid #fff;
    left:50%;
    margin-left:-11px;
    transform:translate(-50%,0) rotate(-90deg);
    margin-left:0;
    top:-18px
}
@media screen and (max-width:1000px) {
    header nav .menu .submenu {
        padding-bottom:0
    }
}
header nav .menu .submenu>li:nth-of-type(1) {
    padding-top:7.5px
}
@media screen and (max-width:1000px) {
    header nav .menu .submenu>li:nth-of-type(1) {
        padding-top:13.5px
    }
}
header nav .menu .submenu.product {
    width:500px;
    right:-174px;
    background-color:#f3f6f8;
    transform:translate(30px,-10px)
}
@media screen and (max-width:1000px) {
    header nav .menu .submenu.product {
        width:inherit;
        right:inherit;
        transform:none
    }
}
header nav .menu .submenu.product>ul {
    width:50%;
    display:block;
    float:left
}
header nav .menu .submenu.product>ul>li:nth-of-type(1) {
    background:#fff;
    margin:0;
    padding:12.5px 0;
    border-radius:3px
}
@media screen and (max-width:1000px) {
    header nav .menu .submenu.product>ul>li:nth-of-type(1) {
        padding:0
    }
}
header nav .menu .submenu.product>ul>li:nth-of-type(1) a {
    font-weight:400
}
header nav .menu .submenu.product>ul>li:nth-of-type(1) a:hover {
    color:#2e4446;
    text-decoration:none;
    cursor:default
}
header nav .menu .submenu.product>ul>li:nth-of-type(2) {
    padding-top:13.5px
}
header nav .menu .submenu.product>ul>li:not(:nth-of-type(1)) a {
    padding:14.5px 28px
}
header nav .menu .submenu>li,
header nav .menu .submenu>ul>li {
    float:none
}
header nav .menu .submenu>li a,
header nav .menu .submenu>ul>li a {
    padding:14.5px 31px;
    width:100%;
    display:inline-block;
    color:inherit
}
header nav .menu:hover .submenu {
    display:block
}
header nav .logo {
    position:absolute;
    left:45px;
    top:14px
}
@media screen and (max-width:1015px) {
    header nav .logo {
        left:20px
    }
}
@media screen and (max-width:1000px) {
    header nav .logo {
        left:20px;
        top:4px
    }
}
header nav .logo svg,
header nav .logo img {
    width:140px;
    height:44px
}
@media screen and (max-width:1000px) {
    header nav .logo svg {
        width:93px;
        height:31px
    }
    header nav .logo img {
        width:120px;
        height:38px
    }
}
header nav ul,
header nav li {
    list-style:none
}
header nav .nav-menu {
    position:absolute;
    top:0;
    right:250px
}
header nav .nav-menu .new {
    margin-right:20px
}
@media screen and (max-width:1045px) {
    header nav .nav-menu .new {
        margin-right:5px
    }
}
header nav .nav-menu .new a {
    position:relative
}
header nav .nav-menu .new a::after {
    content:'New';
    animation:newjump 1s linear 5;
    transform-origin:center bottom;
    padding:0 5px;
    font-size:11px;
    color:#00ccdd;
    border-radius:11px;
    background-image:linear-gradient(to bottom,#a4f96c,#fff);
    position:absolute;
    top:14px
}
@media screen and (max-width:1020px) {
    header nav .nav-menu .new a::after {
        display:none
    }
}
@media screen and (max-width:1000px) {
    header nav .nav-menu .new a::after {
        display:inline-block;
        position:initial;
        margin-left:10px;
        line-height:20px
    }
}
header nav .nav-menu>li {
    text-align:left;
    display:inline-block;
    padding-top:3px
}
header nav .nav-menu>li>a {
    text-decoration:none;
    padding:22px 15px;
    font-size:16px;
    line-height:20px;
    display:block;
    color:#fff
}
header nav .nav-menu>li>a:hover {
    color:#fff
}
header nav .buttons {
    position:absolute;
    right:45px;
    top:17px
}
@media screen and (max-width:1000px) {
    header nav .buttons {
        right:55px;
        top:5px
    }
}
header nav .buttons .btn {
    margin:0 7.5px
}
.fixed header {
    background:#222221
}
@media screen and (max-width:1000px) {
    .fixed header .btnRegister {
        display:inline-block
    }
    header {
        height:50px
    }
    header .btnRegister {
        display:none
    }
    header .btnToggle {
        display:block;
        position:absolute;
        right:20px;
        top:22px
    }
    header nav .nav-menu {
        transition:all .3s ease;
        display:block;
        background:#fff;
        height:0;
        overflow-y:scroll;
        position:absolute;
        top:50px;
        left:0;
        width:100%;
        margin:0
    }
    header nav .nav-menu>li {
        padding-top:0;
        display:block
    }
    header nav .nav-menu>li>a {
        font-size:16px;
        line-height:3.75;
        letter-spacing:normal;
        color:#819394;
        padding:0 15px
    }
    header nav .nav-menu>li>a:hover {
        color:#819394
    }
    header nav .nav-menu>li .submenu {
        transform:none;
        position:static;
        display:block;
        width:100%;
        background:rgba(244,248,251,.6);
        max-height:0;
        overflow:hidden;
        box-shadow:none
    }
    header nav .nav-menu>li .submenu>li,
    header nav .nav-menu>li .submenu>ul>li {
        padding:0
    }
    header nav .nav-menu>li .submenu>li:nth-last-child(1),
    header nav .nav-menu>li .submenu>ul>li:nth-last-child(1) {
        padding-bottom:17.5px
    }
    header nav .nav-menu>li .submenu::before {
        display:none
    }
    header nav .nav-menu>li:hover .submenu {
        max-height:800px
    }
    header nav .dropdown::after {
        position:absolute;
        top:20px;
        right:22px;
        left:auto;
        border-bottom:2px solid #819394;
        border-left:2px solid #819394
    }
    .header-menu-active header nav {
        position:relative
    }
    .header-menu-active header nav .btnToggle em {
        background:rgba(255,255,255,0)
    }
    .header-menu-active header nav .btnToggle em::before,
    .header-menu-active header nav .btnToggle em::after {
        top:0
    }
    .header-menu-active header nav .btnToggle em::before {
        transform:rotate(45deg)
    }
    .header-menu-active header nav .btnToggle em::after {
        transform:rotate(-45deg)
    }
    .header-menu-active header nav .btnRegister {
        display:none
    }
    .header-menu-active header nav .nav-menu {
        background:#fff
    }
}
main {
    margin-top:-1;
    overflow-x:hidden;
    position:relative
}
main .bottom-laptop {
    position:absolute;
    right:-189px;
    bottom:327px
}
main section {
    position:relative;
    padding:90px 0
}
@media screen and (max-width:1000px) {
    main section {
        padding:50px 0
    }
}
main section article {
    text-align:center;
    position:relative;
    margin:0 auto;
    max-width:1440px;
    font-size:0
}
@media screen and (max-width:1000px) {
    main section article {
        max-width:600px;
        margin:0 auto
    }
}
@media screen and (max-width:640px) {
    main section article {
        margin:0 20px
    }
}
main section .center {
    text-align:center
}
main section .numbers {
    width:33%;
    display:inline-block;
    background:#FFFBE0
}
main section .numbers li {
    padding:10px
}
footer {
    background-color:#222222;
    color:#fff;
    position:relative;
    padding-bottom:45px
}
footer .bottom-laptop {
    position:absolute;
    right:0;
    top:-376px;
    pointer-events:none
}
@media screen and (max-width:1170px) {
    footer .bottom-laptop {
        width:650px;
        top:-344px
    }
}
@media screen and (max-width:1110px) {
    footer .bottom-laptop {
        width:600px;
        top:-318px
    }
}
@media screen and (max-width:1080px) {
    footer .bottom-laptop {
        display:none
    }
}
footer section {
    padding:65px 0 42px;
    max-width:1280px;
    margin:0 auto;
    text-align:right;
    position:relative
}
@media screen and (max-width:1080px) {
    footer section {
        text-align:center;
        padding:32px 0 42px
    }
}
footer section nav {
    text-align:center;
    margin-left:255px
}
@media screen and (max-width:1080px) {
    footer section nav {
        max-width:600px;
        margin:0 auto
    }
}
@media screen and (max-width:640px) {
    footer section nav {
        margin:0 20px
    }
}
footer section nav .cards {
    font-size:0
}
@media screen and (max-width:519px) {
    footer section nav .cards {
        text-align:left;
        padding-left:17px
    }
}
footer section nav .cards .product {
    width:270px
}
@media screen and (max-width:1080px) {
    footer section nav .cards .product {
        width:210px
    }
    footer section nav .cards .product .h4 {
        font-size:13px
    }
}
@media screen and (max-width:370px) {
    footer section nav .cards .product {
        width:200px
    }
}
footer section nav .cards .product>ul {
    display:inline-block;
    vertical-align:top;
    width:135px
}
@media screen and (max-width:1080px) {
    footer section nav .cards .product>ul {
        padding:0;
        width:105px
    }
}
@media screen and (max-width:370px) {
    footer section nav .cards .product>ul {
        width:100px
    }
}
footer section nav .cards>li {
    vertical-align:top;
    display:inline-block;
    text-align:left;
    width:135px
}
footer section nav .cards>li h3::before {
    content:'';
    width:100%;
    border-top:solid 1px #a6a8ab;
    display:inline-block;
    transform:translate(-2px,45px)
}
@media screen and (max-width:1080px) {
    footer section nav .cards>li h3::before {
        transform:translate(-2px,39px)
    }
}
footer section nav .cards>li:nth-of-type(1) {
    width:270px
}
@media screen and (max-width:1080px) {
    footer section nav .cards>li:nth-of-type(1) {
        width:210px
    }
}
@media screen and (max-width:370px) {
    footer section nav .cards>li:nth-of-type(1) {
        width:200px
    }
}
@media screen and (max-width:1080px) {
    footer section nav .cards>li {
        width:105px;
        margin:0;
        text-align:left
    }
}
@media screen and (max-width:370px) {
    footer section nav .cards>li {
        width:100px
    }
}
@media screen and (max-width:320px) {
    footer section nav .cards>li {
        width:87px
    }
}
footer section nav .cards>li h3 {
    font-weight:300;
    color:#fff
}
@media screen and (max-width:1080px) {
    footer section nav .cards>li h3 {
        font-weight:500
    }
}
footer section nav .cards>li ul {
    margin-top:25px
}
footer section nav .cards>li ul li {
    list-style:none;
    margin-bottom:14px
}
footer section nav .cards>li ul li a {
    color:#a6a8ab
}
@media screen and (max-width:1080px) {
    footer section nav .cards>li ul li a {
        font-weight:500
    }
}
footer section nav .cards>li ul li a:hover {
    color:#fff
}
footer section nav .cards>li ul li.active a {
    color:#fff;
    pointer-events:none
}
footer section nav .left {
    position:absolute;
    left:30px;
    top:65px;
    text-align:left
}
@media screen and (max-width:1080px) {
    footer section nav .left {
        position:relative;
        left:0;
        top:0
    }
}
footer section nav .left .mp .qrcode {
    width:110px;
    height:110px
}
footer section nav .left p {
    color:#a6a8ab
}
footer section nav .left p a {
    color:#a6a8ab
}
footer section nav .left p:nth-of-type(1) {
    font-weight:300;
    margin-top:20px
}
@media screen and (max-width:1080px) {
    footer section nav .left p:nth-of-type(1) {
        margin-top:17px
    }
}
footer section nav .left p:nth-of-type(2) {
    font-weight:300
}
@media screen and (max-width:1080px) {
    footer section nav .left p:nth-of-type(2) {
        margin-top:16px
    }
}
footer section nav .left p:nth-of-type(3) {
    margin-top:13px;
    font-weight:300
}
footer section nav .left .logo svg,
footer section nav .left .logo img {
    width:140px;
    height:44px
}
footer section nav .left .website-filling {
    line-height:20px
}
footer section nav .left .website-filling img {
    vertical-align:middle
}
footer section nav .left .website-filling a {
    font-size:14px
}
footer section nav .left .website-filling p {
    margin:0;
    display:inline
}
@media screen and (max-width:1080px) {
    footer section nav .left {
        border-top:solid 1px #505254;
        float:none;
        text-align:left;
        padding-top:22px;
        padding-left:17px
    }
}
.btnGreen2,
.btnGreen,
.btnWhite,
.btnMore,
.btnMoreInCard {
    border-radius:2px;
    font-size:16px;
    border:solid 1px #fff;
    cursor:pointer;
    padding:7px 25px;
    display:inline-block
}
@media screen and (max-width:1000px) {
    .btnGreen2,
    .btnGreen,
    .btnWhite,
    .btnMore,
    .btnMoreInCard {
        padding:4px 13px
    }
}
.btnGreen {
    background-color:rgba(255,255,255,.2);
    color:#fff
}
.btnGreen:hover {
    background-color:#fff;
    color:#222221
}
.btnGreen2 {
    background-color:rgba(0,197,135,.1);
    border:solid 1px #00ccdd;
    color:#00ccdd
}
.btnGreen2:hover {
    color:#fff;
    background-color:#00ccdd;
    border:solid 1px #00ccdd
}
.btnWhite {
    background-color:#fff;
    color:#222221
}
.btnMore {
    padding:7px 36px;
    background-color:rgba(0,197,135,.1);
    border:solid 1px #00ccdd;
    font-size:16px;
    color:#00ccdd
}
.btnMore:hover {
    background-color:#00ccdd;
    color:#fff
}
.btnMoreInCard {
    background-color:rgba(255,255,255,.2);
    border:solid 1px #fff;
    font-size:18px;
    color:#fff
}
.btnMoreInCard:hover {
    background-color:#fff;
    border:solid 1px #fff;
    color:#00ccdd
}
.line-title,
.line-title-left {
    font-size:32px;
    line-height:1.5;
    text-align:center;
    color:#2E4446
}
.line-title::after,
.line-title-left::after {
    content:'';
    width:85px;
    height:3px;
    border-radius:4px;
    background-color:#00ccee;
    display:block;
    margin:25px auto 0
}
.line-title a,
.line-title-left a {
    color:#52645e
}
.line-title a:hover,
.line-title-left a:hover {
    color:#00bbcc
}
@media screen and (max-width:1000px) {
    .line-title,
    .line-title-left {
        font-size:20px;
        line-height:1.5
    }
}
.line-title-sub,
.line-title-left-sub {
    display:inline-block;
    width:100%;
    max-width:778px;
    font-size:18px;
    line-height:1.56;
    text-align:center;
    color:rgba(125,139,134,.7);
    margin-top:25px
}
@media screen and (max-width:1000px) {
    .line-title-sub,
    .line-title-left-sub {
        font-size:14px;
        line-height:2
    }
}
.line-title-left {
    text-align:left
}
.line-title-left::after {
    margin:25px 0 0
}
.line-title-left-sub {
    text-align:left
}
.nameplate {
    border-radius:2px;
    background-color:#fff;
    box-shadow:0 0 20px 0 rgba(26,52,45,.1);
    display:inline-block;
    position:relative
}
.nameplate svg {
    position:absolute;
    left:31px;
    top:38.6px
}
.nameplate p {
    padding-left:139px;
    padding-right:41px;
    text-align:left
}
.nameplate p:nth-of-type(1) {
    font-size:24px;
    font-weight:500;
    color:#95e0f9;
    margin-top:39px
}
.nameplate p:nth-of-type(2) {
    margin-top:13px;
    opacity:.7;
    font-size:14px;
    line-height:1.79;
    text-align:justify;
    color:#7d8b86
}
main section.dekaron .cards {
    margin-top:60px;
    font-size:0
}
@media screen and (max-width:1080px) {
    main section.dekaron .cards {
        margin-top:35px
    }
}
main section.dekaron .cards li {
    width:30%;
    min-height:271px;
    display:inline-block;
    text-align:left;
    vertical-align:top;
    padding:0 64px;
    position:relative
}
@media screen and (max-width:1080px) {
    main section.dekaron .cards li {
        width:100%;
        padding:15px 0 15px 110px;
        min-height:auto
    }
}
main section.dekaron .cards li:nth-child(n+2) {
    border-left:solid 1px #e9e9e9
}
@media screen and (max-width:1080px) {
    main section.dekaron .cards li:nth-child(n+2) {
        border-left:0;
        border-top:solid 1px #e9e9e9
    }
}
main section.dekaron .cards li .icon {
    margin-top:5px
}
@media screen and (max-width:1080px) {
    main section.dekaron .cards li .icon {
        position:absolute;
        left:5px;
        top:15px
    }
}
main section.dekaron .cards li p {
    text-align:justify
}
main section.dekaron .cards li p:nth-of-type(1) {
    margin-top:5px;
    font-weight:500;
    line-height:1.04;
    color:#7d8b86
}
main section.dekaron .cards li p:nth-of-type(2) {
    margin-top:18px;
    line-height:1.79;
    color:rgba(125,139,134,.7)
}
main section.scene .cards {
    margin-top:50px
}
@media screen and (max-width:1080px) {
    main section.scene .cards {
        margin-top:20px
    }
}
main section.scene .cards li {
    display:inline-block;
    padding:50px 100px 50px 70px
}
main section.scene .cards li:nth-child(n+2) {
    border-top:1px solid #e9e9e9
}
main section.scene .cards li:nth-child(2n+2) {
    direction:rtl
}
main section.scene .cards li:first-child {
    padding-top:0
}
main section.scene .cards li:last-child {
    padding-bottom:0
}
@media screen and (max-width:1080px) {
    main section.scene .cards li {
        padding:15px 0
    }
    main section.scene .cards li .icon {
        display:none
    }
}
main section.scene .cards li .text,
main section.scene .cards li .screen {
    direction:ltr;
    vertical-align:middle;
    width:45%;
    padding:15px;
    display:inline-block;
    text-align:left
}
@media screen and (max-width:1080px) {
    main section.scene .cards li .text,
    main section.scene .cards li .screen {
        width:auto
    }
}
main section.scene .cards li .text.text,
main section.scene .cards li .screen.text {
    text-align:left
}
@media screen and (max-width:1080px) {
    main section.scene .cards li .text.text,
    main section.scene .cards li .screen.text {
        text-align:center
    }
}
main section.scene .cards li .text .figure,
main section.scene .cards li .screen .figure {
    width:100%;
    max-height:350px
}
main section.scene .cards li p.h2 {
    margin-top:25px;
    font-weight:500;
    color:#7d8b86
}
@media screen and (max-width:1080px) {
    main section.scene .cards li p.h2 {
        margin-top:10px
    }
}
main section.scene .cards li p.h6 {
    margin-top:19px;
    font-weight:500;
    line-height:1.79;
    text-align:justify;
    color:rgba(125,139,134,.8)
}
h1,
.h1 {
    font-size:32px
}
h2,
.h2 {
    font-size:24px
}
h3,
.h3 {
    font-size:20px
}
h4,
.h4 {
    font-size:18px
}
h5,
.h5 {
    font-size:16px
}
h6,
.h6 {
    font-size:14px
}
@media screen and (max-width:1080px) {
    h1,
    .h1 {
        font-size:24px
    }
    h2,
    .h2 {
        font-size:20px
    }
    h3,
    .h3 {
        font-size:16px
    }
    h4,
    .h4 {
        font-size:14px
    }
    h5,
    .h5 {
        font-size:13px
    }
    h6,
    .h6 {
        font-size:12px
    }
}
.btn {
    font-size:16px;
    display:inline-block;
    border-radius:2px;
    cursor:pointer;
    text-align:center
}
article .btn-standard1,
article .btn-standard2,
article .btn-standard3,
article .btn-standard4 {
    padding:6px 35px 6px 34px
}
.btn-standard1 {
    background-color:rgba(0,197,135,.1);
    border:solid 1px #00ccdd;
    color:#00ccdd
}
.btn-standard1:hover,
.btn-standard1:active {
    background-color:rgba(22,159,116,.1);
    border:solid 1px #00bbcc;
    color:#00bbcc
}
.btn-standard2 {
    background-color:#00ccdd;
    border:solid 1px #00ccdd;
    color:#fff
}
.btn-standard2:hover,
.btn-standard2:active {
    background-color:#00bbcc;
    border:solid 1px #00bbcc
}
.btn-standard3 {
    background-color:rgba(255,255,255,.2);
    border:solid 1px #fff;
    color:#fff
}
.btn-standard3:hover,
.btn-standard3:active {
    color:#ececec;
    border:solid 1px #ececec
}
.btn-standard4 {
    background-color:#fff;
    border:solid 1px #fff;
    color:#00ccdd
}
.btn-standard4:hover,
.btn-standard4:active {
    border:solid 1px #ececec;
    background-color:#ececec
}
nav .btn-standard1,
nav .btn-standard2,
nav .btn-standard3,
nav .btn-standard4 {
    padding:3px 12px
}
main section {
}
main section.banner {
    padding:0;
    background-size:cover;
    background-repeat:no-repeat
}
main section.banner h1,
main section.banner .h1 {
    font-weight:500;
    line-height:1.46;
    padding:2px 0
}
main section.banner h2,
main section.banner h3,
main section.banner .h2,
main section.banner .h3 {
    line-height:1.75;
    padding:2px 0
}
@media screen and (max-width:1080px) {
    main section.banner h2,
    main section.banner h3,
    main section.banner .h2,
    main section.banner .h3 {
        max-width:inherit
    }
}
main section.banner-shape {
    background-image:url(imgcss/banner_bg_1.png);
    height:450px
}
@media screen and (max-width:1080px) {
    main section.banner-shape {
        background-image:url(imgcss/banner_bg_1.png);
        height:586px
    }
}
main section.banner-shape h1,
main section.banner-shape h2,
main section.banner-shape h3,
main section.banner-shape h4,
main section.banner-shape .h1,
main section.banner-shape .h2,
main section.banner-shape .h3,
main section.banner-shape .h4 {
    text-align:left
}
@media screen and (max-width:1080px) {
    main section.banner-shape h1,
    main section.banner-shape h2,
    main section.banner-shape h3,
    main section.banner-shape h4,
    main section.banner-shape .h1,
    main section.banner-shape .h2,
    main section.banner-shape .h3,
    main section.banner-shape .h4 {
        text-align:center
    }
}
@media screen and (max-width:1080px) {
    main section.banner-shape article {
        padding-top:84px
    }
}
main section.banner-shape h2,
main section.banner-shape h3,
main section.banner-shape .h2,
main section.banner-shape .h3 {
    max-width:460px
}
main section.banner-shape .slogen {
    text-align:left;
    position:absolute;
    left:159px;
    top:140px
}
@media screen and (max-width:1080px) {
    main section.banner-shape .slogen {
        text-align:center
    }
}
main section.banner-shape .slogen p:nth-child(1) {
    font-weight:500;
    line-height:1.33
}
@media screen and (max-width:1080px) {
    main section.banner-shape .slogen p:nth-child(1) {
        line-height:1.46
    }
}
main section.banner-shape .slogen p:nth-child(2) {
    line-height:1.88;
    margin-top:14px;
    max-width:460px
}
@media screen and (max-width:1080px) {
    main section.banner-shape .slogen p:nth-child(2) {
        margin-top:11px;
        line-height:1.75;
        margin:14px auto 0
    }
}
main section.banner-shape .slogen .buttons {
    margin-top:25px
}
@media screen and (max-width:1080px) {
    main section.banner-shape .slogen .buttons {
        margin-top:20px
    }
}
@media screen and (max-width:1080px) {
    main section.banner-shape .slogen {
        position:static
    }
}
main section.banner-shape .show .grid {
    left:538px;
    top:56px;
    width:858px;
    position:absolute
}
@media screen and (max-width:1000px) {
    main section.banner-shape .show .grid {
        left:50%;
        transform:translate(-50%,0);
        top:381px;
        height:60%;
        width:auto
    }
}
main section.banner-shape .show .shape {
    position:absolute;
    left:819px;
    top:138px
}
@media screen and (max-width:1000px) {
    main section.banner-shape .show .shape {
        left:50%;
        top:381px;
        height:8rem;
        transform:translate(-50%,0)
    }
}
main section.banner-poto {
    height:450px;
    background-image:url(imgcss/banner_bg_1.png)
}
@media screen and (max-width:1080px) {
    main section.banner-poto {
        background-image:url(imgcss/banner_bg_1.png)
    }
}
main section.banner-poto article {
    padding-top:140px
}
@media screen and (max-width:1080px) {
    main section.banner-poto article {
        padding-top:96px
    }
}
main section.banner-poto h1,
main section.banner-poto .h1 {
    margin:0 auto
}
main section.banner-poto h2,
main section.banner-poto h3,
main section.banner-poto .h2,
main section.banner-poto .h3 {
    max-width:593px;
    margin:19px auto 0;
    font-weight:100
}
@media screen and (max-width:1080px) {
    main section.banner-poto h2,
    main section.banner-poto h3,
    main section.banner-poto .h2,
    main section.banner-poto .h3 {
        margin:13px auto 0
    }
}
main section.banner-poto .buttons {
    margin:46px
}
main section.banner-simple {
    background-color:#0077cc;
    height:350px
}
main section.banner-simple article {
    padding-top:140px
}
@media screen and (max-width:1080px) {
    main section.banner-simple article {
        padding-top:96px
    }
}
main section.banner-simple h1,
main section.banner-simple .h1 {
    margin:0 auto
}
main section.banner-simple h2,
main section.banner-simple h3,
main section.banner-simple .h2,
main section.banner-simple .h3 {
    max-width:593px;
    margin:19px auto 0;
    font-weight:100
}
@media screen and (max-width:1080px) {
    main section.banner-simple h2,
    main section.banner-simple h3,
    main section.banner-simple .h2,
    main section.banner-simple .h3 {
        margin:13px auto 0
    }
}
main section.banner-simple .buttons {
    margin:46px
}
main section.banner-home {
    background-image:url(imgcss/banner_bg_3.png);
    height:700px
}
@media screen and (max-width:1080px) {
    main section.banner-home {
        background-image:url(imgcss/banner_bg_3m.png);
        height:645px
    }
}
main section.banner-home h1,
main section.banner-home h2,
main section.banner-home h3,
main section.banner-home h4,
main section.banner-home .h1,
main section.banner-home .h2,
main section.banner-home .h3,
main section.banner-home .h4 {
    text-align:left
}
@media screen and (max-width:1080px) {
    main section.banner-home h1,
    main section.banner-home h2,
    main section.banner-home h3,
    main section.banner-home h4,
    main section.banner-home .h1,
    main section.banner-home .h2,
    main section.banner-home .h3,
    main section.banner-home .h4 {
        text-align:center
    }
}
@media screen and (max-width:1080px) {
    main section.banner-home article {
        padding-top:100px
    }
}
main section.banner-home h2,
main section.banner-home h3,
main section.banner-home .h2,
main section.banner-home .h3 {
    max-width:460px
}
main section.banner-home .slogen {
    text-align:left;
    position:absolute;
    left:159px;
    top:200px
}
@media screen and (max-width:1080px) {
    main section.banner-home .slogen {
        text-align:center
    }
}
main section.banner-home .slogen p:nth-child(1) {
    font-weight:500;
    line-height:1.33
}
@media screen and (max-width:1080px) {
    main section.banner-home .slogen p:nth-child(1) {
        line-height:1.46
    }
}
main section.banner-home .slogen p:nth-child(2) {
    line-height:1.88;
    margin-top:14px;
    max-width:460px
}
@media screen and (max-width:1080px) {
    main section.banner-home .slogen p:nth-child(2) {
        margin-top:11px;
        line-height:1.75;
        margin:14px auto 0
    }
}
main section.banner-home .slogen .buttons {
    margin-top:25px
}
@media screen and (max-width:1080px) {
    main section.banner-home .slogen .buttons {
        margin-top:20px
    }
}
@media screen and (max-width:1080px) {
    main section.banner-home .slogen {
        position:static
    }
}
main section.banner-home .show .grid {
    left:538px;
    top:56px;
    width:858px;
    position:absolute
}
@media screen and (max-width:1000px) {
    main section.banner-home .show .grid {
        left:50%;
        transform:translate(-50%,0);
        top:381px;
        height:60%;
        width:auto
    }
}
main section.banner-home .show .shape {
    position:absolute;
    right:20px;
    top:138px
}
@media screen and (max-width:1000px) {
    main section.banner-home .show .shape {
        left:50%;
        top:381px;
        height:8rem;
        transform:translate(-50%,0)
    }
}
section article {
    margin:0 20px
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color:#2E4446
}
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
    color:#2E4446
}
.h1.detail,
.h2.detail,
.h3.detail,
.h4.detail,
.h5.detail,
.h6.detail {
    color:#6C7C7D
}
.dark .h1,
.dark .h2,
.dark .h3,
.dark .h4,
.dark .h5,
.dark .h6 {
    color:#fff
}
.dark .h1 a,
.dark .h2 a,
.dark .h3 a,
.dark .h4 a,
.dark .h5 a,
.dark .h6 a {
    color:#fff
}
.mobile-only {
    display:none
}
@media screen and (max-width:1080px) {
    .mobile-only {
        display:block
    }
}
@media screen and (max-width:1080px) {
    .desktop-only {
        display:none
    }
}
main section.start {
    background-image:linear-gradient(106deg,#027EAE,#36C4FD)
;
    background-size:cover;
    padding-bottom:0;
    overflow:hidden
}
main section.start::before {
    content:'';
    width:100%;
    height:100%;
    background-image:url(imgcss/footer_bg2.png);
    background-repeat:no-repeat;
    background-position:bottom;
    background-size:contain;
    display:inline-block;
    position:absolute;
    bottom:-2px;
    right:-5px;
    z-index:0
}
@media screen and (max-width:1080px) {
    main section.start::before {
        background-position:center bottom;
        right:0
    }
}
main section.start .footer {
    height:24px;
    background:#222222
}
main section.start .bottom-laptop {
    position:absolute;
    right:0;
    bottom:-124px
}
@media screen and (max-width:1080px) {
    main section.start .bottom-laptop {
        display:none
    }
}
main section.start article {
    text-align:left;
    height:200px;
    position:relative;
    padding-top:40px;
    z-index:1
}
@media screen and (max-width:1080px) {
    main section.start article {
        padding-top:26px;
        text-align:center;
        height:200px
    }
}
main section.start article p {
    margin-left:173px;
    color:#fff;
    font-weight:500
}
@media screen and (max-width:1080px) {
    main section.start article p {
        margin-left:0
    }
}
main section.start article p:nth-of-type(1) {
    line-height:1.5
}
main section.start article p:nth-of-type(2) {
    margin-top:10px;
    line-height:1.71
}
@media screen and (max-width:1080px) {
    main section.start article p:nth-of-type(2) {
        margin-top:9px
    }
}
main section.start article .buttons {
    margin-left:175px;
    margin-top:25px;
    position:relative;
    font-size:0
}
@media screen and (max-width:1080px) {
    main section.start article .buttons {
        margin-left:0
    }
}
main section.start article .buttons .btn {
    margin:0 5px
}
main section.start article .buttons .btn:first-child {
    margin-left:0
}
main section.start article .buttons .btn:last-child {
    margin-right:0
}
main section.start article .drawbridge {
    position:absolute;
    height:50%;
    bottom:-2px;
    right:0
}
main section.customer article {
    position:relative
}
main section.customer article>img {
    margin-top:99px
}
main section.customer article .arrow {
    display:inline-block;
    cursor:pointer;
    width:49px;
    height:32px;
    background-image:url(imgcss/arrow_left_1.svg);
    background-repeat:no-repeat;
    background-size:contain;
    top:50%;
    position:absolute
}
@media screen and (max-width:1080px) {
    main section.customer article .arrow {
        width:34.3px;
        height:22.4px
    }
}
main section.customer article .arrow.arrow-prev {
    left:50px
}
@media screen and (max-width:1080px) {
    main section.customer article .arrow.arrow-prev {
        left:-10px
    }
}
main section.customer article .arrow.arrow-next {
    right:50px;
    transform:scale(-1,1)
}
@media screen and (max-width:1080px) {
    main section.customer article .arrow.arrow-next {
        right:-10px
    }
}
main section.customer article .arrow:hover {
    background-image:url(imgcss/arrow_left_2.svg)
}
main section.customer .message {
    margin:112px auto 0;
    padding:52px 53px 27px 55px;
    max-width:874px;
    border-radius:4px;
    background-color:#fff;
    box-shadow:0 15px 30px 0 rgba(26,52,45,.1);
    position:relative;
    white-space:nowrap
}
main section.customer .message .talk {
    transition:all .7s
}
main section.customer .message .talk.nav-index-1 {
    transform:translate3d(-100%,0,0)
}
main section.customer .message .talk.nav-index-2 {
    transform:translate3d(-200%,0,0)
}
main section.customer .message .talk.nav-index-3 {
    transform:translate3d(-300%,0,0)
}
main section.customer .message .talk.nav-index-4 {
    transform:translate3d(-400%,0,0)
}
main section.customer .message .talk.nav-index-5 {
    transform:translate3d(-500%,0,0)
}
main section.customer .message::before {
    content:'';
    background:url(imgcss/quoted.svg);
    background-repeat:no-repeat;
    background-size:contain;
    width:113px;
    height:98px;
    position:absolute;
    top:-50px;
    left:40px
}
@media screen and (max-width:1080px) {
    main section.customer .message::before {
        width:83px;
        height:72px;
        left:0
    }
}
main section.customer .message li {
    transition:all .7s;
    display:inline-block;
    white-space:normal;
    opacity:0;
    position:relative
}
main section.customer .message li.active {
    opacity:1
}
main section.customer .message li img {
    width:78px;
    height:78px;
    position:absolute;
    top:-88px;
    left:50%;
    transform:translate(-50%,0)
}
main section.customer .message p:nth-of-type(1) {
    font-size:18px;
    font-weight:500;
    line-height:1.5;
    text-align:center;
    color:#7d8b86
}
@media screen and (max-width:1080px) {
    main section.customer .message p:nth-of-type(1) {
        font-size:16px;
        line-height:2
    }
}
main section.customer .message p:nth-of-type(2) {
    margin-top:30px;
    font-size:16px;
    line-height:1.69;
    text-align:justify;
    color:rgba(125,139,134,.8)
}
@media screen and (max-width:1080px) {
    main section.customer .message p:nth-of-type(2) {
        font-size:14px;
        line-height:2;
        color:#7d8b86
    }
}
main section.customer .nav {
    margin-top:62px
}
main section.customer .nav li {
    margin:9px;
    border-radius:50%;
    display:inline-block;
    width:8px;
    height:8px;
    background-color:rgba(125,139,134,.2)
}
main section.customer .nav li.active {
    background-color:#00ccdd
}
@media screen and (max-width:1080px) {
    .figure {
        width:100%;
        max-width:335px;
        margin:0 auto
    }
}
html,
body {
    overflow-x:hidden
}
@keyframes move-arrows {
    to {
        -webkit-mask-position:11px 0;
        mask-position:11px 0
    }
}
main section {
    background:#fff
}
main section.start article {
    text-align:center
}
main section.start article p,
main section.start article .buttons {
    margin-left:0
}
main section.hidden-pc {
    display:none
}
main section.hidden-mb {
    display:block
}
main section.footer {
    background-color:#00BBCC;
    background-image:url(imgcss/footer_bg3.png);
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-size:100%;
    padding:60px 0
}
main section.footer .line-title {
    color:#fff
}
main section.footer .line-title::after {
    background:0 0
}
main section.footer .btn-standard4 {
    margin-top:0
}
main section.table article {
    padding-top:60px;
    padding-left:100px;
    padding-right:100px
}
@media screen and (max-width:1080px) {
    main section.table article {
        padding:50px 0 0
    }
}
main section.table article .tbl-header {
    margin-top:80px;
    height:50px
}
@media screen and (max-width:1080px) {
    main section.table article .tbl-header {
        margin-top:50px
    }
}
main section.table article .tbl-content {
    position:relative
}
main section.table article .tbl-content table thead tr {
    height:0
}
main section.table article table {
    width:100%
}
main section.table article table thead tr {
    height:50px
}
main section.table article table thead tr th {
    color:#fff
}
main section.table article table thead tr th:nth-of-type(1) {
    width:40%;
    background-color:#00BBCC
}
main section.table article table thead tr th:nth-of-type(2) {
    width:20%;
    background-color:#00BBCC
}
main section.table article table thead tr th:nth-of-type(3) {
    width:20%;
    background-color:#00BBCC
}
main section.table article table thead tr th:nth-of-type(4) {
    width:20%;
    background-color:#00BBCC
}
main section.table article table tbody tr:nth-of-type(2n+1) {
    background-color:#fff
}
main section.table article table tbody tr:nth-of-type(2n) {
    background-color:rgba(244,248,251,.6)
}
main section.table article table tbody td {
    line-height:2
}
main section.table article table tbody td.category {
    background:#d9ebe9
}
main section.table article table tbody td:first-child {
    text-align:left;
    padding-left:30px
}
@media screen and (max-width:1080px) {
    main section.table article table tbody td:first-child {
        padding-left:18px
    }
}
main section.table article table tbody td.enabled::before {
    content:'';
    display:inline-block;
    width:18px;
    height:10px;
    transform:rotate(-43deg);
    border-left:solid 3px #47e096;
    border-bottom:solid 3px #47e096
}
main section.table article table tbody td.disabled::before {
    content:'';
    display:inline-block;
    width:16px;
    height:2px;
    background:#a2b2ac
}
main section.feature {
    background-color:#ECF4F9
}
@media screen and (max-width:1080px) {
    main section.feature {
        padding-bottom:50px
    }
}
main section.feature .cards {
    display:inline-block;
    margin-top:75px
}
@media screen and (max-width:1080px) {
    main section.feature .cards {
        margin-top:40px
    }
}
main section.feature .cards li {
    width:285px;
    height:230px;
    border-radius:2px;
    background-color:#fff;
    box-shadow:0 2px 10px 0 rgba(155,165,163,.15);
    transition:all .25s ease-in-out;
    -webkit-transition:all .25s ease-in-out;
    animation:rollin .8s 1;
    margin:16.5px;
    padding:32px 35px 42px 30px;
    display:inline-block;
    vertical-align:top;
    text-align:left;
    position:relative
}
@media screen and (max-width:1080px) {
    main section.feature .cards li {
        width:45%;
        margin:5px;
        height:110px;
        padding:14px 0;
        display:inline-block;
        text-align:center
    }
    main section.feature .cards li img {
        height:35px
    }
}
main section.feature .cards li p:nth-of-type(1) {
    margin-top:20px;
    line-height:1.9;
    color:#7d8b86
}
@media screen and (max-width:1080px) {
    main section.feature .cards li p:nth-of-type(1) {
        margin-top:13px
    }
}
main section.feature .cards li p:nth-of-type(2) {
    margin-top:3px;
    opacity:.7;
    line-height:1.79;
    text-align:justify;
    color:rgba(125,139,134,.7)
}
@media screen and (max-width:1080px) {
    main section.feature .cards li p:nth-of-type(2) {
        display:none
    }
}
main section.feature .cards li .btn {
    display:none;
    left:30px;
    bottom:30px;
    position:absolute
}
main section.feature .cards li:hover {
    box-shadow:0 25px 60px -20px rgba(155,165,163,.45);
    cursor:pointer;
    transform:translateY(-8px);
    transition:all .25s ease-in-out
}
main section.feature .cards li:hover p:nth-of-type(1) {
}
main section.feature .cards li:hover p:nth-of-type(2) {
}
main section.feature .cards li:hover svg ellipse:nth-of-type(1) {
    fill:#fff;
    opacity:1
}
main section.customernew {
    background:#00BBCC
}
main section.customernew .line-title {
    color:#fff
}
main section.customernew .line-title:after {
    background-color:#fff
}
main section.customernew article {
    position:relative
}
main section.customernew article>img {
    margin-top:99px
}
main section.customernew article .arrow {
    display:inline-block;
    cursor:pointer;
    width:49px;
    height:32px;
    background-image:url(imgcss/arrow_left_1.svg);
    background-repeat:no-repeat;
    background-size:contain;
    top:50%;
    position:absolute
}
@media screen and (max-width:1080px) {
    main section.customernew article .arrow {
        width:34.3px;
        height:22.4px
    }
}
main section.customernew article .arrow.arrow-prev {
    left:50px
}
@media screen and (max-width:1080px) {
    main section.customernew article .arrow.arrow-prev {
        left:-10px
    }
}
main section.customernew article .arrow.arrow-next {
    right:50px;
    transform:scale(-1,1)
}
@media screen and (max-width:1080px) {
    main section.customernew article .arrow.arrow-next {
        right:-10px
    }
}
main section.customernew article .arrow:hover {
    background-image:url(imgcss/arrow_left_2.svg)
}
main section.customernew .message {
    position:relative;
    white-space:nowrap
}
main section.customernew .message .talk {
    transition:all .7s
}
main section.customernew .message .talk.nav-index-1 {
    transform:translate3d(-100%,0,0)
}
main section.customernew .message .talk.nav-index-2 {
    transform:translate3d(-200%,0,0)
}
main section.customernew .message .talk.nav-index-3 {
    transform:translate3d(-300%,0,0)
}
main section.customernew .message .talk.nav-index-4 {
    transform:translate3d(-400%,0,0)
}
main section.customernew .message .talk.nav-index-5 {
    transform:translate3d(-500%,0,0)
}
main section.customernew .message li {
    border-radius:4px;
    margin-top:50px;
    padding:55px;
    height:300px;
    margin-left:220px;
    margin-right:220px;
    box-shadow:0 15px 30px 0 rgba(26,52,45,.1);
    background-color:#fff;
    transition:all .7s;
    display:inline-block;
    white-space:normal;
    opacity:0;
    position:relative
}
@media screen and (max-width:1080px) {
    main section.customernew .message li {
        padding:20px;
        height:auto;
        margin-left:4%;
        margin-right:4%;
        min-height:600px
    }
}
main section.customernew .message li.active {
    opacity:1
}
main section.customernew .message li .left {
    float:left;
    width:15%
}
@media screen and (max-width:1080px) {
    main section.customernew .message li .left {
        position:absolute
    }
}
main section.customernew .message li .left img {
    width:100px;
    height:100px;
    float:left;
    margin-left:48px;
    transform:translate(-50%,0)
}
@media screen and (max-width:1080px) {
    main section.customernew .message li .left img {
        width:82px;
        height:82px
    }
}
main section.customernew .message li .right {
    float:left;
    width:80%
}
main section.customernew .message li .right .h3 {
    text-align:left
}
@media screen and (max-width:1080px) {
    main section.customernew .message li .right .h3 {
        text-align:left;
        padding-left:110px;
        padding-top:13px;
        height:80px
    }
}
@media screen and (max-width:1080px) {
    main section.customernew .message li .right {
        width:100%
    }
}
main section.customernew .message p:nth-of-type(1) {
    font-size:18px;
    font-weight:500;
    line-height:1.5;
    text-align:center;
    color:#7d8b86
}
@media screen and (max-width:1080px) {
    main section.customernew .message p:nth-of-type(1) {
        font-size:16px;
        line-height:2
    }
}
main section.customernew .message p:nth-of-type(2) {
    margin-top:30px;
    line-height:1.69;
    text-align:justify;
    color:#6C7C7D
}
@media screen and (max-width:1080px) {
    main section.customernew .message p:nth-of-type(2) {
        font-size:14px;
        line-height:2;
        color:#6C7C7D
    }
}
main section.customernew .nav {
    margin-top:62px
}
main section.customernew .nav li {
    margin:9px;
    border-radius:50%;
    display:inline-block;
    width:8px;
    height:8px;
    background-color:rgba(255,255,255,.5)
}
main section.customernew .nav li.active {
    background-color:#fff;
    cursor:pointer
}
main section.scene {
    background-color:rgba(244,248,251,.6)
}
main section.scene .tab-cards {
    margin-top:56px;
    display:inline-block;
    width:810px;
    border-radius:2px;
    background-color:#f0f4f7
}
@media screen and (max-width:1080px) {
    main section.scene .tab-cards {
        width:100%
    }
}
main section.scene .tab-cards li {
    margin:5px;
    width:192px;
    float:left;
    border-radius:2px;
    line-height:1.8;
    color:#7d8b86
}
@media screen and (max-width:1080px) {
    main section.scene .tab-cards li {
        width:21%
    }
}
main section.scene .tab-cards li.active {
    background-color:#fff
}
main section.scene .tab-contents {
    margin:0 20px;
    padding-top:102px
}
@media screen and (max-width:1080px) {
    main section.scene .tab-contents {
        margin:0
    }
}
main section.scene .tab-contents .tab-content {
    display:none
}
main section.scene .tab-contents .tab-content.active {
    display:inline-block
}
@media screen and (max-width:1080px) {
    main section.scene .tab-contents {
        padding-top:45px
    }
}
main section.scene .tab-contents .left,
main section.scene .tab-contents .right {
    float:left;
    width:49.5%
}
@media screen and (max-width:1080px) {
    main section.scene .tab-contents .left,
    main section.scene .tab-contents .right {
        width:100%
    }
}
main section.scene .tab-contents .left {
    text-align:left;
    padding-left:75px
}
@media screen and (max-width:1080px) {
    main section.scene .tab-contents .left {
        padding:0
    }
}
main section.scene .tab-contents .left p:nth-of-type(1) {
    font-weight:500;
    line-height:1.58;
    color:#7572f7
}
main section.scene .tab-contents .left p:nth-of-type(2) {
    margin-top:18px;
    margin-bottom:11px;
    line-height:2;
    text-align:justify;
    color:rgba(125,139,134,.8)
}
main section.scene .tab-contents .left dl {
    margin-top:33px
}
main section.scene .tab-contents .left dl dt {
    display:list-item;
    list-style:disc;
    margin-left:25px;
    font-weight:500;
    line-height:1.6;
    color:#7d8b86
}
main section.scene .tab-contents .left dl dd {
    margin-top:5px;
    line-height:2.14;
    text-align:justify;
    color:rgba(125,139,134,.8)
}
main section.scene .tab-contents .right {
    padding-left:40px
}
@media screen and (max-width:1080px) {
    main section.scene .tab-contents .right {
        padding:0
    }
}
main section.scene .tab-contents .right img {
    width:100%
}
main section.page2 {
    background:#fff
}
main section.page2 img {
    padding-top:60px;
    width:100%
}
@media screen and (max-width:1080px) {
    main section.hidden-pc {
        display:block
    }
    main section.hidden-mb {
        display:none
    }
}
main section.banner-home .slogen p:nth-child(2) {
    max-width:440px
}
@media screen and (max-width:1080px) {
    main section.banner-home .slogen p:nth-child(2) {
        max-width:450px;
        text-align:justify
    }
}
@media screen and (max-width:1340px) {
    main section.banner-home .show .shape {
        transform:scale(0.9)
    }
}
@media screen and (max-width:1200px) {
    main section.banner-home .show .shape {
        right:-40px;
        transform:scale(0.85)
    }
}
@media screen and (max-width:1120px) {
    main section.banner-home .show .shape {
        right:-80px;
        transform:scale(0.6)
    }
}
@media screen and (max-width:1000px) {
    main section.banner-home .show .shape {
        left:50%;
        top:260px;
        transform:scale(0.5) translate(-100%,-20%);
        height:auto
    }
}
main section.page4 {
    background:#fff
}
main section.page4 img {
    padding-top:60px;
    width:100%
}
main section.page4 article {
    padding-left:10%;
    padding-right:10%
}
@media screen and (max-width:1080px) {
    main section.page4 article {
        padding-left:4%;
        padding-right:4%
    }
}
main section.dekaron {
    background:#ecf4f9
}
main section.dekaron .line-title,
main section.dekaron .line-title-left {
    text-align:center
}
main section.dekaron .line-title-sub {
    display:inline-block;
    margin-bottom:40px;
    width:100%;
    max-width:870px;
    font-size:16px;
    line-height:1.75;
    text-align:center;
    color:#6c7c7d;
    margin-top:25px
}
main section.dekaron .cards {
    margin-top:60px;
    font-size:0
}
@media screen and (max-width:1080px) {
    main section.dekaron .cards {
        margin-top:35px
    }
}
main section.dekaron .cards li {
    background:#fff;
    width:28%;
    min-height:300px;
    display:inline-block;
    text-align:center;
    vertical-align:top;
    padding-left:3%;
    padding-top:30px;
    padding-right:3%;
    position:relative;
    box-sizing:border-box;
    margin:17px
}
@media screen and (max-width:1080px) {
    main section.dekaron .cards li {
        width:100%;
        padding:30px 15px 30px 95px;
        min-height:auto;
        margin-left:0;
        margin-right:0;
        margin-top:0;
        margin-bottom:20px
    }
}
main section.dekaron .cards li:nth-child(n) {
    box-shadow:0 15px 20px 0 rgba(26,52,45,.05);
    border-left:0
}
@media screen and (max-width:1080px) {
    main section.dekaron .cards li:nth-child(n) {
        border-left:0
    }
}
main section.dekaron .cards li .icon {
    margin-top:5px;
    width:auto;
}
@media screen and (max-width:1080px) {
    main section.dekaron .cards li .icon {
        position:absolute;
        left:20px;
        top:30px;
        width:auto;
    }
}
main section.dekaron .cards li p {
    text-align:center
}
main section.dekaron .cards li p:nth-of-type(1) {
    margin-top:20px;
    font-weight:500;
    line-height:32px;
    color:#2e4446
}
main section.dekaron .cards li p:nth-of-type(2) {
    margin-top:18px;
    color:#6c7c7d;
    text-align:left
}
@media screen and (max-width:1340px) {
    main section.dekaron .cards li p:nth-of-type(1) {
        font-size:15px;
        margin-top:20px;
        font-weight:500;
        line-height:32px;
        color:#2e4446
    }
    main section.dekaron .cards li p:nth-of-type(2) {
        margin-top:5px;
        color:#6c7c7d;
        text-align:left
    }
}
@media screen and (max-width:1080px) {
    main section.dekaron .cards li p:nth-of-type(1) {
        margin-top:0;
        font-weight:500;
        line-height:30px;
        color:#2e4446;
        text-align:left
    }
    main section.dekaron .cards li p:nth-of-type(2) {
        margin-top:5px;
        line-height:28px;
        color:#6c7c7d;
        text-align:left
    }
}
main section.banner {
    position:relative;
    background-color:rgba(244,248,251,.6);
    background-image:url(/static/images/banner_bg_6.png);
    background-repeat:no-repeat;
    background-size:cover
}
main section.banner article {
    width:100%;
    height:500px;
    max-width:1440px;
    background-repeat:no-repeat;
    background-size:cover
}
@media screen and (max-width:1080px) {
    main section.banner article {
        height:500px
    }
}
main section.banner .slogen {
    position:absolute;
    left:159px;
    top:140px;
    z-index:1;
    text-align:left;
    max-width:582px;
    margin:0 auto
}
@media screen and (max-width:1080px) {
    main section.banner .slogen {
        text-align:center
    }
}
main section.banner .slogen hr {
    display:block;
    width:24px;
    height:3px;
    border-radius:4px;
    border:0;
    margin:10px 0;
    background-color:#fff
}
main section.banner .slogen p {
    color:#fff
}
main section.banner .slogen p.h2 {
    font-weight:400
}
main section.banner .slogen p.h2 span {
    font-size:16px;
    font-weight:400
}
main section.banner .slogen p.h2 span.second-title {
    line-height:1.39;
    font-size:32px;
    font-weight:400
}
main section.banner .slogen p:nth-child(1) {
    line-height:1.39;
    font-size:32px;
    font-weight:400
}
@media screen and (max-width:1080px) {
    main section.banner .slogen p:nth-child(1) {
        font-size:24px;
        line-height:1.46
    }
}
main section.banner .slogen p:nth-of-type(2) {
    font-size:16px;
    line-height:1.56;
    font-weight:400
}
@media screen and (max-width:1080px) {
    main section.banner .slogen p:nth-of-type(2) {
        margin-top:11px;
        font-size:16px;
        line-height:1.75;
        text-align:left
    }
}
main section.banner .slogen .buttons {
    margin-top:26px
}
main section.banner .slogen .buttons .btn:nth-of-type(1) {
    margin-right:12px
}
@media screen and (max-width:1080px) {
    main section.banner .slogen .buttons {
        margin-top:30px;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-direction:column;
        flex-direction:column
    }
    main section.banner .slogen .buttons .btn:nth-of-type(1) {
        margin-right:0;
        margin-bottom:12px
    }
}
@media screen and (max-width:1080px) {
    main section.banner .slogen {
        position:static
    }
}
main section.banner .laboratory {
    position:absolute;
    width:526px;
    right:129px;
    top:78px
}
main section.banner .laboratory img {
    width:100%
}
@media screen and (max-width:1340px) {
    main section.banner .laboratory {
        right:-20px;
        transform:scale(0.7)
    }
}
@media screen and (max-width:1140px) {
    main section.banner .laboratory {
        right:-20px;
        transform:scale(0.5)
    }
}
@media screen and (max-width:1077px) {
    main section.banner .laboratory {
        right:-20px;
        transform:scale(0.5)
    }
}
@media screen and (max-width:1080px) {
    main section.banner .laboratory {
        left:50%;
        top:174px;
        transform:scale(0.5) translateX(-100%)
    }
}
@media screen and (max-width:1080px) {
    main section.banner {
        padding-top:84px
    }
    main section.banner article {
        width:auto
    }
    main section.banner article .slogen .h2 span {
        display:block
    }
    main section.banner article .slogen hr {
        display:none
    }
    main section.banner article .laboratory {
        top:169px
    }
}
main section.culture {
    margin:-120px;
    background:0 0
}
@media screen and (max-width:1080px) {
    main section.culture {
        margin:0
    }
}
main section.culture .poto {
    height:418px;
    position:relative
}
@media screen and (max-width:1080px) {
    main section.culture .poto {
        height:180px
    }
}
main section.culture .poto li {
    position:absolute;
    padding:20.6px;
    background-color:#fff;
    box-shadow:0 2px 21px 5px rgba(224,222,222,.5);
    transition:all 1s
}
@media screen and (max-width:1080px) {
    main section.culture .poto li {
        padding:10.7px
    }
}
main section.culture .poto li img {
    width:100%;
    height:100%
}
main section.culture .poto li.left,
main section.culture .poto li.right {
    width:480px;
    height:300px;
    opacity:.64;
    transform:translate(0,40px)
}
@media screen and (max-width:1080px) {
    main section.culture .poto li.left,
    main section.culture .poto li.right {
        width:182px;
        height:150px;
        transform:translate(0,20px)
    }
}
main section.culture .poto li.left {
    left:0
}
@media screen and (max-width:1080px) {
    main section.culture .poto li.left {
        left:-50%
    }
}
main section.culture .poto li.center {
    left:50%;
    transform:translate(-50%,0);
    width:640px;
    height:400px;
    z-index:1
}
@media screen and (max-width:1080px) {
    main section.culture .poto li.center {
        width:270px;
        height:178px
    }
}
main section.culture .poto li.right {
    right:0
}
@media screen and (max-width:1080px) {
    main section.culture .poto li.right {
        right:-50%
    }
}
main section.page3 {
    background:#fff
}
main section.page3 article .content {
    position:relative;
    height:478px;
    background:#fff;
    padding:68px 0 0;
    margin:0 100px;
    border-bottom:solid 1px rgba(151,151,151,.2)
}
@media screen and (max-width:1080px) {
    main section.page3 article .content {
        height:750px;
        margin:0
    }
}
main section.page3 article .content .left {
    float:left;
    width:49%
}
@media screen and (max-width:1080px) {
    main section.page3 article .content .left {
        width:100%
    }
}
main section.page3 article .content .left h2 {
    width:60%;
    background:#20d0c4;
    font-size:20px;
    color:#fff;
    text-align:center;
    line-height:30px;
    padding-top:10px;
    padding-bottom:10px;
    margin:0 auto;
    margin-bottom:20px
}
@media screen and (max-width:1080px) {
    main section.page3 article .content .left h2 {
        width:80%
    }
}
main section.page3 article .content .left p {
    width:80%;
    background:#d3f6f3;
    font-size:17px;
    color:#2e4446;
    text-align:center;
    line-height:30px;
    padding-top:10px;
    padding-bottom:10px;
    margin:0 auto;
    margin-bottom:20px
}
@media screen and (max-width:1080px) {
    main section.page3 article .content .left p {
        width:100%;
        font-size:16px
    }
}
main section.page3 article .content .right {
    float:right;
    width:49%
}
@media screen and (max-width:1080px) {
    main section.page3 article .content .right {
        width:100%;
        margin-top:25px
    }
}
main section.page3 article .content .right h2 {
    width:60%;
    background:#00bafd;
    font-size:20px;
    color:#fff;
    text-align:center;
    line-height:30px;
    padding-top:10px;
    padding-bottom:10px;
    margin:0 auto;
    margin-bottom:20px
}
@media screen and (max-width:1080px) {
    main section.page3 article .content .right h2 {
        width:80%
    }
}
main section.page3 article .content .right p {
    width:80%;
    background:#cdf1fe;
    font-size:17px;
    color:#2e4446;
    text-align:center;
    line-height:30px;
    padding-top:10px;
    padding-bottom:10px;
    margin:0 auto;
    margin-bottom:20px
}
@media screen and (max-width:1080px) {
    main section.page3 article .content .right p {
        width:100%;
        font-size:16px
    }
}
main section.solution {
    background-color:#f4f8fb;
    padding-top:256px;
    padding-bottom:0;
    background:url(imgcss/scene_bg_c3b27be.svg) no-repeat;
    background-size:cover
}
main section.solution article {
    text-align:center;
    position:relative;
    margin:0 auto;
    max-width:1440px;
    font-size:0
}
main section.solution article .line-title {
    font-size:32px;
    line-height:1.41;
    text-align:center;
    color:#2e4446;
    font-weight:300
}
main section.solution article .line-title::after {
    content:'';
    width:85px;
    height:3px;
    border-radius:4px;
    background-color:#00ccee;
    display:block;
    margin:25px auto 0
}
main section.solution article .line-title-sub {
    display:inline-block;
    margin-bottom:40px;
    width:100%;
    max-width:870px;
    font-size:16px;
    line-height:1.75;
    text-align:center;
    color:#6c7c7d;
    margin-top:25px
}
main section.solution article .solution-steps {
    text-align:center;
    padding:0 100px;
    width:100%;
    height:410px;
    background:url(imgcss/steps_529dbda.svg) no-repeat;
    background-origin:content-box;
    background-size:contain
}
main section.solution article .solution-computer {
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    padding:53px 100px 0
}
main section.solution article .solution-computer img {
    width:100%;
    max-width:1012px
}
@media screen and (max-width:1080px) {
    main section.solution {
        padding:573px 24px 0;
        background:url(imgcss/scene_bg_mobile_2112215.png) no-repeat;
        background-size:cover
    }
    main section.solution article .line-title {
        font-size:20px;
        color:#52645e;
        line-height:1.5;
        font-weight:400
    }
    main section.solution article .line-title-sub {
        font-size:14px;
        opacity:.7;
        color:#7d8b86;
        line-height:2
    }
    main section.solution article .solution-steps {
        padding:0;
        background:url(imgcss/5g.svg) no-repeat;
        min-height:1210px;
        width:100%;
        background-size:contain;
        background-position:center top
    }
    main section.solution article .solution-computer {
        width:100%;
        padding:30px 0
    }
}
main section.more-info {
    background:#fff;
    padding:0
}
main section.more-info .content {
    position:relative;
    height:478px;
    background:#fff;
    padding:68px 0 0;
    margin:0 100px;
    border-bottom:solid 1px rgba(151,151,151,.2)
}
main section.more-info .content:last-of-type {
    border:0
}
main section.more-info .content article {
    height:410px;
    max-width:1240px;
    padding:0
}
main section.more-info .content article .info {
    max-width:443px;
    width:100%;
    padding-top:80px;
    text-align:left
}
main section.more-info .content article .info .h2 {
    margin:0;
    font-size:24px;
    font-weight:300;
    line-height:1.33;
    color:#2e4446
}
main section.more-info .content article .info .h2:nth-child(2) {
    margin-bottom:20px
}
main section.more-info .content article .info .detail {
    margin:0;
    font-size:14px;
    font-weight:300;
    line-height:1.79;
    color:#6c7c7d
}
main section.more-info .content article .info .buttons {
    margin:50px 0 0;
    text-align:left
}
main section.more-info .content article .info .buttons .btn:nth-of-type(1) {
    margin-right:12px
}
main section.more-info .content article .image {
    height:273px;
    position:absolute;
    top:0;
    height:332px
}
main section.more-info .content:nth-of-type(2n+1) article .image {
    left:5%
}
main section.more-info .content:nth-of-type(2n+1) article .info {
    position:absolute;
    right:0;
    padding-top:30px
}
main section.more-info .content:nth-of-type(2n) article .image {
    right:5%
}
main section.more-info .content:nth-of-type(2n) article .info {
    position:absolute;
    left:0;
    padding-top:30px
}
main section.more-info .content:last-of-type .image {
    height:273px
}
@media screen and (max-width:1080px) {
    main section.more-info .content {
        padding:48px 0 0;
        margin:0 20px;
        height:600px
    }
    main section.more-info .content article {
        margin:0
    }
    main section.more-info .content article .info {
        width:100%;
        float:left
    }
    main section.more-info .content article .info .h2 {
        font-size:16px;
        font-weight:300;
        line-height:1.88;
        display:inline-block;
        color:#2e4446
    }
    main section.more-info .content article .info .buttons {
        text-align:center
    }
    main section.more-info .content article .image {
        float:left;
        max-width:420px;
        margin:0 auto;
        height:252px;
        right:0;
        left:0
    }
    main section.more-info .content:nth-of-type(2n) article .image {
        left:0
    }
    main section.more-info .content:nth-of-type(2n) article .info {
        padding-top:285px;
        left:50%;
        transform:translateX(-50%)
    }
    main section.more-info .content:nth-of-type(2n+1) article .image {
        right:0
    }
    main section.more-info .content:nth-of-type(2n+1) article .info {
        padding-top:285px;
        position:absolute;
        left:50%;
        transform:translateX(-50%)
    }
    main section.more-info .content:nth-of-type(3) {
        height:650px
    }
    main section.more-info .content:nth-of-type(3) .info {
        padding-top:342px
    }
    main section.more-info .content:nth-of-type(4) .image {
        height:auto
    }
}