@font-face { font-family: "iconfont"; src: url("iconfont.eot?t=1552639360268"); /* IE9 */ src: url("iconfont.eot?t=1552639360268#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALcAAsAAAAABpAAAAKOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqBHIEzATYCJAMICwYABCAFhG0HMBvZBciemjwpUpVkw1CUyvt23QZJiOBrP3Tf3YUAVSYKUKUEqhpoPJAisJXVlZnqGoNCsY7+9z91lzKHUPeqx3JVrKU6Zeb9ZP+8nwvDjenAWBRCLl0krwqEQ9XS1jyrZfsnlrqaAcdMl14geUBzyUiOpPHApgPqxtHI/kme/Yexmwge4GsCjUaVaAd7J12YVYBNgbjtuybMFsKK4uTqhdqGk0W8V6M+vUhD4B3//fivEbMkNRloOHt114GNX8CCfFldukIJIgTjfA0yloFCXGxMnzYhHOaExvSkSXCs2uAXVUWt4qj/PFELVDeDYV38TBIsfdTqBIqcXAXOTLqDNNmcvY2mvut/rfvxe5PO/fDy6lOMfgy+3XuiIkNYvrBZEM16dMbrN1bS7eenW4RWePfutpX1G+M7lfvPeKhdKtL6xP3R0dMEBbQx33eu2NPiYXPD5/84sqwjzRAYI9ph9ndgA6Aa5ie5SUNw/M70lY3j2YUCfnr/hAerYTHMC+rP5gn+mmRgX4llwJJKKGn0JquTkgmNMEYFwN/pd6q+5xadob4gcZDUGUFWb5pYqMuo0WQNtepto9GS/fNNuigTojRg0Z2G0O4VSasvyNp9EQv1BzV6/aFWe0yg0eXourHJbPjz+4pMJgetC/RtmQhk43lR2yY3j0yVl3FWn1Tmx7BeqZVz+5SQWmJPduo2mAUKJWPc096jKJKYKhmQzRWPOW1Vq6LpSxVbxjBvn0JMjDiQ5QLy2aSEoOPZfOXn24grFzGpjqYRfx9RMv70qK6iNoC4r04GNT3KJ5lTrgbGBCQoUgztactIJCKhtHlZgNhYhTchmWqpwmFiqLqyvTb+gSKnDWBIARdltXdl4no5AAAA") format("woff2"), url("iconfont.woff?t=1552639360268") format("woff"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-yonghu:before { content: "\e63f"; }

.container-fluid { padding: 0; }
    .container-fluid .container { padding: 0; }

.welcome-header { background-color: #fff; }
.welcome-header-logo, .logo { padding: 0; float: left; }
    .welcome-header-logo img, .logo img { max-width: 225px; }
.welcome-header-loginbar { line-height: 4em; padding: 0; text-align: right; }
    .welcome-header-loginbar a { display: inline-block; padding: 0 0.5em; color: #333; }
        .welcome-header-loginbar a:hover { text-decoration: none; }
    .welcome-header-loginbar i { color: #949494; font-size: 20px; }
.bg-right-two { margin: 15px 5px 0 0; }
.bg-right-login, .bg-right-register { float: right; position: relative; padding: 0 2em; line-height: 1.5em; cursor: pointer; text-align: center; }
    .bg-right-login ul, .bg-right-register ul { position: absolute; left: 0; display: none; background: #fff; padding: 0.5em 1em 0em; width: 6em; }
    .bg-right-login:hover ul, .bg-right-register:hover ul { display: block; }
    .bg-right-login ul a, .bg-right-register ul a { color: #949494; line-height: 2em; }
        .bg-right-login ul a:hover, .bg-right-register ul a:hover { text-decoration: none; color: #333; }

@media screen and (max-width: 768px) {
    .welcome-header-loginbar { text-align: center; }
        .welcome-header-loginbar a { display: none; }
            .welcome-header-loginbar a:first-child { display: inline-block; }
        .welcome-header-loginbar span { display: none; }
    .bg-right-two { display: none; }
}

.welcome-header-download { padding: 0; text-align: right; float: right; }
    .welcome-header-download button { margin: 1em 0; margin-right: 0.6em; padding: 0.4em 0.4em; background-color: #e70; color: #fff; border-radius: 1.2em; border: 0; }
.welcome-content { background: url("../images/bg-ceny.jpg") no-repeat bottom center; }
.welcome-content-banner { margin-top: 5em; height: 170px; }
    .welcome-content-banner img { width: 100%; }

@media screen and (max-width: 768px) {
    .welcome-content-banner { margin-top: 2.5em; height: 145px; }
        .welcome-content-banner img { height: 140px; width: 100%; }
}

.welcome-content-nav { padding-top: 5em; padding-bottom: 1.5em; border-bottom: 1px solid #b8bac3; }
    .welcome-content-nav li { width: 14.28571%; text-align: center; }
        .welcome-content-nav li a { text-decoration: none; color: #4a4a4a; }
        .welcome-content-nav li img { padding: 0 2em; width: 100%; margin-bottom: 0.8em; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
        .welcome-content-nav li:hover img { -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
        .welcome-content-nav li p { font-size: 18px; }

@media screen and (max-width: 768px) {
    .welcome-content-nav { padding-top: 2em; }
        .welcome-content-nav li { width: 33.33333%; }
            .welcome-content-nav li img { margin-bottom: 0.3em; }
}

.welcome-content-links { padding-bottom: 11.7em; }
    .welcome-content-links a { display: inline-block; width: 12.5%; text-align: center; font-size: 16px; line-height: 2em; float: left; color: #4e4e4e; }
        .welcome-content-links a:hover { color: #eb7b0f; text-decoration: none; }

@media screen and (max-width: 768px) {
    .welcome-content { background: inherit; }
    .welcome-content-links { padding-bottom: 2em; }
        .welcome-content-links a { width: 25%; }
}

.welcome-bottom { padding: 2em; background: url("../images/bootm.jpg") no-repeat bottom center #222; }
    .welcome-bottom .container { position: relative; }
.welcome-bottom-code { width: 140px; position: absolute; right: 45px; top: -9.5em; text-align: center; }
    .welcome-bottom-code img { width: 120px; margin: 5px auto; }
    .welcome-bottom-code p { font-size: 14px; color: #d6d6d6; }
.welcome-bottom-link { width: 78%; padding-bottom: 3em; }
    .welcome-bottom-link a { display: inline-block; padding: 0 1em; line-height: 2.5em; color: #fff; }
        .welcome-bottom-link a:hover { text-decoration: none; }
.welcome-bottom-copy { padding-top: 1em; border-top: 1px solid #4e4e4e; color: #fff; }
    .welcome-bottom-copy a { color: #fff; }
        .welcome-bottom-copy a:hover { text-decoration: none; }

@media screen and (max-width: 768px) {
    .welcome-bottom { padding: 1em; }
    .welcome-bottom-code { display: none; }
    .welcome-bottom-link { width: 100%; }
        .welcome-bottom-link a { padding: 0 0.5em; }
    .top-login-head { display: none; }
}

.bg-center-two { padding: 0; }
.top-login-head { margin-top: 10px; margin-right: 20px; }
    .top-login-head img { width: 35px; height: 35px; border-radius: 50%; margin-right: 10px; }
    .top-login-head a:hover { text-decoration: none; }
    .top-login-head a span { color: #333; }

.bg-right-register li, .bg-right-login li { border-bottom: 1px solid #e6e6e6; margin: 6px 0px; padding-bottom: 6px; }
