body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd {
    margin: 0;
    padding: 0;
}

ul, ol {
    list-style-type: none;
}

body {
    font: 14px "Microsoft Yahei", Arial, Helvetica, sans-serif;
    color: #515151;
}

a {
    color: #515151;
    text-decoration: none;
}

    a:hover {
        color: #31a5e7;
    }

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.mt40 {
    margin-top: 40px;
}

.tmzl-nav {
    margin: auto;
    max-width: 1200px;
}

.navbar-header a {
    float: left;
    margin: 10px 30px 10px 15px;
    ;
    text-decoration: none;
}

.tmzl-nav-txt {
    width: 100%;
}

    .tmzl-nav-txt ul {
        margin-bottom: 0;
    }

        .tmzl-nav-txt ul li {
            list-style: none;
            float: left;
            width: 96px;
            height: 80px;
            line-height: 80px;
            text-align: center;
        }

            .tmzl-nav-txt ul li a {
                color: #fff;
                display: block;
                width: 100%;
                height: 100%;
                transition: background 1s;
                -moz-transition: background 1s; /* Firefox 4 */
                -webkit-transition: background 1s; /* Safari and Chrome */
                -o-transition: background 1s; /* Opera */
            }

                .tmzl-nav-txt ul li a:hover {
                    background-color: #ffb000;
                }

.tmzl-nav-right {
    float: right;
    font-size: 18px;
}

    .tmzl-nav-right span {
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        line-height: 80px;
    }

@media (max-width:1120px) {
    .tmzl-nav-right {
        display: none
    }
}

@media (max-width:888px) {
    .tmzl-nav-txt ul li {
        float: none;
        height: 60px;
        width: 100%;
        line-height: 60px;
    }
}

.buy-now {
    position: absolute;
    right: 0;
    width: 230px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #fff;
}

.wechat_box {
    position: absolute;
    right: 6%;
    bottom: 5%;
    width: 60px;
    height: 60px;
    z-index: 1000;
}

.wechat {
    width: 58px;
    height: 58px;
    border: 1px solid #cfcfcf;
    background: #fff url(/images/CompanyHome/wechat_icon.png) center no-repeat;
    cursor: pointer;
    transition: background 1s;
    -moz-transition: background 1s; /* Firefox 4 */
    -webkit-transition: background 1s; /* Safari and Chrome */
    -o-transition: background 1s; /* Opera */
}

.wechat_qr {
    margin-top: -253px;
    margin-left: -45px;
    width: 157px;
    height: 192px;
    background: url(/Images/CompanyHome) center no-repeat;
    display: none;
    padding-bottom: 18px;
}

    .wechat_qr p {
        position: relative;
        bottom: -155px;
        color: #666;
        text-align: center;
    }

.wechat_box:hover .wechat {
    width: 60px;
    height: 60px;
    border: none;
    background: #ffc000 url(/images/CompanyHome/wechat_icon_over.png) center no-repeat;
}

.wechat_box:hover .wechat_qr {
    display: block;
}

