html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:.67em 0
}
mark{
    background:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
img{
    border:0;
    padding:0;
    border:none;
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    -webkit-appearance:textfield;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    border:0;
    padding:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:700
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
blockquote,body,dd,div,dl,dt,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,input,li,ol,p,pre,select,td,textarea,th,ul{
    margin:0;
    padding:0;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-weight:400;
    font-family:PingFang SC,Microsoft YaHei,微软雅黑,宋体,黑体,Arial,sans-serif;
    box-sizing:border-box;
    line-height:1
}
body,html{
    background-color:#fff;
    min-width:1140px;
    margin:0 auto;
    height:100%
}
@media screen and (min-width:240px){
    body,html{
        max-width:none;
        min-width:auto;
        min-width:320px
    }

}
@media screen and (min-width:910px){
    body,html{
        min-width:1140px
    }

}
@media screen and (min-width:240px){
    body,button,html,input,select,textarea{
        font-size:9px
    }

}
@media screen and (min-width:320px){
    body,button,html,input,select,textarea{
        font-size:12px
    }

}
@media screen and (min-width:375px){
    body,button,html,input,select,textarea{
        font-size:14px
    }

}
@media screen and (min-width:414px){
    body,button,html,input,select,textarea{
        font-size:15.5px
    }

}
@media screen and (min-width:480px){
    body,button,html,input,select,textarea{
        font-size:18px
    }

}
@media screen and (min-width:640px){
    body,button,html,input,select,textarea{
        font-size:24px
    }

}
@media screen and (min-width:960px){
    body,button,html,input,select,textarea{
        font-size:36px
    }

}
a:active,a:focus,a:visited,button:active,button:focus,button:visited,div:active,div:focus,div:visited,input:active,input:focus,input:visited,li:active,li:focus,li:visited,p:active,p:focus,p:visited{
    outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
a{
    cursor:pointer
}
a,a:hover{
    text-decoration:none
}
li{
    list-style:none
}
.container{
    transition:all .2s linear 0s
}
.menu-show .container,.menu-show .footer{
    -webkit-transform:translateX(-60%);
    transform:translateX(-60%)
}
.header{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:9999;
    height:auto;
    min-width:1010px
}
@media screen and (min-width:240px){
    .header{
        min-width:auto
    }

}
@media screen and (min-width:910px){
    .header{
        min-width:1010px
    }

}
.header.fixTop .header-container{
    background-color:#171717
}
.header .header-container{
    width:100%;
    min-width:910px;
    zoom:1;
    margin:0 auto;
    height:76px;
    padding:0 27px;
    transition:all .3s ease 0s
}
@media screen and (min-width:240px){
    .header .header-container{
        min-width:240px
    }

}
@media screen and (min-width:910px){
    .header .header-container{
        min-width:910px
    }

}
.header .header-container:after{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    overflow:hidden
}
@media screen and (min-width:240px){
    .header .header-container{
        height:auto
    }

}
@media screen and (min-width:910px){
    .header .header-container{
        height:76px
    }

}
@media screen and (min-width:240px){
    .header .header-container{
        padding:0
    }

}
@media screen and (min-width:910px){
    .header .header-container{
        padding:0 27px
    }
}
.header .header-container .logo{
    float:left;
    display:block;
    position:relative;
    font-size:0;
    z-index:1;
    text-align:center;
    height:auto;
    width:200px;
    margin-top:18px;
    margin-left:0;
    background-image:none;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:0
}
@media screen and (min-width:240px){
    .header .header-container .logo{
        height:4rem
    }
}
@media screen and (min-width:910px){
    .header .header-container .logo{
        height:auto
    }
}
@media screen and (min-width:240px){
    .header .header-container .logo{
        width:9rem
    }
}
@media screen and (min-width:910px){
    .header .header-container .logo{
        width:200px
    }
}
@media screen and (min-width:240px){
    .header .header-container .logo{
        margin-top:18px
    }
}
@media screen and (min-width:910px){
    .header .header-container .logo{
        margin-top:18px
    }
}
@media screen and (min-width:240px){
    .header .header-container .logo{
        margin-left:5%
    }
}
@media screen and (min-width:910px){
    .header .header-container .logo{
        margin-left:0
    }
}
@media screen and (min-width:240px){
    .header .header-container .logo{
        background-image:url("../imgs/logo.png")
    }

}
@media screen and (min-width:910px){
    .header .header-container .logo{
        background-image:none
    }

}
.header .header-container .logo img{
    width:200px;
    display:inline-block
}
@media screen and (min-width:240px){
    .header .header-container .logo img{
        display:none
    }

}
@media screen and (min-width:910px){
    .header .header-container .logo img{
        display:inline-block
    }

}
.header .header-container .logo span{
    color:#fff;
    line-height:18px;
    margin-top:5px;
    left:0;
    font-size:12px;
    letter-spacing:1px;
    top:40px;
    display:block
}
@media screen and (min-width:240px){
    .header .header-container .logo span{
        top:0
    }

}
@media screen and (min-width:910px){
    .header .header-container .logo span{
        top:40px
    }

}
@media screen and (min-width:240px){
    .header .header-container .logo span{
        display:none
    }

}
@media screen and (min-width:910px){
    .header .header-container .logo span{
        display:block
    }

}
.header .header-container .mobile-header-bar{
    height:4rem;
    background-color:#171717;
    width:100%;
    position:relative;
    display:none
}
@media screen and (min-width:240px){
    .header .header-container .mobile-header-bar{
        display:block
    }

}
@media screen and (min-width:910px){
    .header .header-container .mobile-header-bar{
        display:none
    }

}
.header .header-container .menu-btn{
    position:absolute;
    right:5%;
    top:50%;
    margin-top:-1rem;
    width:2rem;
    height:2rem;
    padding:.3rem;
    display:none;
    transition:all .2s linear 0s
}
@media screen and (min-width:240px){
    .header .header-container .menu-btn{
        display:block
    }

}
@media screen and (min-width:910px){
    .header .header-container .menu-btn{
        display:none
    }

}
.header .header-container .menu-btn i{
    display:block;
    width:100%;
    height:.2rem;
    background-color:#fff;
    transition:all .3s ease 0s
}
.header .header-container .menu-btn i:nth-child(2){
    margin:.3rem 0;
    left:0;
    top:50%
}
.header .header-container .menu-btn i:nth-child(3){
    opacity:0;
    filter:alpha(opacity = 0);
    position:absolute;
    left:0;
    top:50%;
    margin-top:-.1rem
}
.header .header-container>ul{
    float:right;
    padding-right:0;
    padding-top:0;
    height:auto;
    width:auto;
    position:inherit;
    -webkit-transform:inherit;
    transform:inherit;
    background-color:transparent;
    right:0;
    top:0;
    transition:all .2s linear 0s
}
@media screen and (min-width:240px){
    .header .header-container>ul{
        padding-right:0
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul{
        padding-right:0
    }

}
@media screen and (min-width:240px){
    .header .header-container>ul{
        padding-top:1rem
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul{
        padding-top:0
    }

}
@media screen and (min-width:240px){
    .header .header-container>ul{
        height:100%
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul{
        height:auto
    }

}
@media screen and (min-width:240px){
    .header .header-container>ul{
        width:60%
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul{
        width:auto
    }

}
@media screen and (min-width:240px){
    .header .header-container>ul{
        position:fixed
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul{
        position:inherit
    }

}
@media screen and (min-width:240px){
    .header .header-container>ul{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul{
        -webkit-transform:inherit;
        transform:inherit
    }

}
@media screen and (min-width:240px){
    .header .header-container>ul{
        background-color:#171717
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul{
        background-color:transparent
    }

}
.header .header-container>ul li{
    float:left;
    padding:26px 0;
    margin-left:50px;
    white-space:nowrap
}
@media screen and (min-width:240px){
    .header .header-container>ul li{
        float:none
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul li{
        float:left
    }

}
@media screen and (min-width:240px){
    .header .header-container>ul li{
        padding:0
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul li{
        padding:26px 0
    }

}
@media screen and (min-width:240px){
    .header .header-container>ul li{
        margin-left:0
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul li{
        margin-left:50px
    }

}
.header .header-container>ul li.document{
    display:list-item
}
@media screen and (min-width:240px){
    .header .header-container>ul li.document{
        display:none
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul li.document{
        display:list-item
    }

}
.header .header-container>ul li a{
    padding:4px 8px;
    text-align:center;
    color:#fff;
    font-size:16px;
    display:block;
    transition:all .3s ease 0s;
    border-radius:3px
}
@media screen and (min-width:240px){
    .header .header-container>ul li a{
        padding:1rem 0
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul li a{
        padding:4px 8px
    }

}
@media screen and (min-width:240px){
    .header .header-container>ul li a{
        font-size:1rem
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul li a{
        font-size:16px
    }

}
@media screen and (min-width:240px){
    .header .header-container>ul li a{
        display:none
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul li a{
        display:block
    }

}
@media screen and (min-width:240px){
    .header .header-container>ul li a{
        border-radius:0
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul li a{
        border-radius:3px
    }

}
.header .header-container>ul li a.active,.header .header-container>ul li a:hover{
    color:#171717;
    background-color:#fff;
    box-shadow:1px 1px 1px 0 #fff
}
@media screen and (min-width:240px){
    .header .header-container>ul li a.active,.header .header-container>ul li a:hover{
        color:#55aee5
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul li a.active,.header .header-container>ul li a:hover{
        color:#171717
    }

}
@media screen and (min-width:240px){
    .header .header-container>ul li a.active,.header .header-container>ul li a:hover{
        background-color:transparent
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul li a.active,.header .header-container>ul li a:hover{
        background-color:#fff
    }

}
@media screen and (min-width:240px){
    .header .header-container>ul li a.active,.header .header-container>ul li a:hover{
        box-shadow:none
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul li a.active,.header .header-container>ul li a:hover{
        box-shadow:1px 1px 1px 0 #fff
    }

}
.header .header-container>ul li a.console{
    color:#fff;
    background-color:#64adff;
    box-shadow:1px 1px 1px 0 #2594dd
}
@media screen and (min-width:240px){
    .header .header-container>ul li a.console{
        color:#55aee5
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul li a.console{
        color:#fff
    }

}
@media screen and (min-width:240px){
    .header .header-container>ul li a.console{
        background-color:transparent
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul li a.console{
        background-color:#64adff
    }

}
@media screen and (min-width:240px){
    .header .header-container>ul li a.console{
        box-shadow:none
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul li a.console{
        box-shadow:1px 1px 1px 0 #2594dd
    }

}
.header .header-container>ul li:last-child{
    display:block
}
@media screen and (min-width:240px){
    .header .header-container>ul li:last-child{
        display:none
    }

}
@media screen and (min-width:910px){
    .header .header-container>ul li:last-child{
        display:block
    }

}
.header .header-container>ul li.chenge-language{
    margin-left:40px
}
.header .header-container>ul li.chenge-language span{
    background-image:url("https://assets.faceid.com/official/images/common/global.png?ver=1537275304161");
    display:block;
    position:absolute;
    width:16px;
    height:16px;
    background-size:100%;
    left:0;
    top:4px
}
.header .header-container>ul li.chenge-language a{
    font-size:14px;
    line-height:16px;
    position:relative;
    padding-left:24px;
    padding-right:0;
    opacity:1;
    filter:alpha(opacity = 100);
    transition:none
}
.header .header-container>ul li.chenge-language a.active,.header .header-container>ul li.chenge-language a:hover{
    border:none;
    background:none;
    box-shadow:none;
    font-weight:400;
    color:#64adff
}
.header .header-container>ul li.chenge-language a.active span,.header .header-container>ul li.chenge-language a:hover span{
    background-position:0 100%
}
.menu-show .header .header-container{
    position:relative
}
.menu-show .header .header-container .logo{
    display:none
}
.menu-show .header .header-container .menu-btn{
    right:65%
}
.menu-show .header .header-container .menu-btn i:first-child,.menu-show .header .header-container .menu-btn i:nth-child(4){
    opacity:0;
    filter:alpha(opacity = 0)
}
.menu-show .header .header-container .menu-btn i:nth-child(2){
    position:absolute;
    margin:-.1rem 0 0;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.menu-show .header .header-container .menu-btn i:nth-child(3){
    opacity:1;
    filter:alpha(opacity = 100);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.menu-show .header .header-container>ul{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.menu-show .header .header-container>ul a{
    display:block
}
.footer{
    background:#282828;
    width:100%;
    min-width:910px;
    transition:all .2s linear 0s
}
@media screen and (min-width:240px){
    .footer{
        min-width:240px
    }

}
@media screen and (min-width:910px){
    .footer{
        min-width:910px
    }

}
.footer dl{
    position:relative;
    max-width:1140px;
    margin:0 auto;
    padding:40px 0 50px;
    zoom:1
}
@media screen and (min-width:240px){
    .footer dl{
        padding:4rem 5% .5rem
    }

}
@media screen and (min-width:910px){
    .footer dl{
        padding:40px 0 50px
    }

}
.footer dl:after{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    overflow:hidden
}
.footer dl dt{
    width:118px;
    height:29px;
    margin-bottom:25px
}
@media screen and (min-width:240px){
    .footer dl dt{
        width:8rem
    }

}
@media screen and (min-width:910px){
    .footer dl dt{
        width:118px
    }

}
@media screen and (min-width:240px){
    .footer dl dt{
        height:auto
    }

}
@media screen and (min-width:910px){
    .footer dl dt{
        height:29px
    }

}
@media screen and (min-width:240px){
    .footer dl dt{
        margin-bottom:.5rem
    }

}
@media screen and (min-width:910px){
    .footer dl dt{
        margin-bottom:25px
    }

}
.footer dl dt img{
    width:100%
}
.footer dl dd{
    float:left;
    position:relative;
    width:50%;
    color:#fff;
    font-size:14px
}
@media screen and (min-width:240px){
    .footer dl dd{
        width:100%
    }

}
@media screen and (min-width:910px){
    .footer dl dd{
        width:50%
    }

}
@media screen and (min-width:240px){
    .footer dl dd{
        font-size:.9rem
    }

}
@media screen and (min-width:910px){
    .footer dl dd{
        font-size:14px
    }

}
.footer dl dd img li,.footer dl dd ul li{
    line-height:20px;
    padding:10px 0
}
@media screen and (min-width:240px){
    .footer dl dd img li,.footer dl dd ul li{
        padding:.7rem 0
    }

}
@media screen and (min-width:910px){
    .footer dl dd img li,.footer dl dd ul li{
        padding:10px 0
    }

}
.footer dl dd img li a,.footer dl dd ul li a{
    color:#fff
}
.footer dl .related-link{
    position:absolute;
    width:200px;
    right:0;
    top:40px;
    display:block
}
@media screen and (min-width:240px){
    .footer dl .related-link{
        display:none
    }

}
@media screen and (min-width:910px){
    .footer dl .related-link{
        display:block
    }

}
.footer dl .related-link p{
    padding:0;
    font-size:14px;
    letter-spacing:.2px;
    line-height:20px;
    margin-bottom:13px
}
.footer dl .related-link p a{
    color:#fff
}
.footer dl .related-link p.footer-title{
    line-height:22px;
    opacity:.5;
    filter:alpha(opacity = 50);
    font-size:16px;
    color:#fff;
    letter-spacing:.23px;
    margin-bottom:40px
}


<!-- -->
.footer dl .about-us{
    position:absolute;
    width:200px;
    right:40%;
    top:40px;
    display:block
}
@media screen and (min-width:240px){
    .footer dl .about-us{
        display:none
    }

}
@media screen and (min-width:910px){
    .footer dl .about-us{
        display:block
    }

}
.footer dl .about-us p{
    padding:0;
    font-size:14px;
    letter-spacing:.2px;
    line-height:20px;
    margin-bottom:13px
}
.footer dl .about-us p a{
    color:#fff
}
.footer dl .about-us p.footer-title{
    line-height:22px;
    opacity:.5;
    filter:alpha(opacity = 50);
    font-size:16px;
    color:#fff;
    letter-spacing:.23px;
    margin-bottom:40px
}
<!-- -->



.footer .copy{
    color:#fff;
    margin:0 auto;
    border-top:1px solid #474747;
    padding-bottom:10px;
    text-align:center
}
@media screen and (min-width:240px){
    .footer .copy{
        border-top:none
    }

}
@media screen and (min-width:910px){
    .footer .copy{
        border-top:1px solid #474747
    }

}
@media screen and (min-width:240px){
    .footer .copy{
        padding-bottom:3rem
    }

}
@media screen and (min-width:910px){
    .footer .copy{
        padding-bottom:10px
    }

}
@media screen and (min-width:240px){
    .footer .copy{
        text-align:left
    }

}
@media screen and (min-width:910px){
    .footer .copy{
        text-align:center
    }

}
.footer .copy .record{
    font-size:12px;
    margin:0 auto
}
@media screen and (min-width:240px){
    .footer .copy .record{
        font-size:12px
    }

}
@media screen and (min-width:910px){
    .footer .copy .record{
        font-size:12px
    }

}
@media screen and (min-width:240px){
    .footer .copy .record{
        margin:5px 5%
    }

}
@media screen and (min-width:910px){
    .footer .copy .record{
        margin:0 auto
    }

}
.footer .copy .record a{
    display:inline-block;
    text-decoration:none;
    height:20px;
    line-height:20px
}
.footer .copy .record a img{
    float:left
}
.footer .copy .record a p{
    float:left;
    height:20px;
    line-height:20px;
    margin:0 0 0 5px;
    color:#939393
}
.footer .copy p{
    font-size:12px;
    height:38px;
    line-height:48px;
    margin:0 auto;
    max-width:1140px
}
@media screen and (min-width:240px){
    .footer .copy p{
        font-size:.6rem
    }

}
@media screen and (min-width:910px){
    .footer .copy p{
        font-size:12px
    }

}
@media screen and (min-width:240px){
    .footer .copy p{
        height:auto
    }

}
@media screen and (min-width:910px){
    .footer .copy p{
        height:38px
    }

}
@media screen and (min-width:240px){
    .footer .copy p{
        line-height:normal
    }

}
@media screen and (min-width:910px){
    .footer .copy p{
        line-height:48px
    }

}
@media screen and (min-width:240px){
    .footer .copy p{
        margin:0 5%
    }

}
@media screen and (min-width:910px){
    .footer .copy p{
        margin:0 auto
    }

}
.top-banner{
    width:100%;
    background-size:cover
}
.top-banner h1{
    color:#fff;
    font-weight:500;
    letter-spacing:1.6px;
    text-align:center;
    font-size:40px;
    height:600px;
    line-height:600px
}
@media screen and (min-width:240px){
    .top-banner h1{
        font-size:2rem
    }

}
@media screen and (min-width:910px){
    .top-banner h1{
        font-size:40px
    }

}
@media screen and (min-width:240px){
    .top-banner h1{
        height:18rem
    }

}
@media screen and (min-width:910px){
    .top-banner h1{
        height:600px
    }

}
@media screen and (min-width:240px){
    .top-banner h1{
        line-height:18rem
    }

}
@media screen and (min-width:910px){
    .top-banner h1{
        line-height:600px
    }

}
.home{
    zoom:1
}
.home:after{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    overflow:hidden
}
.home .icon{
    width:130px;
    text-align:center;
    margin:0 auto
}
@media screen and (min-width:240px){
    .home .icon{
        width:100%
    }

}
@media screen and (min-width:910px){
    .home .icon{
        width:130px
    }

}
.home .server-for{
    background-color:#fff;
    padding-top:50px;
    padding-bottom:25px
}
@media screen and (min-width:240px){
    .home .server-for{
        padding-top:3rem
    }

}
@media screen and (min-width:910px){
    .home .server-for{
        padding-top:50px
    }

}
@media screen and (min-width:240px){
    .home .server-for{
        padding-bottom:1rem
    }

}
@media screen and (min-width:910px){
    .home .server-for{
        padding-bottom:25px
    }

}
.home .server-for h2{
    color:#616161;
    padding-bottom:46px;
    font-size:30px;
    text-align:center
}

.home .server-for h1{
    color:#000000;
    padding-bottom:30px;
    font-size:40px;
    text-align:center
}

@media screen and (min-width:240px){
    .home .server-for h2{
        font-size:1.4rem
    }
    .home .server-for h1{
        font-size:1.6rem
    }
}
@media screen and (min-width:910px){
    .home .server-for h2{
        font-size:30px
    }
    .home .server-for h1{
        font-size:40px
    }
}
.home .server-for ul{
    zoom:1;
    max-width:1340px;
    margin:auto;
    text-align:center
}
.home .server-for ul:after{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    overflow:hidden
}
.home .server-for ul li{
    width:25%;
    float:left;
    display:block;
    height:360px;
    transition:all .3s ease 0s
}
@media screen and (min-width:240px){
    .home .server-for ul li{
        width:40%
    }

}
@media screen and (min-width:910px){
    .home .server-for ul li{
        width:25%
    }

}
@media screen and (min-width:240px){
    .home .server-for ul li{
        float:none
    }

}
@media screen and (min-width:910px){
    .home .server-for ul li{
        float:left
    }

}
@media screen and (min-width:240px){
    .home .server-for ul li{
        display:inline-block
    }

}
@media screen and (min-width:910px){
    .home .server-for ul li{
        display:block
    }

}
@media screen and (min-width:240px){
    .home .server-for ul li{
        height:auto
    }

}
@media screen and (min-width:910px){
    .home .server-for ul li{
        height:360px
    }

}
.home .server-for ul li .icon{
    padding:25px
}
@media screen and (min-width:240px){
    .home .server-for ul li .icon{
        padding:2rem
    }

}
@media screen and (min-width:910px){
    .home .server-for ul li .icon{
        padding:25px
    }

}
.home .server-for ul li .icon img{
    width:100%
}
.home .server-for ul li>div{
    margin:0 auto;
    height:360px;
    padding:44px 7%;
    transition:all .3s ease 0s;
    width:100%;
    background-color:#fff
}
@media screen and (min-width:240px){
    .home .server-for ul li>div{
        height:auto
    }

}
@media screen and (min-width:910px){
    .home .server-for ul li>div{
        height:360px
    }

}
@media screen and (min-width:240px){
    .home .server-for ul li>div{
        padding:0 1rem
    }

}
@media screen and (min-width:910px){
    .home .server-for ul li>div{
        padding:44px 7%
    }

}
.home .server-for ul li .more img{
    width:100%
}
.home .server-for ul li .more span{
    display:block;
    margin:0 auto;
    width:80px;
    font-size:14px;
    color:#0f73ee;
    text-align:center;
    margin-top:45px;
    font-weight:500
}
@media screen and (min-width:240px){
    .home .server-for ul li .more span{
        width:5rem
    }

}
@media screen and (min-width:910px){
    .home .server-for ul li .more span{
        width:80px
    }

}
@media screen and (min-width:240px){
    .home .server-for ul li .more span{
        font-size:1.1rem
    }

}
@media screen and (min-width:910px){
    .home .server-for ul li .more span{
        font-size:14px
    }

}
.home .server-for ul li h3{
    font-size:14px;
    color:#606060;
    text-align:center;
    padding:15px 0 23px
}
@media screen and (min-width:240px){
    .home .server-for ul li h3{
        font-size:1.1rem
    }

}
@media screen and (min-width:910px){
    .home .server-for ul li h3{
        font-size:14px
    }

}
.home .server-for ul li p{
    font-size:14px;
    color:#838383;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:2.29;
    letter-spacing:.1px;
    text-align:center;
    display:block
}
@media screen and (min-width:240px){
    .home .server-for ul li p{
        font-size:1.1rem
    }

}
@media screen and (min-width:910px){
    .home .server-for ul li p{
        font-size:14px
    }

}
@media screen and (min-width:240px){
    .home .server-for ul li p{
        display:none
    }

}
@media screen and (min-width:910px){
    .home .server-for ul li p{
        display:block
    }

}
.home .server-for ul li:hover{
    background-color:#d0d0d0;
    position:relative;
    z-index:10
}
@media screen and (min-width:240px){
    .home .server-for ul li:hover{
        -webkit-box-shadow:none;
        box-shadow:none
    }

}
@media screen and (min-width:910px){
    .home .server-for ul li:hover{
        -webkit-box-shadow:0 4px 5px 3px rgba(29,29,29,.35);
        box-shadow:0 4px 5px 3px rgba(29,29,29,.35)
    }

}
.lt-ie9 .home .server-for ul li:hover{
    padding:1px
}
.lt-ie9 .home .server-for ul li:hover>div{
    width:100%;
    padding:43px 5%;
    height:358px
}

.home .our-products{
    background-color:#1c1c1c;
    text-align: center;
    padding-top:79px;
    padding-bottom:190px
}
@media screen and (min-width:240px){
    .home .our-products{
        padding-top:3rem
    }
}
@media screen and (min-width:910px){
    .home .our-products{
        padding-top:79px
    }
}
@media screen and (min-width:240px){
    .home .our-products{
        padding-bottom:3rem
    }
}
@media screen and (min-width:910px){
    .home .our-products{
        padding-bottom:80px
    }
}
.home .our-products h2{
    color:#fff;
    padding-top:20px;
    padding-bottom:20px;
    font-size:24px;
    text-align:center
}
.home .our-products h5{
    color:#646464;
    padding-top:20px;
    padding-bottom:30px;
    font-size:16px;
    text-align:center
}
@media screen and (min-width:240px){
    .home .our-products h2{
        padding-bottom:1.5rem
    }
    .home .our-products h5{
        padding-bottom:1.0rem
    }
}
@media screen and (min-width:910px){
    .home .our-products h2{
        padding-bottom:20px
    }
    .home .our-products h5{
        padding-bottom:30px
    }
}
@media screen and (min-width:240px){
    .home .our-products h2{
        font-size:1.4rem
    }
    .home .our-products h5{
        font-size:1.0rem
    }
}
@media screen and (min-width:910px){
    .home .our-products h2{
        font-size:24px
    }
    .home .our-products h5{
        font-size:16px
    }
}
.home .our-products ul{
    zoom:1;
    width:1100px;
    margin:0 auto;
    text-align:justify;
    text-align-last:justify;
    line-height:0
}
.home .our-products ul:after{
    clear:both;
    content:".";
    display:block;
    visibility:hidden
}
@media screen and (min-width:240px){
    .home .our-products ul{
        width:100%
    }
}
@media screen and (min-width:910px){
    .home .our-products ul{
        width:1100px
    }
}
.home .our-products ul>*{
    vertical-align:top
}
.home .our-products ul:after{
    display:inline-block;
    overflow:hidden;
    width:100%;
    height:0;
    content:"";
    vertical-align:top
}
.home .our-products ul li{
    text-align:center;
    text-align-last:auto;
    display:inline-block;
    margin:auto;
    width:27%;
    max-width:264px
}
@media screen and (min-width:240px){
    .home .our-products ul li{
        display:block
    }
}
@media screen and (min-width:910px){
    .home .our-products ul li{
        display:inline-block
    }
}
@media screen and (min-width:240px){
    .home .our-products ul li{
        margin:0 auto 2.4rem
    }
}
@media screen and (min-width:910px){
    .home .our-products ul li{
        margin:auto
    }
}
@media screen and (min-width:240px){
    .home .our-products ul li{
        width:60%
    }
}
@media screen and (min-width:910px){
    .home .our-products ul li{
        width:27%
    }
}
@media screen and (min-width:240px){
    .home .our-products ul li{
        max-width:none
    }
}
@media screen and (min-width:910px){
    .home .our-products ul li{
        max-width:264px
    }
}
.home .our-products ul li .icon{
    width:130px;
    height:130px;
    position:relative
}
@media screen and (min-width:240px){
    .home .our-products ul li .icon{
        width:50%
    }
}
@media screen and (min-width:910px){
    .home .our-products ul li .icon{
        width:130px
    }
}
@media screen and (min-width:240px){
    .home .our-products ul li .icon{
        height:auto
    }
}
@media screen and (min-width:910px){
    .home .our-products ul li .icon{
        height:130px
    }
}
@media screen and (min-width:240px){
    .home .our-products ul li .icon{
        position:inherit
    }
}
@media screen and (min-width:910px){
    .home .our-products ul li .icon{
        position:relative
    }
}
.home .our-products ul li .icon img{
    display:block;
    position:absolute;
    margin:0 0 0 -65px;
    height:100%;
    width:auto;
    left:50%
}
@media screen and (min-width:240px){
    .home .our-products ul li .icon img{
        position:inherit
    }
}
@media screen and (min-width:910px){
    .home .our-products ul li .icon img{
        position:absolute
    }
}
@media screen and (min-width:240px){
    .home .our-products ul li .icon img{
        left:auto
    }
}
@media screen and (min-width:910px){
    .home .our-products ul li .icon img{
        left:50%
    }
}
@media screen and (min-width:240px){
    .home .our-products ul li .icon img{
        margin:0 auto
    }
}
@media screen and (min-width:910px){
    .home .our-products ul li .icon img{
        margin:0 0 0 -65px
    }

}
@media screen and (min-width:240px){
    .home .our-products ul li .icon img{
        height:auto
    }

}
@media screen and (min-width:910px){
    .home .our-products ul li .icon img{
        height:100%
    }

}
@media screen and (min-width:240px){
    .home .our-products ul li .icon img{
        width:100%
    }

}
@media screen and (min-width:910px){
    .home .our-products ul li .icon img{
        width:auto
    }
}
.home .our-products ul li .icon img.gif{
    display:none;
    margin-left:-65px
}
.home .our-products ul li:first-child{
    color:#fff
}
.home .our-products ul li:first-child .icon img.gif{
    margin-left:0px
}
.home .our-products ul li:hover img.origin{
    display:none
}
@media screen and (min-width:240px){
    .home .our-products ul li:hover img.origin{
        display:block
    }
}
@media screen and (min-width:910px){
    .home .our-products ul li:hover img.origin{
        display:none
    }
}

.home .our-products ul li:hover img.gif{
    display:block
}
@media screen and (min-width:240px){
    .home .our-products ul li:hover img.gif{
        display:none
    }

}
@media screen and (min-width:910px){
    .home .our-products ul li:hover img.gif{
        display:block
    }

}
.home .our-products ul li h3{
    font-size:26px;
    color:#fff;
    text-align:center;
    padding:14px 0 17px
}
@media screen and (min-width:240px){
    .home .our-products ul li h3{
        font-size:1.2rem
    }

}
@media screen and (min-width:910px){
    .home .our-products ul li h3{
        font-size:26px
    }
}
.home .our-products ul li p{
    font-size:14px;
    color:#fff;
    line-height:1.79;
    text-align:justify
}


.home .our-technology{
    background-color:#0b63db;
    padding-top:79px;
    padding-bottom:190px
}
@media screen and (min-width:240px){
    .home .our-technology{
        padding-top:3rem
    }

}
@media screen and (min-width:910px){
    .home .our-technology{
        padding-top:79px
    }

}
@media screen and (min-width:240px){
    .home .our-technology{
        padding-bottom:3rem
    }

}
@media screen and (min-width:910px){
    .home .our-technology{
        padding-bottom:190px
    }

}
.home .our-technology h2{
    color:#fff;
    padding-bottom:78px;
    font-size:30px;
    text-align:center
}
@media screen and (min-width:240px){
    .home .our-technology h2{
        padding-bottom:1.5rem
    }

}
@media screen and (min-width:910px){
    .home .our-technology h2{
        padding-bottom:78px
    }

}
@media screen and (min-width:240px){
    .home .our-technology h2{
        font-size:1.4rem
    }

}
@media screen and (min-width:910px){
    .home .our-technology h2{
        font-size:30px
    }

}
.home .our-technology ul{
    zoom:1;
    width:1100px;
    margin:0 auto;
    text-align:justify;
    text-align-last:justify;
    line-height:0
}
.home .our-technology ul:after{
    clear:both;
    content:".";
    display:block;
    visibility:hidden
}
@media screen and (min-width:240px){
    .home .our-technology ul{
        width:100%
    }

}
@media screen and (min-width:910px){
    .home .our-technology ul{
        width:1100px
    }

}
.home .our-technology ul>*{
    vertical-align:top
}
.home .our-technology ul:after{
    display:inline-block;
    overflow:hidden;
    width:100%;
    height:0;
    content:"";
    vertical-align:top
}
.home .our-technology ul li{
    text-align:center;
    text-align-last:auto;
    display:inline-block;
    margin:auto;
    width:27%;
    max-width:264px
}
@media screen and (min-width:240px){
    .home .our-technology ul li{
        display:block
    }

}
@media screen and (min-width:910px){
    .home .our-technology ul li{
        display:inline-block
    }

}
@media screen and (min-width:240px){
    .home .our-technology ul li{
        margin:0 auto 2.4rem
    }

}
@media screen and (min-width:910px){
    .home .our-technology ul li{
        margin:auto
    }

}
@media screen and (min-width:240px){
    .home .our-technology ul li{
        width:60%
    }

}
@media screen and (min-width:910px){
    .home .our-technology ul li{
        width:27%
    }

}
@media screen and (min-width:240px){
    .home .our-technology ul li{
        max-width:none
    }

}
@media screen and (min-width:910px){
    .home .our-technology ul li{
        max-width:264px
    }

}
.home .our-technology ul li .icon{
    width:130px;
    height:130px;
    position:relative
}
@media screen and (min-width:240px){
    .home .our-technology ul li .icon{
        width:50%
    }

}
@media screen and (min-width:910px){
    .home .our-technology ul li .icon{
        width:130px
    }

}
@media screen and (min-width:240px){
    .home .our-technology ul li .icon{
        height:auto
    }

}
@media screen and (min-width:910px){
    .home .our-technology ul li .icon{
        height:130px
    }

}
@media screen and (min-width:240px){
    .home .our-technology ul li .icon{
        position:inherit
    }

}
@media screen and (min-width:910px){
    .home .our-technology ul li .icon{
        position:relative
    }

}
.home .our-technology ul li .icon img{
    display:block;
    position:absolute;
    margin:0 0 0 -65px;
    height:100%;
    width:auto;
    left:50%
}
@media screen and (min-width:240px){
    .home .our-technology ul li .icon img{
        position:inherit
    }

}
@media screen and (min-width:910px){
    .home .our-technology ul li .icon img{
        position:absolute
    }

}
@media screen and (min-width:240px){
    .home .our-technology ul li .icon img{
        left:auto
    }

}
@media screen and (min-width:910px){
    .home .our-technology ul li .icon img{
        left:50%
    }

}
@media screen and (min-width:240px){
    .home .our-technology ul li .icon img{
        margin:0 auto
    }

}
@media screen and (min-width:910px){
    .home .our-technology ul li .icon img{
        margin:0 0 0 -65px
    }

}
@media screen and (min-width:240px){
    .home .our-technology ul li .icon img{
        height:auto
    }

}
@media screen and (min-width:910px){
    .home .our-technology ul li .icon img{
        height:100%
    }

}
@media screen and (min-width:240px){
    .home .our-technology ul li .icon img{
        width:100%
    }

}
@media screen and (min-width:910px){
    .home .our-technology ul li .icon img{
        width:auto
    }

}
.home .our-technology ul li .icon img.gif{
    display:none;
    margin-left:-65px
}
.home .our-technology ul li:first-child{
    color:#fff
}
.home .our-technology ul li:first-child .icon img.gif{
    margin-left:-160px
}
.home .our-technology ul li:hover img.origin{
    display:none
}
@media screen and (min-width:240px){
    .home .our-technology ul li:hover img.origin{
        display:block
    }

}
@media screen and (min-width:910px){
    .home .our-technology ul li:hover img.origin{
        display:none
    }

}
.home .our-technology ul li:hover img.gif{
    display:block
}
@media screen and (min-width:240px){
    .home .our-technology ul li:hover img.gif{
        display:none
    }

}
@media screen and (min-width:910px){
    .home .our-technology ul li:hover img.gif{
        display:block
    }

}
.home .our-technology ul li h3{
    font-size:26px;
    color:#fff;
    text-align:center;
    padding:14px 0 17px
}
@media screen and (min-width:240px){
    .home .our-technology ul li h3{
        font-size:1.2rem
    }

}
@media screen and (min-width:910px){
    .home .our-technology ul li h3{
        font-size:26px
    }
}
.home .our-technology ul li p{
    font-size:14px;
    color:#fff;
    line-height:1.79;
    text-align:justify
}
.home .our-case{
    background-color:#fff;
    padding-top:79px;
    padding-bottom:99px
}
@media screen and (min-width:240px){
    .home .our-case{
        padding-top:3rem
    }

}
@media screen and (min-width:910px){
    .home .our-case{
        padding-top:79px
    }

}
@media screen and (min-width:240px){
    .home .our-case{
        padding-bottom:0
    }

}
@media screen and (min-width:910px){
    .home .our-case{
        padding-bottom:99px
    }

}
.home .our-case h2{
    color:#525252;
    font-size:30px;
    text-align:center;
    padding-bottom:65px
}
@media screen and (min-width:240px){
    .home .our-case h2{
        font-size:1.4rem
    }

}
@media screen and (min-width:910px){
    .home .our-case h2{
        font-size:30px
    }

}
@media screen and (min-width:240px){
    .home .our-case h2{
        padding-bottom:1rem
    }

}
@media screen and (min-width:910px){
    .home .our-case h2{
        padding-bottom:65px
    }

}
.home .our-case ul{
    zoom:1;
    max-width:1340px;
    margin:auto
}
.home .our-case ul:after{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    overflow:hidden
}
.home .our-case ul li{
    float:left;
    width:25%;
    padding:0;
    position:relative
}
@media screen and (min-width:240px){
    .home .our-case ul li{
        width:100%
    }

}
@media screen and (min-width:910px){
    .home .our-case ul li{
        width:25%
    }

}
@media screen and (min-width:240px){
    .home .our-case ul li{
        padding:2rem 0
    }

}
@media screen and (min-width:910px){
    .home .our-case ul li{
        padding:0
    }

}
.home .our-case ul li .icon{
    width:83%;
    height:248px;
    position:relative
}
@media screen and (min-width:240px){
    .home .our-case ul li .icon{
        height:auto
    }

}
@media screen and (min-width:910px){
    .home .our-case ul li .icon{
        height:248px
    }

}
.home .our-case ul li .icon img{
    width:auto;
    height:auto;
    top:0;
    left:0
}
@media screen and (min-width:240px){
    .home .our-case ul li .icon img{
        height:100%
    }

}
@media screen and (min-width:910px){
    .home .our-case ul li .icon img{
        height:auto
    }

}
.home .our-case ul li .case-info h3{
    font-size:26px;
    color:#606060;
    text-align:center;
    padding:56px 0 60px;
    cursor:pointer
}
@media screen and (min-width:240px){
    .home .our-case ul li .case-info h3{
        font-size:1.8rem
    }

}
@media screen and (min-width:910px){
    .home .our-case ul li .case-info h3{
        font-size:26px
    }

}
@media screen and (min-width:240px){
    .home .our-case ul li .case-info h3{
        padding:1rem 0
    }

}
@media screen and (min-width:910px){
    .home .our-case ul li .case-info h3{
        padding:56px 0 60px
    }

}
.home .our-case ul li .case-info div{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    padding:130px 20px 0;
    transition:all .3s ease 0s
}
.home .our-case ul li .case-info div img{
    transition:all .3s ease 0s;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    opacity:0;
    filter:alpha(opacity = 0)
}
.home .our-case ul li .case-info div p{
    opacity:0;
    filter:alpha(opacity = 0);
    position:absolute;
    bottom:30px;
    padding:0 6%;
    left:0;
    color:#fff;
    object-fit:contain;
    font-size:14px;
    font-weight:500;
    line-height:1.79
}
@media screen and (min-width:240px){
    .home .our-case ul li .case-info div p{
        font-size:1.1rem
    }

}
@media screen and (min-width:910px){
    .home .our-case ul li .case-info div p{
        font-size:14px
    }

}
.home .our-case ul li:nth-child(2n){
    background-color:#fff
}
@media screen and (min-width:240px){
    .home .our-case ul li:nth-child(2n){
        background-color:#fcfafa
    }

}
@media screen and (min-width:910px){
    .home .our-case ul li:nth-child(2n){
        background-color:#fff
    }

}
.home .our-case ul li:hover h3{
    visibility:hidden
}
.home .our-case ul li:hover div img,.home .our-case ul li:hover div p{
    opacity:1;
    filter:alpha(opacity = 100)
}
.home .our-service{
    background-color:#000000;
    padding-top:0px;
    padding-bottom:0px
}
@media screen and (min-width:240px){
    .home .our-service{
        padding-top:0rem
    }
}
@media screen and (min-width:910px){
    .home .our-service{
        padding-top:0px
    }
}
@media screen and (min-width:240px){
    .home .our-service{
        padding-bottom:0rem
    }
}
@media screen and (min-width:910px){
    .home .our-service{
        padding-bottom:0px
    }
}
.home .our-service h2{
    color:#fff;
    font-weight:500;
    letter-spacing:1.2px;
    padding-bottom:79px;
    font-size:30px;
    text-align:center
}
@media screen and (min-width:240px){
    .home .our-service h2{
        font-size:1.4rem
    }

}
@media screen and (min-width:910px){
    .home .our-service h2{
        font-size:30px
    }

}
.home .our-service ul{
    zoom:1;
    text-align:justify;
    text-align-last:justify;
    line-height:0;
    width:1100px;
    margin:0 auto;
    padding:0
}
.home .our-service ul:after{
    clear:both;
    content:".";
    display:block;
    visibility:hidden
}
.home .our-service ul>*{
    vertical-align:top
}
.home .our-service ul:after{
    display:inline-block;
    overflow:hidden;
    width:100%;
    height:0;
    content:"";
    vertical-align:top
}
@media screen and (min-width:240px){
    .home .our-service ul{
        width:100%
    }

}
@media screen and (min-width:910px){
    .home .our-service ul{
        width:1100px
    }

}
@media screen and (min-width:240px){
    .home .our-service ul{
        padding:0 8%
    }

}
@media screen and (min-width:910px){
    .home .our-service ul{
        padding:0
    }

}
.home .our-service ul li{
    display:inline-block;
    text-align:center;
    text-align-last:auto;
    background-color:#fff;
    width:29%;
    padding:0 40px;
    height:400px;
    margin-bottom:0;
    box-shadow:5px 6px 0 0 #0d4467
}
@media screen and (min-width:240px){
    .home .our-service ul li{
        width:100%
    }

}
@media screen and (min-width:910px){
    .home .our-service ul li{
        width:29%
    }

}
@media screen and (min-width:240px){
    .home .our-service ul li{
        padding:0 2.5rem 2.5rem
    }

}
@media screen and (min-width:910px){
    .home .our-service ul li{
        padding:0 40px
    }

}
@media screen and (min-width:240px){
    .home .our-service ul li{
        height:auto
    }

}
@media screen and (min-width:910px){
    .home .our-service ul li{
        height:400px
    }

}
@media screen and (min-width:240px){
    .home .our-service ul li{
        margin-bottom:4rem
    }

}
@media screen and (min-width:910px){
    .home .our-service ul li{
        margin-bottom:0
    }

}
.home .our-service ul li .icon{
    width:100%;
    height:auto
}
.home .our-service ul li .icon img{
    width:100%
}
.home .our-service ul li h3{
    font-size:26px;
    color:#273442;
    text-align:center;
    padding-bottom:29px
}
.home .our-service ul li p{
    font-size:14px;
    color:#273442;
    line-height:2.29;
    letter-spacing:.1px;
    text-align:justify
}
.slick-slider{
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list,.slick-slider{
    position:relative;
    display:block
}
.slick-list{
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:after,.slick-track:before{
    display:table;
    content:""
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
.hide{
    display:none!important
}
.slick-slide{
    will-change:transform
}
.carousel-box{
    background:#000e2b;
    height:620px
}
@media screen and (min-width:240px){
    .carousel-box{
        height:auto
    }

}
@media screen and (min-width:910px){
    .carousel-box{
        height:620px
    }

}
.carousel-box .carousel{
    display:block
}
@media screen and (min-width:240px){
    .carousel-box .carousel{
        display:none
    }

}
@media screen and (min-width:910px){
    .carousel-box .carousel{
        display:block
    }

}
.carousel-box .mobile{
    display:none;
    padding-top:4rem
}
@media screen and (min-width:240px){
    .carousel-box .mobile{
        display:block
    }

}
@media screen and (min-width:910px){
    .carousel-box .mobile{
        display:none
    }

}
.carousel-box .mobile img{
    width:100%
}
.carousel{
    margin:0 auto;
    overflow:hidden;
    min-width:1140px;
    max-width:1440px;
    height:620px
}
@media screen and (min-width:240px){
    .carousel{
        min-width:auto
    }

}
@media screen and (min-width:910px){
    .carousel{
        min-width:1140px
    }

}
@media screen and (min-width:240px){
    .carousel{
        max-width:auto
    }

}
@media screen and (min-width:910px){
    .carousel{
        max-width:1440px
    }

}
@media screen and (min-width:240px){
    .carousel{
        height:auto
    }

}
@media screen and (min-width:910px){
    .carousel{
        height:620px
    }

}
.carousel .slick-arrow{
    width:60px;
    height:60px;
    background:inherit;
    position:absolute;
    cursor:pointer;
    top:50%;
    margin-top:-30px;
    z-index:10
}
.carousel .slick-prev{
    left:50px;
    background-image:url("https://assets.faceid.com/official/images/home/swper-left.png?ver=1537275304161")
}
.carousel .slick-next{
    right:50px;
    background-image:url("https://assets.faceid.com/official/images/home/swper-right.png?ver=1537275304161")
}
.carousel .slick-dots{
    position:absolute;
    bottom:0;
    width:100%;
    font-size:0;
    text-align:center;
    margin-bottom:49px
}
.carousel .slick-dots li{
    display:inline-block;
    border-radius:2px;
    overflow:hidden;
    margin:0 10px;
    padding:0;
    width:80px;
    height:4px;
    position:relative
}
.carousel .slick-dots li .slick-anim{
    position:absolute;
    width:0;
    top:0;
    left:0;
    bottom:0;
    background:#fff
}
.carousel .slick-dots button{
    display:block;
    opacity:.4;
    filter:alpha(opacity = 40);
    height:0;
    padding-top:4px;
    overflow:hidden;
    width:100%;
    border:0;
    background:#757985;
    font-size:0;
    line-height:0
}
.carousel .faceid{
    background-repeat:no-repeat;
    background-position:top;
    background-size:cover;
    background-color:#000e2b;
    height:620px;
    width:100%;
    overflow:hidden
}
.carousel .faceid h1{
    text-indent:-999em;
    position:absolute;
    z-index:-1;
    padding-left:0;
    width:51%
}
@media screen and (min-width:240px){
    .carousel .faceid h1{
        padding-left:8%
    }

}
@media screen and (min-width:910px){
    .carousel .faceid h1{
        padding-left:0
    }

}
@media screen and (min-width:240px){
    .carousel .faceid h1{
        width:100%
    }

}
@media screen and (min-width:910px){
    .carousel .faceid h1{
        width:51%
    }

}
.customers-type{
    text-align:center;
    margin:0 auto;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    padding-top:30px
}
@media screen and (min-width:240px){
    .customers-type{
        padding-top:2rem
    }

}
@media screen and (min-width:910px){
    .customers-type{
        padding-top:30px
    }

}
.customers-type h2{
    display:inline-block;
    color:#959595;
    font-size:12px;
    font-weight:600;
    letter-spacing:.5px;
    margin:0 30px;
    cursor:pointer
}
@media screen and (min-width:240px){
    .customers-type h2{
        margin:0 1rem
    }

}
@media screen and (min-width:910px){
    .customers-type h2{
        margin:0 30px
    }

}
.customers-type h2 .icon{
    display:block;
    margin:0 auto;
    background-repeat:no-repeat;
    background-size:100%;
    margin-bottom:5px
}
.customers-type h2.finance .icon{
    width:35px;
    height:35px;
    background-image:url("https://assets.faceid.com/official/images/customers/finance.png?ver=1537275304161")
}
.customers-type h2.travel .icon{
    width:54px;
    height:35px;
    background-image:url("https://assets.faceid.com/official/images/customers/travel.png?ver=1537275304161")
}
.customers-type h2.banks .icon{
    width:35px;
    height:35px;
    background-image:url("https://assets.faceid.com/official/images/customers/bank.png?ver=1537275304161")
}
.customers-type h2.others .icon{
    width:25px;
    height:35px;
    background-image:url("https://assets.faceid.com/official/images/customers/other.png?ver=1537275304161")
}
.customers-type h2.active,.customers-type h2:hover{
    color:#2bade7
}
.customers-type h2.active .icon,.customers-type h2:hover .icon{
    background-position:0 -37px
}
.customer-list{
    display:none
}
.customer-list dd{
    padding:70px 0
}
@media screen and (min-width:240px){
    .customer-list dd{
        padding:3rem 0
    }

}
@media screen and (min-width:910px){
    .customer-list dd{
        padding:70px 0
    }

}
.customer-list dd .customer-list-box{
    width:1030px;
    margin:0 auto;
    zoom:1
}
@media screen and (min-width:240px){
    .customer-list dd .customer-list-box{
        width:100%
    }

}
@media screen and (min-width:910px){
    .customer-list dd .customer-list-box{
        width:1030px
    }

}
.customer-list dd .customer-list-box:after{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    overflow:hidden
}
.customer-list dd .customer-list-box img{
    width:370px;
    float:left;
    margin:0 auto;
    display:block
}
@media screen and (min-width:240px){
    .customer-list dd .customer-list-box img{
        width:60%
    }

}
@media screen and (min-width:910px){
    .customer-list dd .customer-list-box img{
        width:370px
    }

}
@media screen and (min-width:240px){
    .customer-list dd .customer-list-box img{
        float:none
    }

}
@media screen and (min-width:910px){
    .customer-list dd .customer-list-box img{
        float:left
    }

}
@media screen and (min-width:240px){
    .customer-list dd .customer-list-box img{
        margin:0 auto 2rem
    }

}
@media screen and (min-width:910px){
    .customer-list dd .customer-list-box img{
        margin:0 auto
    }

}
.customer-list dd .customer-list-box .company{
    float:right;
    padding:0;
    width:60%
}
@media screen and (min-width:240px){
    .customer-list dd .customer-list-box .company{
        padding:0 5%
    }

}
@media screen and (min-width:910px){
    .customer-list dd .customer-list-box .company{
        padding:0
    }

}
@media screen and (min-width:240px){
    .customer-list dd .customer-list-box .company{
        width:100%
    }

}
@media screen and (min-width:910px){
    .customer-list dd .customer-list-box .company{
        width:60%
    }

}
.customer-list dd .customer-list-box .company h3{
    font-size:30px;
    font-weight:600;
    letter-spacing:1.2px;
    color:#3b3b3b;
    margin-bottom:17px
}
@media screen and (min-width:240px){
    .customer-list dd .customer-list-box .company h3{
        font-size:1.2rem
    }

}
@media screen and (min-width:910px){
    .customer-list dd .customer-list-box .company h3{
        font-size:30px
    }

}
.customer-list dd .customer-list-box .company p{
    font-size:16px;
    font-weight:600;
    line-height:1.88;
    letter-spacing:.6px;
    color:#959595
}
@media screen and (min-width:240px){
    .customer-list dd .customer-list-box .company p{
        font-size:1.1rem
    }

}
@media screen and (min-width:910px){
    .customer-list dd .customer-list-box .company p{
        font-size:16px
    }

}
@media screen and (min-width:240px){
    .customer-list dd .customer-list-box .company p{
        font-weight:400
    }

}
@media screen and (min-width:910px){
    .customer-list dd .customer-list-box .company p{
        font-weight:600
    }

}
@media screen and (min-width:240px){
    .customer-list dd .customer-list-box .company p{
        line-height:1.69
    }

}
@media screen and (min-width:910px){
    .customer-list dd .customer-list-box .company p{
        line-height:1.88
    }

}
.customer-list dd.even-type{
    background-color:#f4f4f4
}
.customer-list dd.odd-type{
    background-color:#fff
}
.technology-list{
    zoom:1;
    padding:50px 0 100px;
    text-align:center
}
.technology-list:after{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    overflow:hidden
}
@media screen and (min-width:240px){
    .technology-list{
        padding:2.5rem 0
    }

}
@media screen and (min-width:910px){
    .technology-list{
        padding:50px 0 100px
    }

}
.technology-list .technology-detail{
    width:1140px;
    position:inherit;
    padding-top:0;
    margin:0 auto
}
@media screen and (min-width:240px){
    .technology-list .technology-detail{
        width:100%
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-detail{
        width:1140px
    }

}
@media screen and (min-width:240px){
    .technology-list .technology-detail{
        position:relative
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-detail{
        position:inherit
    }

}
@media screen and (min-width:240px){
    .technology-list .technology-detail{
        padding-top:48%
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-detail{
        padding-top:0
    }

}
.technology-list h2{
    font-size:30px;
    text-align:center;
    padding:66px;
    font-weight:500;
    letter-spacing:1.2px
}
@media screen and (min-width:240px){
    .technology-list h2{
        font-size:1.2rem
    }

}
@media screen and (min-width:910px){
    .technology-list h2{
        font-size:30px
    }

}
@media screen and (min-width:240px){
    .technology-list h2{
        text-align:left
    }

}
@media screen and (min-width:910px){
    .technology-list h2{
        text-align:center
    }

}
@media screen and (min-width:240px){
    .technology-list h2{
        padding:0 0 1rem 5%
    }

}
@media screen and (min-width:910px){
    .technology-list h2{
        padding:66px
    }

}
.technology-list .technology-intro{
    float:left;
    width:45%;
    position:inherit;
    padding:0
}
@media screen and (min-width:240px){
    .technology-list .technology-intro{
        width:100%
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-intro{
        width:45%
    }

}
@media screen and (min-width:240px){
    .technology-list .technology-intro{
        position:relative
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-intro{
        position:inherit
    }

}
@media screen and (min-width:240px){
    .technology-list .technology-intro{
        padding:0 5% 25%
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-intro{
        padding:0
    }

}
.technology-list .technology-intro h3{
    font-size:16px;
    text-align:justify;
    margin-bottom:5px
}
@media screen and (min-width:240px){
    .technology-list .technology-intro h3{
        font-size:1.1rem
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-intro h3{
        font-size:16px
    }

}
.technology-list .technology-intro h3.mobile_hidden{
    display:block
}
@media screen and (min-width:240px){
    .technology-list .technology-intro h3.mobile_hidden{
        display:none
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-intro h3.mobile_hidden{
        display:block
    }

}
.technology-list .technology-intro>p{
    font-size:14px;
    line-height:1.79;
    text-align:justify;
    margin-bottom:20px
}
@media screen and (min-width:240px){
    .technology-list .technology-intro>p{
        font-size:1rem
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-intro>p{
        font-size:14px
    }

}
.technology-list .technology-intro ul.technology-feature{
    position:inherit;
    padding:23px 0 40px;
    text-align:left;
    white-space:nowrap;
    width:100%;
    bottom:0;
    left:0;
    zoom:1
}
@media screen and (min-width:240px){
    .technology-list .technology-intro ul.technology-feature{
        position:absolute
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-intro ul.technology-feature{
        position:inherit
    }

}
@media screen and (min-width:240px){
    .technology-list .technology-intro ul.technology-feature{
        padding:0
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-intro ul.technology-feature{
        padding:23px 0 40px
    }

}
@media screen and (min-width:240px){
    .technology-list .technology-intro ul.technology-feature{
        text-align:center
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-intro ul.technology-feature{
        text-align:left
    }

}
.technology-list .technology-intro ul.technology-feature:after{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    overflow:hidden
}
.technology-list .technology-intro ul.technology-feature li{
    display:inline-block;
    vertical-align:top;
    margin:0 30px 0 0
}
@media screen and (min-width:240px){
    .technology-list .technology-intro ul.technology-feature li{
        margin:0 .2rem
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-intro ul.technology-feature li{
        margin:0 30px 0 0
    }

}
.technology-list .technology-intro ul.technology-feature li img{
    width:80px
}
@media screen and (min-width:240px){
    .technology-list .technology-intro ul.technology-feature li img{
        width:4.5rem
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-intro ul.technology-feature li img{
        width:80px
    }

}
.technology-list .technology-intro ul.technology-feature li p{
    font-size:14px;
    font-weight:600;
    letter-spacing:.5px;
    text-align:center
}
@media screen and (min-width:240px){
    .technology-list .technology-intro ul.technology-feature li p{
        font-size:.9rem
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-intro ul.technology-feature li p{
        font-size:14px
    }

}
.technology-list .technology-intro ul.technology-value{
    padding-top:13px;
    padding-left:1em
}
.technology-list .technology-intro ul.technology-value li{
    font-size:14px;
    line-height:1.79;
    text-align:justify;
    list-style-type:disc
}
@media screen and (min-width:240px){
    .technology-list .technology-intro ul.technology-value li{
        font-size:1rem
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-intro ul.technology-value li{
        font-size:14px
    }

}
.technology-list .technology-show{
    float:left;
    position:relative;
    margin:26px 0 0 120px;
    width:495px;
    left:inherit;
    top:inherit;
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
@media screen and (min-width:240px){
    .technology-list .technology-show{
        position:absolute
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-show{
        position:relative
    }

}
@media screen and (min-width:240px){
    .technology-list .technology-show{
        margin:0
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-show{
        margin:26px 0 0 120px
    }

}
@media screen and (min-width:240px){
    .technology-list .technology-show{
        width:60%
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-show{
        width:495px
    }

}
@media screen and (min-width:240px){
    .technology-list .technology-show{
        left:50%
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-show{
        left:inherit
    }

}
@media screen and (min-width:240px){
    .technology-list .technology-show{
        top:0
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-show{
        top:inherit
    }

}
@media screen and (min-width:240px){
    .technology-list .technology-show{
        -webkit-transform:translateX(-50%)
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-show{
        -webkit-transform:translateX(0)
    }

}
@media screen and (min-width:240px){
    .technology-list .technology-show{
        -webkit-transform:translateX(-50%);
        transform:translateX(-50%)
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-show{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }

}
.technology-list .technology-show img{
    display:block;
    margin:0 auto;
    width:100%
}
.technology-list .technology-show .comparing-ama-box{
    display:none
}
.technology-list .technology-show .comparing-ama-box .comparing-ama{
    display:none;
    position:absolute;
    border:1px solid #6ec8ff
}
.technology-list .technology-show .comparing-ama-box .comparing-ama-two{
    top:42%;
    left:56%;
    width:10%;
    padding-top:10%
}
.technology-list .technology-show .comparing-ama-box .comparing-ama-one{
    top:5%;
    right:15.2%;
    width:24%;
    padding-top:24%
}
.technology-list .technology-show .comparing-ama-box .line{
    display:none;
    height:1px;
    background-color:#6ec8ff;
    position:absolute
}
.technology-list .technology-show .comparing-ama-box .line-one{
    width:15%;
    right:39%;
    top:17%
}
.technology-list .technology-show .comparing-ama-box .line-two{
    right:43.9%;
    top:48%;
    width:4.8%
}
.technology-list .technology-show .comparing-ama-box .line-three{
    right:48.7%;
    top:17%;
    height:31.3%;
    width:1px
}
.technology-list .technology-show .comparing-ama-box .description{
    position:absolute;
    top:15%;
    left:21%;
    text-align:left
}
@media screen and (min-width:240px){
    .technology-list .technology-show .comparing-ama-box .description{
        left:7%
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-show .comparing-ama-box .description{
        left:21%
    }

}
.technology-list .technology-show .comparing-ama-box .description .detail-p{
    display:none;
    font-weight:bolder;
    font-size:18px;
    padding-bottom:10px
}
@media screen and (min-width:240px){
    .technology-list .technology-show .comparing-ama-box .description .detail-p{
        font-size:1rem
    }
}
@media screen and (min-width:910px){
    .technology-list .technology-show .comparing-ama-box .description .detail-p{
        font-size:18px
    }
}
@media screen and (min-width:240px){
    .technology-list .technology-show .comparing-ama-box .description .detail-p{
        padding-bottom:.5rem
    }
}
@media screen and (min-width:910px){
    .technology-list .technology-show .comparing-ama-box .description .detail-p{
        padding-bottom:10px
    }
}
.technology-list .technology-show .comparing-ama-box .description .detail-p span{
    color:#51b9f9;
    font-size:18px;
    font-weight:bolder
}
@media screen and (min-width:240px){
    .technology-list .technology-show .comparing-ama-box .description .detail-p span{
        font-size:1rem
    }
}
@media screen and (min-width:910px){
    .technology-list .technology-show .comparing-ama-box .description .detail-p span{
        font-size:18px
    }
}
.technology-list .technology-show .comparing-ama-box .description .desc-p{
    display:none;
    color:#3e3e3e;
    line-height:20px;
    font-size:14px
}
@media screen and (min-width:240px){
    .technology-list .technology-show .comparing-ama-box .description .desc-p{
        line-height:1.4rem
    }
}
@media screen and (min-width:910px){
    .technology-list .technology-show .comparing-ama-box .description .desc-p{
        line-height:20px
    }

}
@media screen and (min-width:240px){
    .technology-list .technology-show .comparing-ama-box .description .desc-p{
        font-size:1rem
    }

}
@media screen and (min-width:910px){
    .technology-list .technology-show .comparing-ama-box .description .desc-p{
        font-size:14px
    }
}
.technology-list .technology-show .landmarks-ama-box{
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0
}
.technology-list .technology-show .landmarks-person{
    width:34%;
    padding-top:33%;
    position:absolute;
    top:25%;
    left:33%;
    background:url("https://assets.faceid.com/official/images/technology/analyze-point.png?ver=1537275304161") no-repeat;
    background-size:contain
}
.technology-list.odd-type h2{
    color:#565454
}
@media screen and (min-width:240px){
    .technology-list.odd-type h2{
        color:#3b3b3b
    }
}
@media screen and (min-width:910px){
    .technology-list.odd-type h2{
        color:#565454
    }

}
.technology-list.odd-type h3{
    color:#373737
}
@media screen and (min-width:240px){
    .technology-list.odd-type h3{
        color:#959595
    }
}
@media screen and (min-width:910px){
    .technology-list.odd-type h3{
        color:#373737
    }
}
.technology-list.odd-type li,.technology-list.odd-type p{
    color:#373737
}
@media screen and (min-width:240px){
    .technology-list.odd-type li,.technology-list.odd-type p{
        color:#959595
    }

}
@media screen and (min-width:910px){
    .technology-list.odd-type li,.technology-list.odd-type p{
        color:#373737
    }

}
.technology-list.odd-type .technology-feature p{
    color:#3e3d3d
}
@media screen and (min-width:240px){
    .technology-list.odd-type .technology-feature p{
        color:#959595
    }

}
@media screen and (min-width:910px){
    .technology-list.odd-type .technology-feature p{
        color:#3e3d3d
    }

}

.help-title{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size:16px;
    font-weight: bold;
}

.help-item{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size:15px;
    cursor:pointer
}

.technology-list.even-type{
    background-color:#1f3741
}
.technology-list.even-type h2,.technology-list.even-type h3,.technology-list.even-type li,.technology-list.even-type p{
    color:#fff
}
#__bs_notify__{
    display:none!important
}