blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0;
}
a:visited {
    text-decoration: none;
    color: inherit;
}
.top-nav-constance {
    transition: .3s;
    height: 56px;
    top: 0;
    width: 100%;
    position: fixed;
    z-index: 999;
}
.white-top-nav {
    position: fixed;
    background: #fff;
    z-index: 10;
    height: 56px;
    box-shadow: 0 3px 7px 0 rgba(0,0,0,.07);
}

.tilt-component {
    overflow: hidden;
    position: relative;
}
.top {
    background-color: #4e5358;
    background-image: linear-gradient(to top,#4e5358,#25282a);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    height: 500px;
    position: relative;
}
.index-top {
    background-image: url(../images/index_bk-3aa434c1ab.jpg);
}
.index-top .top-content {
    top: 180px;
}
.top-content {
    position: absolute;
    margin: auto;
    top: 130px;
    font-size: 40px;
    height: 40px;
    line-height: 1;
    text-align: center;
    width: 100%;
}
.normal-width {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
}
.top-nav {
    height: 56px;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1000;
}
.top-nav-ul {
    display: block!important;
}
.top-nav-ul {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 56px;
    line-height: 56px;
    right: 0;
    margin-top: auto;
    margin-bottom: auto;
}
.top-nav-ul .top-nav-left {
    float: left;
    margin: 0 10px;
    padding: 0 5px;
    transition: .3s;
}
.top-nav-ul-drop-down-able {
    position: relative;
}
.top-nav-ul .top-nav-right {
    float: right;
    transition: .3s;
    margin-left: 5px;
}

.top-nav-ul>a, .top-nav-ul>div {
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    position: relative;
    font-size: 14px;
}
.top-nav-ul .top-nav-right .top-contact {
    margin-right: 20px;
}
.top-nav-ul .top-nav-right a, .top-nav-ul .top-nav-right div {
    float: right;
    margin: 0 10px;
}
.top-nav-ul .top-contact, .top-nav-ul .top-login {
    position: relative;
    padding-left: 25px;
}
.top-nav-ul .top-nav-right .top-contact .top-contact-img {
    width: 20px;
    height: 20px;
    vertical-align: text-top;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/top-contactus-white-75ba34ed4c.png);
    background-size: 20px 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
}
.top-nav-ul .top-login .top-login-img {
    width: 20px;
    height: 20px;
    vertical-align: text-top;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/top-login-white-043cfc3ed5.png);
    background-size: 20px 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
}
.top-nav-logo {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    left: 0;
    height: 29px;
    width: 148px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/white_logo-a0665f8c1b.png);
}
.white-top-nav .top-nav-logo {
    height: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/black_logo-9c27413b73.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.white-top-nav .top-nav-right .top-login .top-login-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/top-login-black-5c53a6a0ae.png);
}
.white-top-nav .top-nav-right .top-contact .top-contact-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/top-contactus-black-4b50b6df0a.png);
}
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}
.top-nav-ul .top-contact .top-contact-label, .top-nav-ul .top-contact .top-login-label, .top-nav-ul .top-login .top-contact-label, .top-nav-ul .top-login .top-login-label {
    display: inline-block;
}
.top-login {
    height: 56px;
}
a:link {
    color: inherit;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: inherit;
}
.top-nav-ul>a, .top-nav-ul>div {
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    position: relative;
    font-size: 14px;
}
.top-nav>a{
	color: #fff;
}
.top-registered span {
    display: inline-block;
    width: 90px;
    height: 30px;
    background: #307fe2;
    color: #fff;
    border-radius: 4px;
    line-height: 30px;
    text-align: center;
    padding: 0 15px;
}
.top-content .top-content-slogan .main-content-1 {
    font-size: 40px;
    letter-spacing: 8px;
}
.top-content .top-content-slogan .main-content-1-sub {
    font-size: 16px;
    margin-top: 10px;
    font-weight: 300;
}
.top-content .top-content-try {
    height: 40px;
    margin-top: 20px;
}
.top-content .top-content-try .top-content-try-button {
    cursor: pointer;
    width: 160px;
    display: inline-block;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #338fe6;
    background-image: linear-gradient(to bottom,#3d99f0,#307fe2);
    font-size: 14px;
    vertical-align: top;
}
.white-top-nav .top-nav-ul>a, .white-top-nav .top-nav>a, .white-top-nav .top-nav-ul>div {
    color: #000;
}
.index-content .title {
    font-size: 28px;
    font-weight: 500;
    color: #25282a;
}
.index-content {
    padding-top: 40px;
    background: #fff;
}
.index-content a {
    color: #307fe2;
}
.index-content .subtitle {
    margin-top: 5px;
    font-size: 14px;
    color: #25282a;
    max-width: 630px;
}
.index-content .content {
    position: relative;
}
.index-content .index-content1 .content, .index-content .index-content2 .content {
    margin-top: 20px;
    height: 400px;
}
.index-content .index-content-image-1 {
    right: 0;
}
.index-content .index-content1 .index-content-image, .index-content .index-content2 .index-content-image {
    width: 560px;
    height: 370px;
    position: absolute;
    top: 0;
}
.index-content .index-content1 .list .list-img, .index-content .index-content2 .list .list-img {
    display: inline-block;
    vertical-align: middle;
}
.index-content .index-content1 .list-img, .index-content .index-content2 .list-img {
    height: 46px;
    width: 42px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/index_check-7f1bda2f30.png);
}
.index-content .index-content1 .list .list-content, .index-content .index-content2 .list .list-content {
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
    max-width: 500px;
    font-size: 14px;
    line-height: 1.5;
    height: 40px;
}