.center-wrap {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.desc {
    position: relative;
    z-index: 1;
}

.section {
    overflow: hidden;
}

    .section h1 {
        margin-bottom: 20px;
        line-height: 1.4;
        font-size: 40px;
        font-weight: 400;
    }

    .section p {
        line-height: 25px;
    }

.banner {
    background: url(/images/CompanyHome/banner_bg.jpg) 50% 0 no-repeat;
}

.banner-box {
    width: 1200px;
    padding: 0 10px;
    position: absolute;
    top: 20%;
    z-index: 1;
    display: none;
}

.banner-box-2 {
    width: 1200px;
    padding: 0 40px;
    position: absolute;
    top: 20%;
    z-index: 1;
    display: none;
}

.banner-desc {
    width: 557px;
    color: #0e4292;
}

    .banner-desc h1 {
        text-align: left;
        font-size: 30px;
    }

    .banner-desc p {
        font-size: 20px;
        line-height: 35px;
    }

.banner-img, .banner-img-02, .banner-img-03, .banner-img-04, .solution-img, .solution-img-02 {
    float: right;
}

.banner-img {
    width: 766px;
    height: 538px;
    margin-top: -120px;
    background: url(/images/CompanyHome/banner_01.png) center no-repeat;
}

.banner-img-02 {
    width: 752px;
    height: 373px;
    background: url(/images/CompanyHome/banner_02.png) center no-repeat;
}

.banner-img-03 {
    width: 522px;
    height: 557px;
    margin-right: 100px;
    background: url(/images/CompanyHome/banner_03.png) center no-repeat;
}

.banner-img-04 {
    width: 752px;
    height: 780px;
    background: url(/images/CompanyHome/banner_04.png) center no-repeat;
}

.solution-img {
    width: 600px;
    height: 413px;
    margin-top: -300px;
    background: url(/images/CompanyHome/solution_centre.png) right no-repeat;
}

.solution-img-02 {
    width: 600px;
    height: 347px;
    margin-top: -300px;
    margin-right: 0px;
    background: url(/images/CompanyHome/solution_centre_02.png) right no-repeat;
}

.thin {
    background: url(/images/CompanyHome/bg_02.jpg) 50% 0 no-repeat;
}

.title-txt {
    width: 1200px;
    margin: 0 auto;
}

    .title-txt > span {
        position: absolute;
        top: 20%;
        font-size: 16px;
        font-weight: bold;
    }

.thin-desc {
    margin: 0 auto;
    padding-top: 20%;
    text-align: center;
    display: none;
}

    .thin-desc ul li {
        list-style: none;
        float: left;
        margin: 0 120px 138px;
    }

.img_hover_01, .img_hover_02, .img_hover_03, .img_hover_04, .img_hover_05, .img_hover_06 {
    width: 160px;
    height: 160px;
    border-radius: 80px;
    border: none;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
    top: 0;
    transition: background 0.5s, box-shadow 1s, top 0.5s;
    -moz-transition: background 0.5s, box-shadow 1s, top 0.5s; /* Firefox 4 */
    -webkit-transition: background 0.5s, box-shadow 1s, top 0.5s; /* Safari and Chrome */
    -o-transition: background 0.5s, box-shadow 1s, top 0.5s; /* Opera */
}

.img_hover_01 {
    background: url(/images/CompanyHome/icon_01.png);
}

.img_hover_02 {
    background: url(/images/CompanyHome/icon_02.png);
}

.img_hover_03 {
    background: url(/images/CompanyHome/icon_03.png);
}

.img_hover_04 {
    background: url(/images/CompanyHome/icon_04.png);
}

.img_hover_05 {
    background: url(/images/CompanyHome/icon_05.png);
}

.img_hover_06 {
    background: url(/images/CompanyHome/icon_06.png);
}

    .img_hover_01:hover, .img_hover_02:hover, .img_hover_03:hover, .img_hover_04:hover, .img_hover_05:hover, .img_hover_06:hover {
        -moz-box-shadow: 0 10px 30px #ffc975; /* 老的 Firefox */
        box-shadow: 0 10px 30px #ffc975;
        position: relative;
        top: -5px;
    }

.img_hover_01:hover {
    background: url(/images/CompanyHome/icon_01_over.png);
}

.img_hover_02:hover {
    background: url(/images/CompanyHome/icon_02_over.png);
}

.img_hover_03:hover {
    background: url(/images/CompanyHome/icon_03_over.png);
}

.img_hover_04:hover {
    background: url(/images/CompanyHome/icon_04_over.png);
}

.img_hover_05:hover {
    background: url(/images/CompanyHome/icon_05_over.png);
}

.img_hover_06:hover {
    background: url(/images/CompanyHome/icon_06_over.png);
}

.thin-img {
    position: absolute;
    top: 168px;
    left: 50%;
    margin-top: 100px;
    margin-left: -600px;
}

    .thin-img img {
        position: absolute;
    }

.thin-img1 {
    left: 230px;
    width: 400px;
}

.thin-img2 {
    left: 480px;
    width: 500px;
}

.solution-desc {
    width: 557px;
    float: left;
    margin-top: 15%;
}

    .solution-desc h1 {
        text-align: left;
        font-size: 30px;
        color: #00bfff;
        margin-bottom: 0;
    }

    .solution-desc p {
        font-size: 16px;
        line-height: 35px;
        color: #666;
        margin-bottom: 15px;
    }

    .solution-desc a {
        display: block;
        width: 138px;
        height: 38px;
        border: 1px solid #00bfff;
        border-radius: 19px;
        color: #00bfff;
        text-align: center;
        font-size: 14px;
        line-height: 38px;
        margin-top: 30px;
        cursor: pointer;
        transition: background 1s, color 0.5s;
        -moz-transition: background 1s, color 0.5s; /* Firefox 4 */
        -webkit-transition: background 1s, color 0.5s; /* Safari and Chrome */
        -o-transition: background 1s, color 0.5s; /* Opera */
    }

        .solution-desc a:hover {
            color: #fff;
            border: none;
            background-color: #ffc000;
        }

.cnc {
    background: url(/images/CompanyHome/bg_03.jpg) center 0 no-repeat;
}

.cnc-desc {
    padding-top: 40%;
    width: 400px;
}

.screen {
    background: url(/images/CompanyHome/bg_04.jpg) center 0 no-repeat;
}

.screen-desc {
    position: relative;
    width: 540px;
    padding-top: 100px;
    z-index: 1;
}

.parameters-list {
    margin-top: 28px;
    width: 230px;
}

    .parameters-list li {
        position: relative;
        border-top: #333 1px solid;
        border-bottom: #333 1px solid;
        margin-bottom: -1px;
    }

        .parameters-list li h2 {
            font-size: 32px;
            font-weight: 400;
            height: 80px;
            line-height: 80px;
            margin-top: 0 !important;
        }

        .parameters-list li i {
            display: inline-block;
            position: absolute;
            top: 66px;
            font-size: 12px;
        }

        .parameters-list li span {
            position: absolute;
            top: 30px;
            right: 0;
            font-size: 14px;
        }

        .parameters-list li.ps h2 {
            position: relative;
            line-height: 90px;
        }

        .parameters-list li.ps span {
            top: 26px;
        }

.screen-img {
    position: absolute;
    margin: 0 auto;
    left: 32%;
}

.case-desc {
    top: 25%;
    display: none;
}

    .case-desc ul li {
        width: 656px;
        list-style: none;
        margin: 0 auto;
        text-align: center;
    }

        .case-desc ul li h1 {
            color: #00bfff;
            font-size: 30px;
        }

.screen-img-left {
    position: absolute;
    left: 10%;
    top: 30%;
    background: url(/images/CompanyHome/left.png) no-repeat;
    width: 38px;
    height: 70px;
}

.screen-img-right {
    position: absolute;
    right: 10%;
    top: 30%;
    background: url(/images/CompanyHome/right.png) no-repeat;
    width: 38px;
    height: 70px;
}


.footer-link {
    padding: 20px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #303030;
}

    .footer-link dl {
        float: left;
        width: 10%;
    }

    .footer-link dt {
        line-height: 45px;
    }

    .footer-link dd {
        line-height: 28px;
    }

    .footer-link a {
        color: #fff;
        text-decoration: none;
    }

        .footer-link a:hover {
            color: #00bfff;
        }

.footer-link-ul-li {
    list-style: none;
    float: left;
    color: #878787;
}

.li-style {
    float: right;
    color: #878787;
}

#fp-nav ul li:first-child, #fp-nav ul li:last-child {
    display: none;
}

