* { margin: 0; padding: 0; }
html { height: 100%; margin: 0; padding: 0; }
body { height: 100%; margin: 0; padding: 0; color: #333; font: normal 14px Arial,"Microsoft YaHei"; -webkit-overflow-scrolling: touch; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
input, button, select, textarea { outline: none; }
textarea { -webkit-appearance: none; }
ul, li { list-style-type: none; }
a { color: #52c2fa; cursor: pointer; text-decoration: none; }
    a:hover, a:active { color: #52c2fa; }

.a-0 { color: #fff; cursor: pointer; text-decoration: none; }
    .a-0:hover, .a-0:active { color: #eee; }

.a-3 { color: #ffff99; cursor: pointer; text-decoration: none; }
    .a-3:hover, .a-3:active { color: #ffee99; }

.a-9 { color: #666; cursor: pointer; text-decoration: none; }
    .a-9:hover, .a-9:active { color: #333; }

.c-0 { color: #fff; }
.c-5 { color: #888; }
.c-6 { color: #ff6600; }

.a-r { border-radius: 4px; }
.t-r { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.b-r { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.f-b { font-weight: bold; }

.home-body { background: url("../images/bg_home.png") repeat-x top; }
.framer { height: 100%; width: 1345px; margin: 0px auto; position: relative; }
    .framer .home-logo { height: auto; text-align: center; margin-top: 12px; }
    .framer .home-neck { color: #fff; line-height: 35px; display: flex; display: -webkit-flex; }
    .framer .home-neck-pops { width: 65%; display: flex; display: -webkit-flex; }
        .framer .home-neck-pops div { padding: 0 10px 0 0; }
        .framer .home-neck-pops img { cursor: pointer; }
    .framer .home-neck-tips { width: 35%; line-height: 45px; text-align: right; }

    .framer .home-pops { position: absolute; top: 160px; }
        .framer .home-pops .pops-imgs { text-align: center; position: relative; top: 3px; }
        .framer .home-pops .pops-code { padding: 12px 7px; border-radius: 5px; text-align: center; background: #ccc; display: flex; display: -webkit-flex; }
            .framer .home-pops .pops-code div { padding: 0 5px; }
            .framer .home-pops .pops-code img { height: 120px; }
    .framer .home-tips { position: absolute; top: 189px; right: 530px; }
    .framer .home-maps { line-height: 50px; }
    .framer .home-main { border-radius: 5px; background: #fff;
        /*padding: 20px 15px; */
        border: 1px #ddd solid; }
        .framer .home-main .login-boxs { display: flex; display: -webkit-flex; }
            .framer .home-main .login-boxs .login-advs { width: 65%;
                /*padding: 50px 0; */
                text-align: center; }
            .framer .home-main .login-boxs .login-pans { width: 35%; padding: 50px 0 50px 35px; border-left: 1px #ddd solid; }
                .framer .home-main .login-boxs .login-pans p { line-height: 75px; }
                    .framer .home-main .login-boxs .login-pans p:nth-child(4) { margin-left: 70px; color: #999; }
            .framer .home-main .login-boxs #agent-mobi { height: 35px; width: 300px; text-indent: 5px; border: 1px #00b1ba solid; border-radius: 3px; font: normal 14px Arial,"Microsoft YaHei"; }
            .framer .home-main .login-boxs #agent-code { height: 35px; width: 211px; text-indent: 5px; border: 1px #00b1ba solid; border-radius: 3px; font: normal 14px Arial,"Microsoft YaHei"; }
            .framer .home-main .login-boxs .doSend { padding: 10px 25px; margin-left: 5px; background: #52c2fa; border: none; color: #fff; border-radius: 3px; }
                .framer .home-main .login-boxs .doSend:hover { background: #52c2fa; }
            .framer .home-main .login-boxs .doLogin { padding: 12px 136px; background: #52c2fa; border: none; color: #fff; border-radius: 3px; margin-left: 70px; font-size: 16px; }
                .framer .home-main .login-boxs .doLogin:hover { background: #52c2fa; }

        .framer .home-main .home-navs { line-height: 90px; width: 1230px; margin: 0 auto; }
            .framer .home-main .home-navs a { width: 120px; margin: 0 15px; display: inline-block; line-height: 45px; font-size: 16px; text-align: center; background: #ddd; color: #666; border-radius: 3px; }
                .framer .home-main .home-navs a:hover { font-weight: bold; background: #52c2fa; color: #fff; }
            .framer .home-main .home-navs .curr { font-weight: bold; background: #52c2fa; color: #fff; }
        .framer .home-main .home-sous { width: 1000px; margin: 0 auto; margin-top: 20px; border: 2px #ccc ridge; border-radius: 5px; }
            .framer .home-main .home-sous .home-tbxs { width: 860px; border: none; line-height: 45px; font-size: 16px; text-indent: 5px; }
            .framer .home-main .home-sous .home-btns { width: 127px; border: none; line-height: 35px; font-size: 16px; border-radius: 3px; background: #52c2fa; color: #fff; cursor: pointer; }
        .framer .home-main .home-keys { width: 1000px; margin: 0 auto; margin-top: 15px; }
            .framer .home-main .home-keys a { margin: 0 5px; }

        .framer .home-main .home-advs { width: 1300px; margin: 0 auto; margin-top: 20px; display: flex; display: -webkit-flex; }
            .framer .home-main .home-advs .home-movi { height: 340px; width: 950px; }
            .framer .home-main .home-advs .home-ways { height: 340px; width: 330px; margin-left: 20px; }
                .framer .home-main .home-advs .home-ways .ways-head { padding: 15px 10px 10px 20px; font-size: 18px; font-weight: bold; }
                .framer .home-main .home-advs .home-ways div { height: 100px; width: 100%; }
                .framer .home-main .home-advs .home-ways p { line-height: 20px; color: #666; padding: 0 20px; }
                .framer .home-main .home-advs .home-ways .ways-1 { background: #eee; }
                    .framer .home-main .home-advs .home-ways .ways-1:hover { background: #ddd; }
                .framer .home-main .home-advs .home-ways .ways-2 { background: #eee; margin-top: 20px; }
                    .framer .home-main .home-advs .home-ways .ways-2:hover { background: #ddd; }
                .framer .home-main .home-advs .home-ways .ways-3 { background: #eee; margin-top: 20px; }
                    .framer .home-main .home-advs .home-ways .ways-3:hover { background: #ddd; }

        .framer .home-main .home-peri { width: 1300px; margin: 0 auto; margin-top: 10px; }
            .framer .home-main .home-peri .curr-head { line-height: 50px; font-size: 18px; border-bottom: 1px #ccc solid; }
                .framer .home-main .home-peri .curr-head span { height: 15px; width: 15px; display: inline-block; background: #52c2fa; margin-right: 10px; border-radius: 50%; }
            .framer .home-main .home-peri .curr-body { margin-top: 15px; }
                .framer .home-main .home-peri .curr-body ul { display: flex; display: -webkit-flex; flex-wrap: wrap; }
                    .framer .home-main .home-peri .curr-body ul li { width: 216px; margin: 10px 0; padding-bottom: 10px; }
                        .framer .home-main .home-peri .curr-body ul li p { line-height: 24px; text-align: center; }
                            .framer .home-main .home-peri .curr-body ul li p img { height: 185px; width: 135px; padding: 5px; border: 1px #ccc solid; }
                            .framer .home-main .home-peri .curr-body ul li p:nth-child(2) { line-height: 35px; font-weight: bold; }

        .framer .home-main .home-mixs { width: 1300px; margin: 0 auto; margin-top: 10px; display: flex; display: -webkit-flex; }
            .framer .home-main .home-mixs .part-core { width: 950px; }
            .framer .home-main .home-mixs .core-head { line-height: 50px; font-size: 18px; border-bottom: 1px #ccc solid; }
                .framer .home-main .home-mixs .core-head span { height: 15px; width: 15px; display: inline-block; background: #52c2fa; margin-right: 10px; border-radius: 50%; }
            .framer .home-main .home-mixs .core-body .core-item { display: flex; display: -webkit-flex; }
                .framer .home-main .home-mixs .core-body .core-item .core-imgs { margin: 15px 0 0 0; }
                    .framer .home-main .home-mixs .core-body .core-item .core-imgs img { height: 185px; width: 135px; padding: 5px; border: 1px #ccc solid; }
                .framer .home-main .home-mixs .core-body .core-item .core-info { width: 600px; margin: 15px 0 0 15px; }
                    .framer .home-main .home-mixs .core-body .core-item .core-info p { margin: 0; line-height: 25px; }
                        .framer .home-main .home-mixs .core-body .core-item .core-info p:nth-child(1) { line-height: 35px; font-size: 16px; font-weight: bold; }
                        .framer .home-main .home-mixs .core-body .core-item .core-info p:nth-child(2) { color: #ff6600; }

            .framer .home-main .home-mixs .part-book { width: 950px; }
            .framer .home-main .home-mixs .book-head { line-height: 50px; font-size: 18px; border-bottom: 1px #ccc solid; }
                .framer .home-main .home-mixs .book-head span { height: 15px; width: 15px; display: inline-block; background: #52c2fa; margin-right: 10px; border-radius: 50%; }
            .framer .home-main .home-mixs .book-body { display: flex; display: -webkit-flex; }
                .framer .home-main .home-mixs .book-body .book-item { width: 50%; display: flex; display: -webkit-flex; }
                    .framer .home-main .home-mixs .book-body .book-item .book-imgs { width: 120px; margin: 15px 0 0 0; }
                        .framer .home-main .home-mixs .book-body .book-item .book-imgs img { height: 100px; width: 75px; padding: 10px; border: 1px #ccc solid; }
                    .framer .home-main .home-mixs .book-body .book-item .book-info { width: 250px; margin: 15px 0 0 0; }
                        .framer .home-main .home-mixs .book-body .book-item .book-info p { margin: 0 0 0 15px; line-height: 25px; }
                            .framer .home-main .home-mixs .book-body .book-item .book-info p:nth-child(1) { line-height: 35px; font-size: 16px; font-weight: bold; }
                            .framer .home-main .home-mixs .book-body .book-item .book-info p:nth-child(2) { color: #666; }
                            .framer .home-main .home-mixs .book-body .book-item .book-info p:nth-child(3) { color: #52c2fa; }

            .framer .home-main .home-mixs .book-foot { height: 110px; margin-top: 15px; }

            .framer .home-main .home-mixs .part-pate { width: 950px; }
            .framer .home-main .home-mixs .pate-head { line-height: 50px; font-size: 18px; border-bottom: 1px #ccc solid; }
                .framer .home-main .home-mixs .pate-head span { height: 15px; width: 15px; display: inline-block; background: #52c2fa; margin-right: 10px; border-radius: 50%; }
            .framer .home-main .home-mixs .pate-body .pate-item { display: flex; display: -webkit-flex; }
                .framer .home-main .home-mixs .pate-body .pate-item .pate-imgs { width: 120px; margin: 15px 0 0 0; }
                    .framer .home-main .home-mixs .pate-body .pate-item .pate-imgs img { height: 75px; width: 75px; padding: 10px; border: 1px #ccc solid; }

                .framer .home-main .home-mixs .pate-body .pate-item .pate-info { width: 635px; margin: 15px 0 0 0; }
                    .framer .home-main .home-mixs .pate-body .pate-item .pate-info p { margin: 0 0 0 15px; line-height: 25px; }
                        .framer .home-main .home-mixs .pate-body .pate-item .pate-info p:nth-child(1) { line-height: 30px; font-size: 16px; font-weight: bold; }
                        .framer .home-main .home-mixs .pate-body .pate-item .pate-info p:nth-child(2) { color: #666; }
                        .framer .home-main .home-mixs .pate-body .pate-item .pate-info p:nth-child(3) { color: #52c2fa; }

            .framer .home-main .home-mixs .part-arti { width: 630px; margin-left: 20px; }
                .framer .home-main .home-mixs .part-arti .arti-head { line-height: 50px; font-size: 18px; border-bottom: 1px #ccc solid; }
                    .framer .home-main .home-mixs .part-arti .arti-head span { height: 15px; width: 15px; display: inline-block; background: #52c2fa; margin-right: 10px; border-radius: 50%; }
                .framer .home-main .home-mixs .part-arti .arti-body { }
                    .framer .home-main .home-mixs .part-arti .arti-body ul { }
                        .framer .home-main .home-mixs .part-arti .arti-body ul li { margin-top: 15px; display: flex; display: -webkit-flex; }
                            .framer .home-main .home-mixs .part-arti .arti-body ul li span:nth-child(1) { width: 90%; }

        .framer .home-main .peri-case { padding: 0 0 20px 0; border-bottom: 1px #ccc solid; }
            .framer .home-main .peri-case .case-boxs { display: flex; display: -webkit-flex; margin-top: 5px; }
                .framer .home-main .peri-case .case-boxs div:nth-child(1) { width: 100px; line-height: 22px; }
                .framer .home-main .peri-case .case-boxs div:nth-child(2) { width: 1310px; display: flex; display: -webkit-flex; flex-wrap: wrap; }
                .framer .home-main .peri-case .case-boxs span { width: 70px; line-height: 22px; background: #e5e5e5; color: #666; text-align: center; margin: 0 15px 10px 0; border-radius: 3px; cursor: pointer; }
                    .framer .home-main .peri-case .case-boxs span:hover { background: #52c2fa; color: #fff; }
                .framer .home-main .peri-case .case-boxs .curr { background: #52c2fa; color: #fff; }
                .framer .home-main .peri-case .case-boxs #peri-keys { width: 409px; line-height: 25px; text-indent: 5px; border: 1px #999 solid; border-radius: 3px; font: normal 14px Arial,"Microsoft YaHei"; }
                .framer .home-main .peri-case .case-boxs #name-keys { margin: 7px 3px 0 15px; }
                .framer .home-main .peri-case .case-boxs #code-keys { margin: 7px 3px 0 15px; }
                .framer .home-main .peri-case .case-boxs label { margin: 4px 3px 0 0; }
                .framer .home-main .peri-case .case-boxs .doQuery { padding: 5px 25px; margin-left: 15px; background: #52c2fa; color: #fff; text-align: center; border-radius: 3px; }
                    .framer .home-main .peri-case .case-boxs .doQuery:hover { background: #52c2fa; }
                .framer .home-main .peri-case .case-boxs .doReset { padding: 5px 25px; margin-left: 10px; background: #aaa; color: #fff; text-align: center; border-radius: 3px; }
                    .framer .home-main .peri-case .case-boxs .doReset:hover { background: #999; }

        .framer .home-main .peri-list { display: flex; display: -webkit-flex; flex-wrap: wrap; }
            .framer .home-main .peri-list .peri-item { height: 228px; width: 420px; background: #f3f3f3; margin: 25px 8.5px 0 8.5px; display: flex; display: -webkit-flex; }
                .framer .home-main .peri-list .peri-item .peri-imgs { width: 150px; padding: 10px; text-align: center; }
                    .framer .home-main .peri-list .peri-item .peri-imgs img { height: 175px; width: 135px; padding: 3px; border: 1px #999 solid; }
                    .framer .home-main .peri-list .peri-item .peri-imgs p { color: #666; margin-top: 5px; font-size: 12px; }
                .framer .home-main .peri-list .peri-item .peri-info { width: 270px; overflow: hidden; }
                    .framer .home-main .peri-list .peri-item .peri-info p { line-height: 24px; padding: 0 10px 0 0; }
                        .framer .home-main .peri-list .peri-item .peri-info p:nth-child(1) { line-height: 30px; font-size: 15px; font-weight: bold; margin-top: 10px; }

        .framer .home-main .peri-data { }
            .framer .home-main .peri-data .info-base { display: flex; display: -webkit-flex; }
                .framer .home-main .peri-data .info-base .info-left { width: 26%; }
                    .framer .home-main .peri-data .info-base .info-left .info-imgs { text-align: center; }
                    .framer .home-main .peri-data .info-base .info-left p:nth-child(1) { margin: 0 0 5px 0; font-size: 20px; }
                    .framer .home-main .peri-data .info-base .info-left p:nth-child(2) { margin: 0 0 10px 0; }
                    .framer .home-main .peri-data .info-base .info-left a { width: 310px; margin: 15px 0; line-height: 45px; font-size: 16px; background: #52c2fa; color: #fff; display: inline-block; border-radius: 3px; }
                        .framer .home-main .peri-data .info-base .info-left a:hover { background: #52c2fa; }
                    .framer .home-main .peri-data .info-base .info-left img { height: 400px; width: 300px; padding: 5px; border: 1px #ccc solid; }
                    .framer .home-main .peri-data .info-base .info-left .info-head { line-height: 35px; font-weight: bold; border-bottom: 1px #ccc solid; }
                        .framer .home-main .peri-data .info-base .info-left .info-head span { height: 10px; width: 10px; display: inline-block; background: #52c2fa; margin-right: 5px; border-radius: 50%; }
                    .framer .home-main .peri-data .info-base .info-left .info-body li { line-height: 30px; padding: 0 10px; }
                .framer .home-main .peri-data .info-base .info-right { width: 72%; margin-left: 15px; }
                    .framer .home-main .peri-data .info-base .info-right .info-head { line-height: 35px; font-weight: bold; border-bottom: 1px #ccc solid; }
                        .framer .home-main .peri-data .info-base .info-right .info-head a { width: 40px; line-height: 20px; text-align: center; display: inline-block; background: #52c2fa; color: #fff; border-radius: 3px; margin-left: 10px; }
                            .framer .home-main .peri-data .info-base .info-right .info-head a:hover { background: #52c2fa; }
                        .framer .home-main .peri-data .info-base .info-right .info-head span { height: 10px; width: 10px; display: inline-block; background: #52c2fa; margin-right: 5px; border-radius: 50%; }
                    .framer .home-main .peri-data .info-base .info-right .info-body { display: flex; display: -webkit-flex; flex-wrap: wrap; }
                        .framer .home-main .peri-data .info-base .info-right .info-body p { width: 30%; line-height: 30px; padding: 0 10px; }
                            .framer .home-main .peri-data .info-base .info-right .info-body p a { line-height: 20px; padding: 0 5px; display: inline-block; background: #52c2fa; color: #fff; border-radius: 3px; margin-left: 5px; }
                                .framer .home-main .peri-data .info-base .info-right .info-body p a:hover { background: #52c2fa; }
                            .framer .home-main .peri-data .info-base .info-right .info-body p span { color: #999; }
                    .framer .home-main .peri-data .info-base .info-right .info-line { line-height: 30px; padding: 0 10px; }
                        .framer .home-main .peri-data .info-base .info-right .info-line p span { color: #999; }
                    .framer .home-main .peri-data .info-base .info-right .info-hide { display: none; }

        .framer .home-main .news-data { display: flex; display: -webkit-flex; }
            .framer .home-main .news-data .news-boxs { width: 70%; border-right: 1px #ccc solid; }
                .framer .home-main .news-data .news-boxs .news-head { text-align: center; line-height: 50px; font-size: 20px; font-weight: bold; }
                .framer .home-main .news-data .news-boxs .news-keys { text-align: center; line-height: 35px; font-size: 16px; }
                .framer .home-main .news-data .news-boxs .news-more { text-align: center; line-height: 50px; border-bottom: 1px #ccc solid; }
                    .framer .home-main .news-data .news-boxs .news-more span { margin: 0 15px; }
                .framer .home-main .news-data .news-boxs .news-body { line-height: 25px; padding: 15px; }
                    .framer .home-main .news-data .news-boxs .news-body img { max-width: 80%; }
            .framer .home-main .news-data .news-exts { width: 30%; padding: 0 0 0 15px; }
                .framer .home-main .news-data .news-exts .exts-advs img { width: 100%; }
                .framer .home-main .news-data .news-exts .exts-peri .peri-head { line-height: 50px; font-weight: bold; border-bottom: 1px #ccc solid; }
                    .framer .home-main .news-data .news-exts .exts-peri .peri-head span { height: 10px; width: 10px; display: inline-block; background: #52c2fa; margin-right: 5px; border-radius: 50%; }
                .framer .home-main .news-data .news-exts .exts-peri .peri-body { margin-top: 15px; }
                    .framer .home-main .news-data .news-exts .exts-peri .peri-body ul { display: flex; display: -webkit-flex; flex-wrap: wrap; }
                        .framer .home-main .news-data .news-exts .exts-peri .peri-body ul li { width: 194px; margin: 10px 0; }
                            .framer .home-main .news-data .news-exts .exts-peri .peri-body ul li p { line-height: 24px; text-align: center; }
                                .framer .home-main .news-data .news-exts .exts-peri .peri-body ul li p img { height: 163px; width: 125px; padding: 5px; border: 1px #ccc solid; }
                                .framer .home-main .news-data .news-exts .exts-peri .peri-body ul li p:nth-child(2) { line-height: 35px; font-weight: bold; }

        .framer .home-main .main-boxs { }
            .framer .home-main .main-boxs .main-chat { margin-top: 35px; text-align: center; }
                .framer .home-main .main-boxs .main-chat a { width: 350px; margin: 15px 0; line-height: 45px; text-align: center; font-size: 16px; background: #52c2fa; color: #fff; display: inline-block; border-radius: 3px; }
                    .framer .home-main .main-boxs .main-chat a:hover { background: #52c2fa; }
            .framer .home-main .main-boxs .main-head { font-size: 35px; text-align: center; margin-top: 80px; }
            .framer .home-main .main-boxs .main-body { margin-top: 35px; display: flex; display: -webkit-flex; justify-content: center; }
                .framer .home-main .main-boxs .main-body div { width: 14%; }
                .framer .home-main .main-boxs .main-body .mid { width: 22%; }
                .framer .home-main .main-boxs .main-body img { width: 100px; }
                .framer .home-main .main-boxs .main-body p { text-align: center; }
                    .framer .home-main .main-boxs .main-body p:nth-child(1) { height: 100px; text-align: center; }
                    .framer .home-main .main-boxs .main-body p:nth-child(2) { padding: 10px 5px 5px 5px; font-size: 18px; font-weight: bold; }
                    .framer .home-main .main-boxs .main-body p:nth-child(3) { padding: 5px 15px; color: #666; }
                    .framer .home-main .main-boxs .main-body p:nth-child(4) { padding: 5px 15px; color: #ff6600; }
                    .framer .home-main .main-boxs .main-body p span { color: #333; font-weight: bold; }
            .framer .home-main .main-boxs .faqs-head { line-height: 45px; font-size: 20px; font-weight: bold; border-bottom: 1px #ccc solid; margin-top: 50px; }
                .framer .home-main .main-boxs .faqs-head span { height: 15px; width: 15px; display: inline-block; background: #52c2fa; margin-right: 10px; border-radius: 50%; }
            .framer .home-main .main-boxs .faqs-body p { padding: 0 10px; font-size: 16px; }
            .framer .home-main .main-boxs .faqs-body .ques { margin: 20px 0 10px 0; color: #52c2fa; font-weight: bold; }

            .framer .home-main .main-boxs .corp-boxs { display: flex; display: -webkit-flex; margin-top: 25px; }
                .framer .home-main .main-boxs .corp-boxs .corp-navs { width: 15%; }
                    .framer .home-main .main-boxs .corp-boxs .corp-navs a { width: 200px; margin: 0 0 10px 0; font-size: 16px; line-height: 50px; text-align: center; display: inline-block; background: #52c2fa; color: #fff; }
                        .framer .home-main .main-boxs .corp-boxs .corp-navs a:hover { background: #52c2fa; }
                .framer .home-main .main-boxs .corp-boxs .corp-main { width: 80%; margin-left: 50px; }
                    .framer .home-main .main-boxs .corp-boxs .corp-main .corp-head { line-height: 50px; font-size: 18px; border-bottom: 1px #ccc solid; }
                        .framer .home-main .main-boxs .corp-boxs .corp-main .corp-head span { height: 15px; width: 15px; display: inline-block; background: #52c2fa; margin-right: 10px; border-radius: 50%; }
                    .framer .home-main .main-boxs .corp-boxs .corp-main .corp-body { margin-top: 5px; }
                        .framer .home-main .main-boxs .corp-boxs .corp-main .corp-body p { line-height: 35px; margin-left: 20px; }

    .framer .head { }
    .framer .head-line { height: 3px; background: #ccc; }
    .framer .head-navs { display: flex; display: -webkit-flex; }
        .framer .head-navs .navs-logo { width: 135px; padding: 15px 0;height: 91px; }
            /*.framer .head-navs .navs-logo img { width: 100px; }*/
        .framer .head-navs .navs-link { width: 1200px; text-align: right; }
            .framer .head-navs .navs-link .tips { position: absolute; top: 33px; right: 375px; }
            .framer .head-navs .navs-link .stat {
                line-height: 44px;
                border-radius: 9px;
                border: 1px solid #ddd;
                margin-top:3px;


            }
            .framer .head-navs .navs-link .link { line-height: 35px; }
                .framer .head-navs .navs-link .link a { width: 120px; display: inline-block; line-height: 45px; font-size: 16px; text-align: center; background: #eee; color: #666; }
                    .framer .head-navs .navs-link .link a:hover { font-weight: bold; background: #52c2fa; color: #fff; }
                .framer .head-navs .navs-link .link .curr { font-weight: bold; background: #52c2fa; color: #fff; }

    .framer .foot { min-height: 200px; width: 1345px; margin: 0 auto; margin-top: 20px; background: #eee; border-top-left-radius: 5px; border-top-right-radius: 5px; }
        .framer .foot .foot-icon { }
            .framer .foot .foot-icon ul { border-bottom: 1px #fff solid; display: flex; display: -webkit-flex; justify-content: center; }
                .framer .foot .foot-icon ul li { width: 200px; margin: 45px; font-size: 16px; display: inline-block; text-align: center;color: #52c2fa; }
                    .framer .foot .foot-icon ul li img { height: 35px; vertical-align: middle; margin-right: 10px; }

        .framer .foot .foot-boxs { border-bottom: 1px #fff solid; display: flex; display: -webkit-flex; }
            .framer .foot .foot-boxs .foot-link { width: 70%; display: flex; display: -webkit-flex; }
                .framer .foot .foot-boxs .foot-link ul { width: 33%; margin: 20px 0 20px 75px; }
                    .framer .foot .foot-boxs .foot-link ul li { line-height: 35px; }
                        .framer .foot .foot-boxs .foot-link ul li:first-child { font-size: 16px; }
                        .framer .foot .foot-boxs .foot-link ul li:not(:first-child) { padding-left: 25px; }
                        .framer .foot .foot-boxs .foot-link ul li span { height: 15px; width: 15px; display: inline-block; background: #52c2fa; margin-right: 10px; border-radius: 50%; }
            .framer .foot .foot-boxs .foot-code { width: 30%; display: flex; display: -webkit-flex; }
                .framer .foot .foot-boxs .foot-code div { text-align: center; }
                .framer .foot .foot-boxs .foot-code img { height: 120px; margin: 20px 20px 0 20px; }

        .framer .foot .foot-corp { text-align: center; }
            .framer .foot .foot-corp p { margin: 10px 0 0 0; }
                .framer .foot .foot-corp p:last-child { padding-bottom: 15px; }

.tab-data { width: 100%; border-spacing: 0; border-collapse: collapse; }
    .tab-data .t-l { text-align: left; text-indent: 10px; }
    .tab-data .tab-head { line-height: 35px; text-align: center; font-weight: bold; background: #ddd; }
    .tab-data .tab-body { line-height: 30px; text-align: center; font-size: 12px; }
        .tab-data .tab-body:hover { background: #f5f5f5; }
    .tab-data tr td { padding: 0px; border: 1px solid #ccc; }
        .tab-data tr td img { vertical-align: middle; }