.copyrights {
    text-indent: -9999px;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

@media screen and (min-width:1920px) {
    .banner {
        background: url(/images/CompanyHome/banner_bg.jpg) center 0 no-repeat;
    }

    .thin {
        background: url(/images/CompanyHome/bg_02.jpg) center 0 no-repeat;
    }

    .cnc {
        background: url(/images/CompanyHome/bg_03.jpg) center 0 no-repeat;
    }

    .screen {
        background: url(/images/CompanyHome/bg_04.jpg) center 0 no-repeat;
    }

    .cnc-desc {
        padding-top: 50%;
    }

    .thin-img {
        margin-top: 100px;
        margin-left: -720px;
    }

    .thin-img2 {
        left: 400px;
    }

    .thin-img1 {
        left: 230px;
        width: auto;
    }

    .thin-img2 {
        left: 480px;
        width: auto;
    }

    .screen-desc {
        padding-top: 200px;
    }

    .cpu-img {
        position: absolute;
        bottom: -300px;
        left: 50%;
        margin-left: -666px;
    }

        .cpu-img img {
            width: 1200px;
        }

    .net-img {
        top: 16%;
        left: 0;
    }

    .battery-img img {
        width: 1200px;
    }

    .flyme-img {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -600px;
        padding-top: 400px;
        width: 1200px;
        height: 752px;
        z-index: 1;
    }

        .flyme-img img {
            position: absolute;
        }

    .flyme-pic1 {
        left: 0;
        padding-top: 60px;
        width: auto;
    }

    .flyme-pic2 {
        left: 368px;
        width: auto;
        z-index: 1;
    }

    .flyme-pic3 {
        left: 755px;
        padding-top: 60px;
        width: auto;
    }

    .parameters-list li h2 {
        height: 100px;
        line-height: 100px;
    }
}

@media screen and (max-width:1440px) {
}
/*以上是首页样式*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.body-bg {
    background: #f7f7f7;
}

.law-main {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 100px;
}

.law-main-left {
    max-width: 147px;
}

    .law-main-left ul li {
        list-style: none;
        padding: 15px;
        text-align: center;
        font-size: 18px;
        color: #333;
    }

.law-main-right {
    max-width: 1025px;
    padding: 15px;
    background: #FFF;
}

.copyright {
    margin: 40px 0;
}

    .copyright p {
        font-size: 14px;
        color: #999;
        text-align: center;
    }
/*以上是法律声明和隐私保护样式*/
.cooperation-banner {
    height: 400px;
    background: url( /images/CompanyHome/cooperation-banner.jpg) no-repeat center;
}

.banner-main-txt {
    width: 100%;
    padding-top: 223px;
    text-align: center;
}

    .banner-main-txt span {
        font-size: 34px;
        color: #fff;
        font-weight: bold;
    }

.cooperation-main {
    max-width: 1200px;
    margin: 0 auto;
}

.cooperation-main-top {
    margin-top: 120px;
}

.main-top-title {
    font-size: 34px;
    color: #333;
    font-weight: bold;
    margin-bottom: 40px;
}

.main-top-txt {
    border: 1px solid #f2f2f2;
    padding: 15px;
}

    .main-top-txt p {
        font-size: 14px;
        color: #333;
        line-height: 21px;
    }

        .main-top-txt p span {
            font-weight: bold;
            color: #00bfff;
        }

.main-form {
    max-width: 700px;
    margin: 0 auto;
}

    .main-form ul li {
        list-style: none;
        font-size: 14px;
        color: #333;
    }

.txt-style-a, .txt-style-b {
    width: 100%;
    border: 1px solid #999;
    padding: 10px;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 40px;
}

.txt-style-b-box {
    float: left;
    width: 345px;
}

.btn-style {
    font-size: 18px;
    color: #fff;
    width: 100%;
    background: #00bfff;
    border: none;
    cursor: pointer;
    height: 40px;
    transition: background 0.5s, box-shadow 1s, top 0.5s;
    -moz-transition: background 0.5s, box-shadow 1s, top 0.5s; /* Firefox 4 */
    -webkit-transition: background 0.5s, box-shadow 1s, top 0.5s; /* Safari and Chrome */
    -o-transition: background 0.5s, box-shadow 1s, top 0.5s; /* Opera */
}

    .btn-style:hover {
        background: #ffc000;
    }
/*以上是成为合作伙伴页面*/
* {
    margin: 0;
    padding: 0;
}

.help-banner {
    height: 400px;
    background: url( /images/CompanyHome/help-banner.jpg) no-repeat center;
}

.help-banner-main {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 180px;
}

.help-banner-main-txt {
    width: 340px;
}

    .help-banner-main-txt span {
        font-size: 24px;
        color: #333;
        font-weight: bold;
    }

.help-btn-box {
    margin-top: 36px;
}

    .help-btn-box a {
        display: block;
        width: 140px;
        height: 36px;
        border-radius: 18px;
        background: #00bfff;
        font-size: 14px;
        color: #fff;
        padding: 9px 42px;
        float: left;
        margin-right: 30px;
        cursor: pointer;
        transition: background 0.5s, box-shadow 1s, top 0.5s;
        -moz-transition: background 0.5s, box-shadow 1s, top 0.5s; /* Firefox 4 */
        -webkit-transition: background 0.5s, box-shadow 1s, top 0.5s; /* Safari and Chrome */
        -o-transition: background 0.5s, box-shadow 1s, top 0.5s; /* Opera */
    }

        .help-btn-box a:hover {
            background: #ffc000;
            color: #fff;
        }

.help-qr {
    background: url(/images/CompanyHome/qr-xz.jpg) no-repeat center;
    width: 110px;
    height: 110px;
    position: relative;
    top: 46px;
    left: 185px;
    display: none;
}

.help-and:hover .help-qr {
    display: block;
}

.help-and:hover a {
    background: #ffc000;
    color: #fff;
}

.help-a-span-ios, .help-a-span-and {
    display: block;
    width: 15px;
    height: 18px;
    background: url(/images/CompanyHome/icon_ios.png) no-repeat center;
    float: left;
    margin-right: 10px;
}

.help-a-span-ios {
    background: url(/images/CompanyHome/icon_ios.png) no-repeat center;
}

.help-a-span-and {
    background: url(/images/CompanyHome/icon_and.png) no-repeat center;
}

.help-ul li {
    list-style: none;
    border: 1px solid #f2f2f2;
    width: 343px;
    height: 168px;
    padding: 24px 0;
    float: left;
}

.help-ul-li-style {
    margin: 0 82px;
}

.help-ul-li-span-a, .help-ul-li-span-b, .help-ul-li-span-c {
    display: block;
    width: 104px;
    height: 79px;
    margin: 0 auto;
}

.help-ul li p {
    text-align: center;
    font-size: 18px;
    color: #333;
    margin-top: 10px;
}

.help-ul-li-span-a {
    background: url(/images/CompanyHome/zx_icon.png) center no-repeat;
}

.help-ul-li-span-b {
    background: url(/images/CompanyHome/email_icon.png) center no-repeat;
}

.help-ul-li-span-c {
    background: url(/images/CompanyHome/phone_icon.png) center no-repeat;
}
/*以上是帮助页面样式*/

.banner_small {
    margin-top: 110px;
    height: 460px;
}

.banner_small_title {
    padding-top: 84px;
    font-weight: bold;
    font-size: 48px;
    color: #ffffff;
    /*- webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);*/
    text-shadow:0px 2px 3px #000000;
}

.banner_small_title_eng {
    font-weight:normal;
    /*margin-top: 10px;*/
    /*font-family: 'Microsoft YaHei';*/
    font-size:20px;
    color:#ffffff;
    text-align:center;
}

.login_float {
    border-radius: 3px;
    background:rgba(255,255,255,0.96);
    z-index: 2;
    margin-top: -44px;
    position: absolute;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.08);
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.08);
}

.login_user {
    /*max-width: 319px;*/
    height: 42px;
    margin-bottom:15px;
}

.login_pwd {
    margin-left: 35px;
    margin-bottom: 15px;
    /*max-width: 319px;*/
}

.login_code {
    margin-left: 35px;
    margin-bottom: 15px;
    /*max-width: 319px;*/
    height: 42px;
}

.login-banner {
    padding: 100px 0 50px;
    height: 580px;
}

.login-banner-main {
    max-width: 1200px;
    margin: 0 auto;
}

.login-banner-main-box {
    max-width: 476px;
    padding: 42px 30px;
    background: #fff;
    float: right;
    box-shadow: 0 10px 30px #ccc;
}

    .login-banner-main-box ul li {
        width: 100%;
        list-style: none;
        height: 50px;
        border: 1px solid #cccccc;
        padding: 0 10px;
        margin-bottom: 10px;
    }

.login-banner-main-box-img {
    height: 100%;
    width: 27%;
}

body:nth-of-type(1) .login-banner-main-box-img {
}

/**
    二级自定义界面 begin
*/

.self_login-banner {
    padding: 100px 0 50px;
    height: 580px;
}

.self_login-banner-main {
    max-width: 1200px;
    margin: 0 auto;
}

.self_login-banner-main-box {
    max-width: 490px;
    padding: 72px 55px;
    background: #fff;
    float: right;
    box-shadow: 0 10px 30px #ccc;
}

    .self_login-banner-main-box ul li {
        width: 100%;
        list-style: none;
        height: 42px;
        border: 1px solid #cccccc;
        padding: 0 15px;
        margin-bottom: 10px;
    }

.self_login-banner-main-box-img {
    height: 100%;
    width: 27%;
}

.self_login-box-txt {
    font-size: 14px;
    border: none;
    height: 40px;
    width: 87%;
    outline: none;
}

.self_login-box-code-txt {
    border: 1px solid #cccccc;
    height: 42px;
    width: 259px;
    margin-right: 10px;
    padding-left: 12px;
    outline: none;
}

.self_login-box-btn {
    width: 100%;
    height: 42px;
    font-size: 18px;
    border: none;
    background: #1955a7;
    color: #fff;
    transition: background 1s;
    -moz-transition: background 1s; /* Firefox 4 */
    -webkit-transition: background 1s; /* Safari and Chrome */
    -o-transition: background 1s; /* Opera */
}

    .self_login-box-btn:hover {
        background: #ffc000;
    }

.self_login-box-btn-margin {
    margin-bottom: 5px;
}

.self_register_box_btn {
    width: 100%;
    height: 42px;
    font-size: 18px;
    border: none;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #fff;
    color: #77838f;
    border: 1px #e4e3ec solid;
    transition: background 1s;
    -moz-transition: background 1s; /* Firefox 4 */
    -webkit-transition: background 1s; /* Safari and Chrome */
    -o-transition: background 1s; /* Opera */
}

    .self_register_box_btn:hover {
        color: #fff;
        background-color: #ffc009;
    }

.self_login-memory {
    margin-bottom: 52px;
}

    .self_login-memory span {
        font-size: 14px;
        color: #76838f;
    }

.self_tmzl-nav-txt {
    width: 100%;
}

    .self_tmzl-nav-txt ul {
        margin-bottom: 0;
    }

        .self_tmzl-nav-txt ul li {
            list-style: none;
            float: left;
            width: 96px;
            height: 60px;
            line-height: 60px;
            text-align: center;
        }

            .self_tmzl-nav-txt ul li a {
                color: #fff;
                display: block;
                width: 100%;
                height: 100%;
                transition: background 1s;
                -moz-transition: background 1s; /* Firefox 4 */
                -webkit-transition: background 1s; /* Safari and Chrome */
                -o-transition: background 1s; /* Opera */
            }

                .self_tmzl-nav-txt ul li a:hover {
                    background-color: #ffb000;
                }

.self_login-main-txtBox {
    margin-top: 100px;
}

    .self_login-main-txtBox > span {
        text-align:left;
        font-size: 18px;
        color:#707070;
    }

.self_login-main-txtBox-txt {
    margin-top: 50px;
    font-size: 14px;
}

.pl55 {
    padding-left:55px;
}

.mt50 {
    margin-top:50px;
}

.model-title {
    font-size: 18px;
    color: #001a47;
    font-weight: bold
}

.nobottom {
    margin-bottom:0 !important;
}

/**
    二级自定义界面 end
*/

.login-user {
    position:absolute;
    z-index:10;
    float:left;
    width: 20px;
    height: 21px;
    background: url(/images/CompanyHome/user_icon.png) no-repeat center;
}

.login-box-user {
    /*position:absolute;*/
    z-index:5;
    height:40px;
    padding-left:40px;
    width:100%;
    font-weight:lighter;
    font-size:14px;
    color:#999999;
    border-radius:21px;
    background-color:#ffffff;
    border:1px solid #cccccc;
}

.login-box-span-user, .login-box-span-password {
    display: block;
    float: left;
    width: 26px;
    margin: 12px 20px 0 0;
}

.login-box-span-user {
    height: 27px;
    background: url(/images/CompanyHome/user_icon.png) no-repeat center;
}

.login-box-span-password {
    height: 28px;
    background: url(/images/CompanyHome/password_icon.png) no-repeat center;
}

.login-box-txt {
    font-size: 16px;
    border: none;
    height: 48px;
    width: 87%;
    outline: none;
}

.login-box-code-txt {
    border: 1px solid #cccccc;
    height: 50px;
    width: 274px;
    margin-right: 10px;
    padding-left: 12px;
    outline: none;
}

.login-box-checkbox {
    width: 14px;
    height: 14px;
}

.login-memory {
    margin-bottom: 20px;
}

    .login-memory span {
        font-size: 13px;
        color: #999999;
    }

#borderExampleCheckbox {
    margin: 0;
    width: 16px;
    height: 16px;
}

.login-box-btn {
    width: 100%;
    height: 50px;
    font-size: 18px;
    border: none;
    background: #00bfff;
    color: #fff;
    transition: background 1s;
    -moz-transition: background 1s; /* Firefox 4 */
    -webkit-transition: background 1s; /* Safari and Chrome */
    -o-transition: background 1s; /* Opera */
}

    .login-box-btn:hover {
        background: #ffc000;
    }

.register_box_btn {
    width: 100%;
    height: 50px;
    font-size: 18px;
    border: none;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #fff;
    color: #ffc009;
    border: 1px solid;
    transition: background 1s;
    -moz-transition: background 1s; /* Firefox 4 */
    -webkit-transition: background 1s; /* Safari and Chrome */
    -o-transition: background 1s; /* Opera */
}

    .register_box_btn:hover {
        color: #fff;
        background-color: #ffc009;
    }

.login-box-btn-margin {
    margin-bottom: 5px;
}

.login-box-hintTxt span {
    font-size: 14px;
    color: #999;
}

input::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}

.login-main {
    max-width: 1200px;
    margin: 0 auto;
}

.login-main-txtBox {
    margin-top: 40px;
}

    .login-main-txtBox > span {
        font-size: 34px;
    }

.login-main-txtBox-txt {
    background-color: #f8f8f8;
    padding: 15px;
    margin-top: 40px;
    min-height: 400px;
    font-size: 14px;
}

.login-scope-box, .login-scope-box02 {
    width: 48.7%;
    height: 256px;
}

.login-scope-box {
    margin-right: 30px;
}

.login-main-scope, .login-main-zz {
    width: 100%;
    padding: 46px 0;
}

.login-main-scope {
    background: url(/images/CompanyHome/scope_bg.jpg) center no-repeat;
}

.login-main-zz {
    background: url(/images/CompanyHome/zz_bg.jpg) center no-repeat;
}

    .login-main-scope span, .login-main-zz span {
        display: block;
        height: 86px;
        margin: 0 auto;
    }

.login-main-scope span {
    width: 82px;
    background: url(/images/CompanyHome/scope_icon.png) center no-repeat;
}

.login-main-zz span {
    width: 82px;
    background: url(/images/CompanyHome/zz_icon.png) center no-repeat;
}

.login-main-scope-line {
    width: 38px;
    height: 2px;
    background: #fff;
    margin: 0 auto;
}

.login-main-scope h3, .login-main-zz h3, .login-main-scope-b h3, .login-main-zz-b h3 {
    margin: 30px 0 20px;
    text-align: center;
    color: #fff;
}

.login-main-scope-b, .login-main-zz-b {
    width: 100%;
    height: 256px;
    display: none;
}

.login-main-scope-b {
    padding: 1px 5px 0 15px;
    background: url(/images/CompanyHome/scope02_bg.jpg) center no-repeat;
}

.login-main-zz-b {
    padding: 1px 5px 0 15px;
    background: url(/images/CompanyHome/zz02_bg.jpg) center no-repeat;
}

.login-main-scope-b ul {
    margin-top: 20px;
}

    .login-main-scope-b ul li {
        list-style: none;
        float: left;
        background: #fff;
        width: 48.2%;
        height: 15.6%;
        margin: 0 10px 10px 0;
        text-align: center;
        padding: 10px 0;
    }

.login-main-scope-b > ul > li > span {
    font-size: 14px;
    color: #666;
}

.login-scope-box:hover .login-main-scope-b, .login-scope-box02:hover .login-main-zz-b {
    display: block;
}

.login-scope-box:hover .login-main-scope, .login-scope-box02:hover .login-main-zz {
    display: none;
}

.login-main-zz-b ul {
    margin-top: 20px;
}

    .login-main-zz-b ul li {
        list-style: none;
        float: left;
        background: #fff;
        width: 48.2%;
        height: 15.6%;
        margin: 0 10px 10px 0;
        text-align: center;
        padding: 10px 0;
    }

.login-main-zz-b > ul > li > span {
    font-size: 14px;
    color: #666;
}

@media (max-width:1169px) {
    .login-scope-box, .login-scope-box02 {
        width: 48.5%;
    }

    .login-main-scope-b ul li {
        width: 48%;
    }
}

@media (max-width:1150px) {
    .login-scope-box, .login-scope-box02 {
        width: 48.2%;
    }

    .login-main-scope-b ul li {
        width: 40%;
    }
}

@media (max-width:1024px) {
    .login-main-scope-b ul li {
        width: 47.8%;
    }

    .login-main-zz-b > p {
        font-size: 14px;
        line-height: 28px;
    }
}

@media (max-width:849px) {
    .login-scope-box, .login-scope-box02 {
        width: 48%;
    }
}

@media (max-width:768px) {
    .login-scope-box, .login-scope-box02 {
        width: 47%;
    }

    .login-main-scope-b ul li {
        width: 46%;
    }

    .login-banner-main-box {
        float: none;
        margin: 0 auto;
    }

    .login_user {
        max-width: unset !important;
    }

    .login_pwd {
        margin-left: unset !important;
        max-width: unset !important;
    }

    .login_code {
        margin-left: unset !important;
        max-width: unset !important;
    }
}

@media (max-width:425px) {
    .login-scope-box, .login-scope-box02 {
        width: 100%;
    }

    .login-main-scope-b ul li {
        width: 47.2%;
    }

    .login-banner-main-box {
        padding: 42px 10px;
        background: #fff;
    }

    .login-box-txt {
        width: 86%;
    }

    .login-box-code-txt {
        width: 64.5%;
    }

    .login_user {
        max-width: unset !important;
    }

    .login_pwd {
        margin-left: unset !important;
        max-width: unset !important;
    }

    .login_code {
        margin-left: unset !important;
        max-width: unset !important;
    }
}

@media (max-width:375px) {
    .login-main-scope-b ul li {
        width: 47%;
    }

    .login-box-txt {
        width: 85%;
    }
}

@media (max-width:320px) {
    .login-main-scope-b ul li {
        width: 46.2%;
    }

    .login-box-txt {
        width: 82%;
    }
}

.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}

.ibox-title {
    cursor: move;
}

    .ibox-title h1,
    .ibox-title h2,
    .ibox-title h3,
    .ibox-title h4,
    .ibox-title h5 {
        margin-top: 5px;
    }


.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid solid none;
    border-width: 4px 0px 0;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px;
}

    .ibox-title h5 {
        display: inline-block;
        font-size: 16px;
        margin: 0 0 7px;
        padding: 0;
        text-overflow: ellipsis;
        float: left;
    }

    .ibox-title .label {
        float: left;
        margin-left: 4px;
    }

    /*.ibox-title h5 {
        float: right;
    }*/

    .ibox-title .ibox-content {
        border-width: 1px;
    }


.ibox-tools {
    display: inline-block;
    float: right;
    margin-top: 0;
    position: relative;
    padding: 0;
}

.ibox-content {
    clear: both;
}

.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0px;
}

    .ibox-content li a {
        color: #515151
    }

        .ibox-content li a:hover {
            color: #337ab7
        }

.more-link span {
    color: #515151;
    font-size: 16px;
}

    .more-link span:hover {
        color: #337ab7
    }