body { font-family: "微软雅黑", Arial, sans-serif; background: #fff; padding: 0px; margin: 0px; }

a { text-decoration: none; color: #29e; outline: none; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; }

.width1000 { width: 1000px !important; }

.left { text-align: left !important; }

ul { margin: 0px; padding: 0px; }

li { list-style: none; }


.banner-layer { margin: 0 auto; min-width: 1220px; max-width: 1920px; height: 628px; background-color: #c1c1c1; position: relative; }

    .banner-layer .banner-intro-bg { background: url(../images/demo/intro-banner.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .banner-intro1-bg { background: url(../images/demo/intro_ys.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .banner-intro2-bg {
        background: url(../images/demo/intropt-banner.png) top center no-repeat;
        width: 100%;
        height: 100%;
        min-width: 1220px;
    }
    .banner-layer .banner-intro3-bg { background: url(../images/demo/banner-intro3-bg.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .banner-video-bg { background: url(../images/demo/video-banner.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .banner-videodetail-bg { background: url(../images/demo/video-detailbanner.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .banner-cooperate-bg { background: url(../images/demo/cooperate_banner.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .banner-news-bg { background: url(../images/demo/news-banner.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .banner-aboutus-bg { background: url(../images/demo/banner_aboutus.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .banner-qa-bg { background: url(../images/demo/qa_banner.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .banner-qasearch-bg { background: url(../images/demo/qa-search_banner.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .banner-epin-bg { background: url(../images/demo/epin-banner.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .cover { position: absolute; top: 0px; left: 0px; width: 100%; height: 450px; z-index: 9999; }

        .banner-layer .cover .nav { width: 100%; height: 50px; padding-top: 20px; }

            .banner-layer .cover .nav .logo {
                background: url(../images/logo.png) ;
                background-size: 144px 77px;
                cursor: pointer;
            }

            .banner-layer .cover .nav ul { display: inline-block; height: 30px; padding-top: 20px; }

                .banner-layer .cover .nav ul:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

                .banner-layer .cover .nav ul li { float: left; width: 70px; height: 30px; line-height: 30px; text-align: center; margin: 0 3px; }

                    .banner-layer .cover .nav ul li a { font-size: 14px; color: #fff; }

                        .banner-layer .cover .nav ul li a:hover, .banner-layer .cover .nav ul li a.cur { color: #00aaee; }

            .banner-layer .cover .nav .button-layer { position: absolute; right: 30px; width: 200px; top: 40px; color: #fff; }
            .banner-layer .cover .nav .text-layer { position: absolute; margin-left: 15%; margin-top: 5%; }

                .banner-layer .cover .nav .text-layer h1 { color: #fff; font-size: 40px; font-weight: normal; letter-spacing: 2px; }

                .banner-layer .cover .nav .text-layer h2 { color: #9c9ead; font-size: 20px; font-weight: normal; letter-spacing: 1px; }

            .banner-layer .cover .nav .login-button { background: url(../images/login.png) left top no-repeat; width: 56px; height: 26px; border: none; margin-right: 30px; display: inline-block; }

                .banner-layer .cover .nav .login-button:hover { background-image: url(../images/login-hover.png); }

                .banner-layer .cover .nav .login-button:active { background-image: url(../images/login-active.png); }

            .banner-layer .cover .nav .register-button { background: url(../images/register.png) left top no-repeat; width: 56px; height: 26px; border: none; display: inline-block; }

                .banner-layer .cover .nav .register-button:hover { background-image: url(../images/register-hover.png); }

                .banner-layer .cover .nav .register-button:active { background-image: url(../images/register-active.png); }

img { border: 0px; }


.f9 { background-color: #f9f9f9 !important; }

.content-layer { background-color: #fff; position: relative; overflow: hidden; min-width: 1220px; }

.content-layerf9 { background-color: #f9f9f9; position: relative; overflow: hidden; min-width: 1220px; }

.container { width: 1100px; margin: 0 auto; position: relative; }

.vertical-line { float: left; width: 1px; height: 20px; background-color: #dfdfdf; margin-left: 20px; margin-right: 20px; }

.content-layer .notice { width: 1100px; margin: 0 auto; position: relative; margin-top: 26px; margin-bottom: 26px; }

    .content-layer .notice:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

    .content-layer .notice h3 { float: left; font-size: 16px; color: #999; font-weight: normal; margin: 0px; }

    .content-layer .notice a { float: left; font-size: 16px; color: #999; font-weight: normal; margin: 0px; }
        .content-layer .notice a:hover { float: left; font-size: 16px; color: #0ae; font-weight: normal; margin: 0px; }
    .content-layer .notice h3 span { font-size: 14px; color: #999; font-weight: normal; margin: 0px; }

    .content-layer .notice h3:hover { float: left; font-size: 16px; color: #0ae; font-weight: normal; margin: 0px; }

.hide { display: none !important; }

input[type=button] { outline: none; }

.index-bg { background: #000; bottom: 0; height: 100%; opacity: 1; filter: alpha(opacity=100); position: fixed; right: 0; width: 100%; z-index: 10000; }

#indexVideo { position: fixed; background: url(../images/loading.gif) center center no-repeat; background-size: 32px 32px; width: 430px; height: 290px; z-index: 10001; top: 50%; margin-top: -145px; left: 50%; margin-left: -215px; display: none; }

.video-close { color: #29e; font-size: 40px; line-height: 1; top: 3px; right: 20px; position: fixed; z-index: 10002; }

    .video-close:hover { color: #f00; text-decoration: none; }

.to-top { background: url(../images/to-top.png) no-repeat left top; width: 93px; height: 89px; position: fixed; right: 30px; bottom: 20px; z-index: 99; }
    .to-top:hover { background: url(../images/to-top.png) no-repeat left top; width: 93px; height: 89px; background-position-x: 0; background-position-y: -88px; position: fixed; right: 30px; bottom: 20px; z-index: 99; }


.banner-layer { margin: 0 auto; min-width: 1220px; max-width: 1920px; height: 628px; background-color: #c1c1c1; position: relative; }

    .banner-layer .banner-intro-bg { background: url(../images/demo/intro-banner.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .banner-intro1-bg { background: url(../images/demo/intro_ys.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .banner-intro2-bg { background: url(../images/demo/intropt-banner.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }
    .banner-layer .banner-intro3-bg { background: url(../images/demo/banner-intro3-bg.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .banner-video-bg { background: url(../images/demo/video-banner.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .banner-videodetail-bg { background: url(../images/demo/video-detailbanner.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .banner-cooperate-bg { background: url(../images/demo/cooperate_banner.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .banner-news-bg { background: url(../images/demo/news-banner.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .banner-aboutus-bg { background: url(../images/demo/banner_aboutus.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .banner-qa-bg { background: url(../images/demo/qa_banner.png) top center no-repeat; width: 100%; height: 100%; min-width: 1220px; }

    .banner-layer .cover { position: absolute; top: 0px; left: 0px; width: 100%; height: 450px; z-index: 9999; }

        .banner-layer .cover .nav { width: 100%; height: 50px; padding-top: 20px; }

            .banner-layer .cover .nav .logo {
                background: url(../images/logo.png) center center no-repeat;
                width: 128px;
                height: 42px;
                display: inline-block;
                margin-left: 60px;
                background-size: 144px 77px;
            }

            .banner-layer .cover .nav ul { display: inline-block; height: 30px; padding-top: 20px; }

                .banner-layer .cover .nav ul:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

                .banner-layer .cover .nav ul li { float: left; width: 70px; height: 30px; line-height: 30px; text-align: center; margin: 0 3px; }

                    .banner-layer .cover .nav ul li a { font-size: 14px; color: #fff; }

                        .banner-layer .cover .nav ul li a:hover, .banner-layer .cover .nav ul li a.cur { color: #00aaee; }

            .banner-layer .cover .nav .button-layer { position: absolute; right: 30px; width: 200px; top: 40px; }

            .banner-layer .cover .nav .login-button { background: url(../images/login.png) left top no-repeat; width: 56px; height: 26px; border: none; margin-right: 30px; display: inline-block; }

                .banner-layer .cover .nav .login-button:hover { background-image: url(../images/login-hover.png); }

                .banner-layer .cover .nav .login-button:active { background-image: url(../images/login-active.png); }

            .banner-layer .cover .nav .register-button { background: url(../images/register.png) left top no-repeat; width: 56px; height: 26px; border: none; display: inline-block; }

                .banner-layer .cover .nav .register-button:hover { background-image: url(../images/register-hover.png); }

                .banner-layer .cover .nav .register-button:active { background-image: url(../images/register-active.png); }

        .banner-layer .cover h1 { font-size: 58px; color: #fff; text-align: center; font-weight: normal; margin-top: 100px; }

        .banner-layer .cover .play-button { margin: 0 auto; cursor: pointer; margin-top: 71px; display: block; width: 65px; height: 65px; background: url(../images/icon_all.png) -30px -50px no-repeat; border: none; }

            .banner-layer .cover .play-button:hover { background-position-x: -125px; background-position-y: -53px; }

        .banner-layer .cover .identity-layer { margin-top: 64px; text-align: center; width: 100%; }

            .banner-layer .cover .identity-layer .imuser-button { background: url(../images/imuser.png) left top no-repeat; width: 184px; height: 38px; border: none; margin-right: 30px; display: inline-block; }

                .banner-layer .cover .identity-layer .imuser-button:hover { background-image: url(../images/imuser-hover.png); }

                .banner-layer .cover .identity-layer .imuser-button:active { background-image: url(../images/imuser-active.png); }

            .banner-layer .cover .identity-layer .iment-button { background: url(../images/iment.png) left top no-repeat; width: 184px; height: 38px; border: none; display: inline-block; }

                .banner-layer .cover .identity-layer .iment-button:hover { background-image: url(../images/iment-hover.png); }

                .banner-layer .cover .identity-layer .iment-button:active { background-image: url(../images/iment-active.png); }

    .banner-layer .tab-layer-bg { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 64px; background-color: #333; opacity: 0.5; filter: alpha(opacity=50); z-index: 9; }

    .banner-layer .tab-layer { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 64px; z-index: 10; }

        .banner-layer .tab-layer .center { width: 1110px; margin: 0 auto; height: 64px; }

            .banner-layer .tab-layer .center ul li { float: left; width: 255px; height: 64px; line-height: 64px; margin: 0 10px; }

        .banner-layer .tab-layer .center2 { width: 1380px; margin: 0 auto; height: 64px; }

            .banner-layer .tab-layer .center2 ul li { float: left; width: 300px; height: 64px; line-height: 64px; margin: 0 180px; }

        .banner-layer .tab-layer ul:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

        .banner-layer .tab-layer ul li a { color: #fff; font-size: 20px; display: block; text-align: center; }

            .banner-layer .tab-layer ul li a.cur, .banner-layer .tab-layer ul li a:hover { background-color: #00aaee; }

h1.wrap-title { text-align: center; font-weight: normal; margin: 0px; padding: 0px; padding-bottom: 80px; font-size: 38px; }

.news-title-layer { height: 50px; line-height: 50px; padding-top: 64px; position: relative; }

    .news-title-layer .news-title { float: left; font-size: 20px; color: #333; padding-left: 20px; background: url(../images/icon_news.png) left 16px no-repeat; }

    .news-title-layer .news-more { float: right; font-size: 14px; color: gray; }

    .news-title-layer:after, .news-content-layer:after, .statistic-wrap:after, .workflow-wrap:after,
    .intro-layer:after, .enterprise-wrap ul:after, .download-wrap ul:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }



.news-content-layer { padding-top: 30px; padding-bottom: 120px; }

    .news-content-layer .news-img { float: left; width: 560px; height: 400px; position: relative; overflow: hidden; }

        .news-content-layer .news-img img { width: 560px; height: 400px; }

        .news-content-layer .news-img .news-info-bg { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 50px; opacity: 0.5; filter: alpha(opacity=50); background-color: #000; z-index: 100; }

        .news-content-layer .news-img .news-info { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 50px; line-height: 50px; color: #fff; z-index: 200; padding-left: 20px; font-size: 18px; }

    .news-content-layer .news-list { float: left; margin-left: 50px; width: 490px; overflow: hidden; position: relative; }

        .news-content-layer .news-list h1 { font-size: 24px; margin-top: 8px; margin-bottom: 11px; }

        .news-content-layer .news-list a { color: black; }

            .news-content-layer .news-list a:hover { color: #00aaee; }

        .news-content-layer .news-list ul { height: 100%; }

            .news-content-layer .news-list ul li { height: 50px; width: 100%; overflow: hidden; }

                .news-content-layer .news-list ul li a { color: #333; display: block; height: 50px; width: 100%; overflow: hidden; line-height: 50px; font-size: 18px; }

                    .news-content-layer .news-list ul li a:hover { color: #00aaee; }


.statistic-wrap { width: 1095px; margin: 0 auto; position: relative; padding-top: 120px; padding-bottom: 170px; }

    .statistic-wrap .statistic { width: 225px; position: relative; float: left; margin: 0 70px; }

        .statistic-wrap .statistic p { width: 100%; text-align: center; font-size: 18px; padding-top: 20px; }

        .statistic-wrap .statistic .enterprise-layer,
        .statistic-wrap .statistic .user-layer,
        .statistic-wrap .statistic .amount-layer { width: 225px; height: 225px; color: #00aaee; text-align: center; background: url(../images/icon_all.png) 0px 0px no-repeat; position: relative; }

        .statistic-wrap .statistic .enterprise-layer { background-position-x: -315px; background-position-y: -22px; }

        .statistic-wrap .statistic .user-layer { background-position-x: -575px; background-position-y: -23px; }

        .statistic-wrap .statistic .amount-layer { background-position-x: -833px; background-position-y: -23px; }

        .statistic-wrap .statistic .number { font-size: 18px; width: 100%; position: absolute; bottom: 40px; text-align: center; left: 0px; font-weight: bold; }

.workflow-wrap { width: 1260px; margin: 0 auto; padding-top: 120px; padding-bottom: 120px; }

    .workflow-wrap ul { margin: 0 auto; padding: 0; list-style: none; width: 1260px; height: 100%; }

        .workflow-wrap ul li { padding: 60px 40px 0; width: 340px; height: 186px; float: left; text-align: center; position: relative; }

            .workflow-wrap ul li .title { margin: 28px 0 0; font-size: 20px; color: #333; }

            .workflow-wrap ul li .intro { margin: 10px 0 0; font-size: 14px; line-height: 1.8; color: #666; }

            .workflow-wrap ul li .icon-layer { height: 88px; }

            .workflow-wrap ul li a { color: #666; display: block; }

                .workflow-wrap ul li a:hover { color: #666; text-decoration: none; }

.app-wrap { width: 1360px; margin: 0 auto; padding-top: 120px; }

    .app-wrap .app-layer { height: 760px; position: relative; }

        .app-wrap .app-layer .mac-bg { background: url(../images/icon_all.png) -350px -770px no-repeat; width: 655px; height: 550px; position: absolute; top: 41px; left: 103px; }

        .app-wrap .app-layer .iphone-bg { background: url(../images/icon_all.png) -39px -820px no-repeat; width: 190px; height: 400px; position: absolute; top: 180px; left: 650px; }

        .app-wrap .app-layer .mac-bg .mac-screen { background-color: #000; width: 600px; height: 338px; position: absolute; left: 27px; top: 30px; overflow: hidden; }

        .app-wrap .app-layer .iphone-bg .iphone-screen { background-color: #000; width: 167px; height: 296px; position: absolute; left: 11px; top: 51px; overflow: hidden; }

            .app-wrap .app-layer .iphone-bg .iphone-screen .iphone-screen-list { width: 1002px; height: 100%; }

            .app-wrap .app-layer .mac-bg .mac-screen img, .app-wrap .app-layer .iphone-bg .iphone-screen img { border: 0px; display: inline-block; }

        .app-wrap .app-layer .function-layer { position: absolute; right: 10px; top: 188px; width: 400px; height: 320px; }

            .app-wrap .app-layer .function-layer a { width: 90px; height: 150px; display: inline-block; margin: 0 15px; }

                .app-wrap .app-layer .function-layer a i { margin: 0 12px; }

                .app-wrap .app-layer .function-layer a span { text-align: center; font-size: 14px; display: block; padding-top: 10px; color: gray; }


.intro-wrap { width: 1000px; margin: 0 auto; padding-top: 120px; padding-bottom: 120px; }

    .intro-wrap .intro-layer { position: relative; width: 100%; height: 440px; padding-top: 20px; }

        .intro-wrap .intro-layer .left-intro { float: left; width: 286px; height: 100%; position: relative; }

        .intro-wrap .intro-layer h2 { text-align: right; padding: 0px; margin: 0px; font-weight: normal; font-size: 22px; }

        .intro-wrap .intro-layer .text { text-align: right; font-size: 14px; color: gray; }

        .intro-wrap .intro-layer .left-intro .left-top { position: absolute; left: 0px; top: 0px; }

        .intro-wrap .intro-layer .left-intro .left-bottom { position: absolute; left: 0px; bottom: 0px; }

        .intro-wrap .intro-layer .center-img { float: left; margin-left: 20px; margin-right: 20px; width: 388px; height: 100%; background: url(../images/pic_wt613.png) center 6px no-repeat; }

        .intro-wrap .intro-layer .right-intro { float: left; width: 286px; height: 100%; position: relative; }

            .intro-wrap .intro-layer .right-intro h2 { text-align: left; }

            .intro-wrap .intro-layer .right-intro .text { text-align: left; }

            .intro-wrap .intro-layer .right-intro .right-top { position: absolute; left: 0px; top: 0px; }

            .intro-wrap .intro-layer .right-intro .right-bottom { position: absolute; left: 0px; bottom: 0px; }


.example-wrap { width: 100%; padding-top: 120px; padding-bottom: 120px; }

    .example-wrap .example { background: #f7f7f7; width: 20%; float: left; position: relative; display: block; color: #fff; overflow: hidden; *text-decoration: none; *cursor: pointer; }

        .example-wrap .example img { width: 100%; height: 100%; margin: 0px; padding: 0px; transition: top 0.3s ease 0.1s; border: 0px; display: block; }

        .example-wrap .example .info-bg { margin: -40px 0 0; height: 100%; position: absolute; top: 100%; left: 0; width: 100%; box-sizing: border-box; transition: top 0.3s ease 0.1s; z-index: 1; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); }

        .example-wrap .example .intro { margin: -40px 0 0; height: 100%; position: absolute; top: 100%; left: 0; width: 100%; box-sizing: border-box; z-index: 2; color: #fff; line-height: 40px; transition: top 0.3s ease 0.1s; }

            .example-wrap .example .intro .intro-title { text-align: center; }

            .example-wrap .example .intro .intro-text { padding: 0 20px; font-size: 14px; line-height: 20px; }

        .example-wrap .example:hover .info-bg { top: 40px; }

        .example-wrap .example:hover .intro { top: 40px; }

.enterprise-wrap { width: 1068px; margin: 0 auto; padding-top: 120px; padding-bottom: 120px; }

    .enterprise-wrap ul li { width: 118px; height: 118px; float: left; margin: 0; padding: 0px; margin: 0px 30px; }

        .enterprise-wrap ul li a { width: 100%; height: 100%; display: block; }

.download-wrap { width: 1000px; margin: 0 auto; padding-top: 120px; padding-bottom: 120px; position: relative; }

    .download-wrap ul li { width: 120px; height: 120px; float: left; margin: 0 65px; }

        .download-wrap ul li a { display: block; text-align: center; }

            .download-wrap ul li a:hover i { background-position-y: -651px; }

            .download-wrap ul li a span { display: block; text-align: center; padding-top: 30px; color: #333; font-size: 14px; font-weight: bold; }

            .download-wrap ul li a label { display: block; text-align: center; color: #333; font-size: 14px; font-weight: bold; }

            .download-wrap ul li a img { width: 124px; height: 125px; }

.qr-bg { position: absolute; left: 0px; top: 0px; width: 183px; height: 178px; padding-top: 60px; padding-left: 16px; padding-right: 16px; background: url(../images/bg_qrcard.png) no-repeat left top; z-index: 9999; display: none; }

    .qr-bg img { width: 150px; height: 150px; }

.function-wrap { width: 1000px; margin: 0 auto; padding-top: 120px; padding-bottom: 120px; }

    .function-wrap ul:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

    .function-wrap ul li { float: left; width: 161px; margin: 0 86px; }

        .function-wrap ul li a { display: block; text-align: center; }

            .function-wrap ul li a span.title { display: block; width: 100%; text-align: center; margin-top: 20px; font-size: 14px; color: #000; }

            .function-wrap ul li a span.intro { display: block; width: 100%; text-align: center; margin-top: 20px; font-size: 12px; color: gray; }

            .function-wrap ul li a:hover .icon-index-video { background-position-y: -649px; }

            .function-wrap ul li a:hover .icon-index-qa { background-position-y: -651px; background-position-x: -511px; }

            .function-wrap ul li a:hover .icon-index-help { background-position-x: -603px; background-position-y: -649px; }


.register-wrap { width: 100%; margin: 0 auto; padding-top: 120px; padding-bottom: 120px; background: url(../images/r-bg.png) left top no-repeat; }

    .register-wrap h1 { color: #fff; font-size: 30px; }

    .register-wrap .register-layer { width: 100%; text-align: center; }

        .register-wrap .register-layer .user-register { background: url(../images/user-reg.png) left top no-repeat; width: 130px; height: 45px; border: none; margin-right: 50px; display: inline-block; }

            .register-wrap .register-layer .user-register:hover { background-image: url(../images/user-reg-hover.png); }

            .register-wrap .register-layer .user-register:active { background-image: url(../images/user-reg-active.png); }

        .register-wrap .register-layer .enterprise-register { background: url(../images/ent-reg.png) left top no-repeat; width: 130px; height: 45px; border: none; display: inline-block; }

            .register-wrap .register-layer .enterprise-register:hover { background-image: url(../images/ent-reg-hover.png); }

            .register-wrap .register-layer .enterprise-register:active { background-image: url(../images/ent-reg-active.png); }

.footer { width: 100%; height: 340px; background-color: #2d2e2e; min-width: 1220px; }

    .footer .footer-wrap { width: 1028px; margin: 0 auto; padding-top: 80px; }

        .footer .footer-wrap:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

        .footer .footer-wrap .footer-layer { float: left; }

            .footer .footer-wrap .footer-layer h3 { margin: 0px; padding: 0px; padding-bottom: 10px; font-size: 14px; color: #fff; font-weight: normal; }

            .footer .footer-wrap .footer-layer ul.index { width: 195px; }

            .footer .footer-wrap .footer-layer ul.cooperation { width: 210px; }

            .footer .footer-wrap .footer-layer ul.link { width: 195px; }

            .footer .footer-wrap .footer-layer ul.contact { width: 260px; }

            .footer .footer-wrap .footer-layer ul.qrcode { width: 110px; }

            .footer .footer-wrap .footer-layer ul li { width: 100%; padding: 5px 0; font-size: 12px; color: silver; }

                .footer .footer-wrap .footer-layer ul li a { font-size: 12px; color: silver; }

                    .footer .footer-wrap .footer-layer ul li a:hover { text-decoration: underline; }

    .footer .text { color: #666; text-align: center; font-size: 12px; }
/* 动画效果 */
.animation-layer, .epin-animation-layer { visibility: hidden; }

    .animation-layer.show, .epin-animation-layer.show { visibility: visible; }

.slideleft { animation-name: slideleft; animation-duration: 1s; -webkit-animation-name: slideleft; -webkit-animation-duration: 1s; }

.slideright { animation-name: slideright; animation-duration: 1s; -webkit-animation-name: slideright; -webkit-animation-duration: 1s; }



@media (min-width: 1921px) and (max-width: 2880px) {
    .top .cont { margin: 0 auto; width: 1920px; }

    .top.scroll .cont { margin: 0 auto; width: 100%; }

    .casewrap .caseitem.hover .caseintro { top: 120px; }

    .download-btn { left: 29%; }
}

/* 1681-1920 */
@media (min-width: 1681px) and (max-width: 1920px) {
    .download-btn { left: 27%; }
}

@media (min-width: 1367px) and (max-width: 1680px) {
    .download-btn { left: 23%; }
    /*.casewrap .caseitem.hover .caseintro { top: 60px; }*/
}

/* 1000-1360 */
@media (min-width: 1201px) and (max-width: 1366px) {
    .download-btn { left: 17%; }
    .example-wrap .example .info-bg { line-height: 40px; }

    .example-wrap .example .intro { line-height: 40px; }

        .example-wrap .example .intro .intro-text { padding: 0 20px; font-size: 14px; line-height: 20px; }
}

/* 1000- 1280*/
@media only screen and (max-width: 1200px) {
    .download-btn { left: 15%; }
    .example-wrap .example .info-bg { margin: -30px 0 0; line-height: 30px; }

    .example-wrap .example .intro { margin: -30px 0 0; line-height: 30px; }

        .example-wrap .example .intro .intro-title { text-align: center; font-size: 14px; }

        .example-wrap .example .intro .intro-text { padding: 0 10px; font-size: 12px; line-height: 15px; }

    .example-wrap .example:hover .info-bg { top: 30px; }

    .example-wrap .example:hover .intro { top: 30px; }
}

@keyframes slideleft {
    from { right: 800px; opacity: 0; filter: alpha(opacity=0); }

    to { right: 0px; opacity: 1; filter: alpha(opacity=100); }
}

@-webkit-keyframes slideleft /* Safari and Chrome */
{
    from { right: 800px; opacity: 0; filter: alpha(opacity=0); }

    to { right: 0px; opacity: 1; filter: alpha(opacity=100); }
}

@keyframes slideright {
    from { left: 800px; opacity: 0; filter: alpha(opacity=0); }

    to { left: 0px; opacity: 1; filter: alpha(opacity=100); }
}

@-webkit-keyframes slideright /* Safari and Chrome */
{
    from { left: 800px; opacity: 0; filter: alpha(opacity=0); }

    to { left: 0px; opacity: 1; filter: alpha(opacity=100); }
}

.zoomin { animation-name: zoomin; animation-duration: 1s; -webkit-animation-name: zoomin; -webkit-animation-duration: 1s; }

@keyframes zoomin {
    from { transform: scale(0.5,0.5); opacity: 0; filter: alpha(opacity=0); }

    to { transform: scale(1,1); opacity: 1; filter: alpha(opacity=100); }
}

@-webkit-keyframes zoomin /* Safari and Chrome */
{
    from { -webkit-transform: scale(0.5,0.5); opacity: 0; filter: alpha(opacity=0); }

    to { -webkit-transform: scale(1,1); opacity: 1; filter: alpha(opacity=100); }
}

.zoomout { animation-name: zoomout; animation-duration: 1s; -webkit-animation-name: zoomout; -webkit-animation-duration: 1s; }

@keyframes zoomout {
    from { transform: scale(1.2,1.2); opacity: 0.5; filter: alpha(opacity=50); }

    to { transform: scale(1,1); opacity: 1; filter: alpha(opacity=100); }
}

@-webkit-keyframes zoomout /* Safari and Chrome */
{
    from { -webkit-transform: scale(1.2,1.2); opacity: 0.5; filter: alpha(opacity=50); }

    to { -webkit-transform: scale(1,1); opacity: 1; filter: alpha(opacity=100); }
}

.fadein { animation-name: fadein; animation-duration: 1s; -webkit-animation-name: fadein; -webkit-animation-duration: 1s; }

@keyframes fadein {
    from { opacity: 0; filter: alpha(opacity=0); }

    to { opacity: 1; filter: alpha(opacity=100); }
}

@-webkit-keyframes fadein /* Safari and Chrome */
{
    from { opacity: 0; filter: alpha(opacity=0); }

    to { opacity: 1; filter: alpha(opacity=100); }
}


.transfer { background-color: #000; animation-name: transfer; animation-duration: 1s; -webkit-animation-name: transfer; -webkit-animation-duration: 1s; }

@keyframes transfer {
    from { opacity: 0.3; filter: alpha(opacity=30); }

    to { opacity: 1; filter: alpha(opacity=100); }
}

@-webkit-keyframes transfer /* Safari and Chrome */
{
    from { opacity: 0.3; filter: alpha(opacity=30); }

    to { opacity: 1; filter: alpha(opacity=100); }
}


[class^="icon-index-"], [class*="icon-index-"] { background: url(../images/icon_all.png) no-repeat; display: inline-block; vertical-align: middle; }

.icon-index-01 { width: 88px; height: 88px; background-position-x: -18px; background-position-y: -280px; }

.icon-index-02 { width: 88px; height: 88px; background-position-x: -113px; background-position-y: -280px; }

.icon-index-03 { width: 88px; height: 88px; background-position-x: -203px; background-position-y: -280px; }

.icon-index-04 { width: 88px; height: 88px; background-position-x: -294px; background-position-y: -280px; }

.icon-index-05 { width: 88px; height: 88px; background-position-x: -385px; background-position-y: -280px; }

.icon-index-06 { width: 88px; height: 88px; background-position-x: -475px; background-position-y: -280px; }

.icon-index-pc { width: 55px; height: 60px; background-position-x: -34px; background-position-y: -580px; }

.icon-index-ios { width: 55px; height: 60px; background-position-x: -128px; background-position-y: -580px; }

.icon-index-android { width: 55px; height: 60px; background-position-x: -224px; background-position-y: -580px; }

.icon-index-video { width: 55px; height: 60px; background-position-x: -418px; background-position-y: -588px; }

.icon-index-qa { width: 55px; height: 60px; background-position-x: -510px; background-position-y: -590px; }

.icon-index-help { width: 55px; height: 60px; background-position-x: -602px; background-position-y: -588px; }



.icon-index-f1 { width: 66px; height: 66px; background-position-x: -33px; background-position-y: -405px; }

    .icon-index-f1:hover, .icon-index-f2:hover, .icon-index-f3:hover,
    .icon-index-f4:hover, .icon-index-f5:hover, .icon-index-f6:hover,
    .icon-index-f-checked { background-position-y: -482px !important; }

.icon-index-f2 { width: 66px; height: 66px; background-position-x: -125px; background-position-y: -405px; }

.icon-index-f3 { width: 66px; height: 66px; background-position-x: -218px; background-position-y: -405px; }

.icon-index-f4 { width: 66px; height: 66px; background-position-x: -312px; background-position-y: -405px; }

.icon-index-f5 { width: 66px; height: 66px; background-position-x: -405px; background-position-y: -405px; }

.icon-index-f6 { width: 66px; height: 66px; background-position-x: -499px; background-position-y: -405px; }

[class^="icon-brand-"], [class*="icon-brand-"] { background: url(../images/icon_brand.png) no-repeat; display: inline-block; vertical-align: middle; }

.icon-brand-01 { background-position-x: -30px; background-position-y: -21px; }

    .icon-brand-01:hover, .icon-brand-02:hover, .icon-brand-03:hover { background-position-y: -431px; }

.icon-brand-02 { background-position-x: -168px; background-position-y: -21px; }

.icon-brand-03 { background-position-x: -306px; background-position-y: -21px; }

.icon-brand-04 { background-position-x: -448px; background-position-y: -21px; }

    .icon-brand-04:hover { background-position-x: -446px; background-position-y: -431px; }

.icon-brand-05 { background-position-x: -586px; background-position-y: -21px; }

    .icon-brand-05:hover { background-position-x: -584px; background-position-y: -431px; }

.icon-brand-06 { background-position-x: -724px; background-position-y: -21px; }

    .icon-brand-06:hover { background-position-x: -722px; background-position-y: -431px; }

.icon-brand-07 { background-position-x: -35px; background-position-y: -145px; }

    .icon-brand-07:hover { background-position-x: -37px; background-position-y: -554px; }

.icon-brand-08 { background-position-x: -168px; background-position-y: -145px; }

    .icon-brand-08:hover { background-position-x: -169px; background-position-y: -554px; }

.icon-brand-09 { background-position-x: -306px; background-position-y: -145px; }

    .icon-brand-09:hover { background-position-x: -306px; background-position-y: -554px; }

.icon-brand-10 { background-position-x: -448px; background-position-y: -145px; }

    .icon-brand-10:hover { background-position-x: -446px; background-position-y: -554px; }

.icon-brand-11 { background-position-x: -586px; background-position-y: -145px; }

    .icon-brand-11:hover { background-position-x: -583px; background-position-y: -554px; }

.icon-brand-12 { background-position-x: -724px; background-position-y: -145px; }

    .icon-brand-12:hover { background-position-x: -720px; background-position-y: -554px; }


.icon-brand-13 { background-position-x: -30px; background-position-y: -269px; }

    .icon-brand-13:hover { background-position-x: -28px; background-position-y: -679px; }

.icon-brand-14 { background-position-x: -168px; background-position-y: -269px; }

    .icon-brand-14:hover { background-position-x: -167px; background-position-y: -679px; }

.icon-brand-15 { background-position-x: -306px; background-position-y: -272px; }

    .icon-brand-15:hover { background-position-x: -305px; background-position-y: -682px; }

.icon-brand-16 { background-position-x: -448px; background-position-y: -273px; }

    .icon-brand-16:hover { background-position-x: -447px; background-position-y: -683px; }

.icon-brand-17 { background-position-x: -586px; background-position-y: -275px; }

    .icon-brand-17:hover { background-position-x: -585px; background-position-y: -685px; }

.icon-brand-18 { background-position-x: -724px; background-position-y: -272px; }

    .icon-brand-18:hover { background-position-x: -720px; background-position-y: -677px; }




/*  intro  */
.intro-banner { width: 100%; height: 500px; }



.intro-content-layer { width: 100%; position: relative; background-color: #fff; min-width: 1220px; }

    .intro-content-layer .intro-content-block { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }

    .intro-content-layer .intro-content-wrap { width: 1200px; margin: 0 auto; text-align: center; padding-top: 65px; padding-bottom: 65px; }

        .intro-content-layer .intro-content-wrap .title { margin: 0px; padding: 0px; font-size: 36px; color: #333; font-weight: normal; text-align: center !important; }

        .intro-content-layer .intro-content-wrap .title2 { margin: 0px; padding: 0px; font-size: 20px; color: #333; font-weight: normal; padding-top: 50px; padding-bottom: 50px; }

        .intro-content-layer .intro-content-wrap ul.rehabilitation { padding-top: 70px; }

            .intro-content-layer .intro-content-wrap ul.rehabilitation:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

            .intro-content-layer .intro-content-wrap ul.rehabilitation li { float: left; width: 152px; font-size: 20px; color: #333; margin: 0 44px; }

                .intro-content-layer .intro-content-wrap ul.rehabilitation li img { width: 152px; height: 152px; }

                .intro-content-layer .intro-content-wrap ul.rehabilitation li span { display: block; padding-top: 30px; }
/*.intro-content-layer .intro-content-wrap .content { padding-top: 65px; }*/

.intro-content-layer { width: 100%; position: relative; background-color: #fff; min-width: 1220px; }



    .intro-content-layer .intro-content-wrap .text { background: url(../images/demo/intro-1.png) no-repeat left top; padding-left: 500px; padding-top: 10px; height: 375px; }

        .intro-content-layer .intro-content-wrap .text p { font-size: 20px; text-align: left; line-height: 40px; text-indent: 2em; }

    .intro-content-layer .intro-content-wrap .serve-target { background: url(../images/demo/intro-6.png) no-repeat right 70px; margin-left: 100px; padding-top: 70px; height: 340px; }

        .intro-content-layer .intro-content-wrap .serve-target p { font-size: 20px; text-align: left; line-height: 40px; text-indent: 2em; padding: 0px; margin: 0px; color: #666; }

    .intro-content-layer .intro-content-block { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }

    .intro-content-layer .intro-content-wrap .welfares { background: url(../images/demo/intro-10.png) no-repeat left 50px; padding-top: 70px; height: 340px; }

        .intro-content-layer .intro-content-wrap .welfares ul li { font-size: 20px; text-align: left; list-style-type: disc; margin-left: 780px; padding: 7px 0; color: #666; }

    .intro-content-layer .intro-content-wrap { width: 1200px; margin: 0 auto; text-align: center; padding-top: 65px; padding-bottom: 65px; }



        .intro-content-layer .intro-content-wrap .platform { background: url(../images/demo/intro-11.png) no-repeat right 50px; padding-top: 150px; height: 350px; }

            .intro-content-layer .intro-content-wrap .platform ul { padding-left: 30px; }

                .intro-content-layer .intro-content-wrap .platform ul li { font-size: 20px; text-align: left; list-style-type: disc; padding: 7px 0; color: #666; }

        .intro-content-layer .intro-content-wrap .resource-circle { background: url(../images/intro-img_03.png) no-repeat right 80px; padding-top: 150px; height: 350px; }

            .intro-content-layer .intro-content-wrap .resource-circle p { width: 500px; font-size: 20px; text-align: left; line-height: 35px; color: #666; }

        .intro-content-layer .intro-content-wrap .intellectual-purchase { background: url(../images/intro-pt-pic02.png) no-repeat left 50px; padding-left: 520px; padding-top: 50px; height: 350px; font-size: 20px; color: #666; }

        .intro-content-layer .intro-content-wrap .intellectual-barter { background: url(../images/intro-pt-pic03.png) no-repeat right 30px; padding-right: 500px; text-align: left; padding-top: 50px; height: 350px; font-size: 20px; color: #666; line-height: 30px; }

        .intro-content-layer .intro-content-wrap .intellectual-analysis { width: 100%; height: 300px; background: url(../images/intro-img_04.png) center top no-repeat; background-size: contain; }

        .intro-content-layer .intro-content-wrap .economic-symbiosis { background: url(../images/intro-pt-pic04.png) no-repeat 700px 0px; padding-right: 600px; text-align: left; padding-top: 50px; height: 260px; font-size: 20px; color: #666; line-height: 30px; }
/*.intro-content-layer .intro-content-wrap .business-automatic { background: url(../images/intro-pt-pic05.png) no-repeat 700px 0px; padding-right: 600px; text-align: left; padding-top: 50px; height: 300px; font-size: 20px; color: #666; line-height: 30px; }*/

#intro-ys { padding-right: 29px; vertical-align: top; }

#intro-pt { width: 800px; }

#intro-pt2 { vertical-align: top; }

#intro-pt3 { padding-right: 60px; vertical-align: top; }

#intro-pt4 { padding-left: 165px; vertical-align: top; }

#intro-pt41 { padding-left: 165px; vertical-align: top; position: relative; left: 322px; top: -289px; }





.intro-content-layer .intro-content-wrap .title { margin: 0px; padding: 0px; font-size: 36px; color: #333; font-weight: normal; }
.intro-content-layer .intro-content-wrap .content { padding-top: 65px; }
#intro-ys { padding-right: 29px; vertical-align: top; }
#intro-pt { width: 800px; }
#intro-pt2 { vertical-align: top; }
#intro-pt3 { padding-right: 60px; vertical-align: top; }
#intro-pt4 { padding-left: 165px; vertical-align: top; }
#intro-pt41 { padding-left: 165px; vertical-align: top; position: relative; left: 322px; top: -289px; }



/*  video  */
.hot-video-layer { width: 100%; min-width: 1206px; }

    .hot-video-layer .video-wrap { width: 1206px; height: 614px; position: relative; margin: 0 auto; padding-top: 48px; padding-bottom: 72px; }

        .hot-video-layer .video-wrap .title { font-size: 24px; color: #000; font-weight: normal; padding: 0px 10px; margin: 0px; padding-bottom: 38px; }

        .hot-video-layer .video-wrap .left-content { float: left; width: 279px; height: 535px; margin-top: 10px; margin-left: 10px; position: relative; background: url(../images/demo/video-pic-1.png) left top no-repeat; }

            .hot-video-layer .video-wrap .left-content .text-bg { position: absolute; bottom: 0px; left: 0px; height: 122px; width: 100%; opacity: 0.5; filter: alpha(opacity=50); background-color: #000; z-index: 10; }

            .hot-video-layer .video-wrap .left-content .text-layer { position: absolute; bottom: 0px; left: 0px; height: 122px; width: 100%; z-index: 12; }

        .hot-video-layer .video-wrap .right-layer { float: left; margin-left: 10px; width: 906px; }

            .hot-video-layer .video-wrap .right-layer ul:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

            .hot-video-layer .video-wrap .right-layer ul li { width: 282px; height: 257px; border: 1px solid #d7d7d7; box-sizing: border-box; float: left; margin: 10px 10px; }

            .hot-video-layer .video-wrap .right-layer ul li { display: block; }

                .hot-video-layer .video-wrap .right-layer ul li .img-layer { height: 154px; width: 282px; overflow: hidden; position: relative; }

                    .hot-video-layer .video-wrap .right-layer ul li .img-layer a { display: block; height: 100%; }

                        .hot-video-layer .video-wrap .right-layer ul li .img-layer a .img-cover { position: absolute; left: 0px; top: 0px; width: 280px; height: 154px; z-index: 20; }

                    .hot-video-layer .video-wrap .right-layer ul li .img-layer:hover a .img-cover { opacity: 0.6; filter: alpha(opacity=60); background: url(../images/video-play.png) center center no-repeat #000; }

                .hot-video-layer .video-wrap .right-layer ul li a img { border: 0px; width: 280px; position: absolute; left: 0px; top: 0px; z-index: 19; }

                .hot-video-layer .video-wrap .right-layer ul li .intro { height: 103px; }

                    .hot-video-layer .video-wrap .right-layer ul li .intro .title { font-size: 16px; color: #333; padding: 10px; margin: 0px; overflow: hidden; }

                    .hot-video-layer .video-wrap .right-layer ul li .intro .content { font-size: 12px; color: #999; padding: 0 10px; overflow: hidden; }

                    .hot-video-layer .video-wrap .right-layer ul li .intro .watch-video { font-size: 12px; color: #00aaee; float: right; margin: 10px 15px; }

.f4 { background-color: #f4f4f4 !important; }

.video-type-layer { width: 100%; min-width: 1220px; }

    .video-type-layer .video-type-wrap { width: 1206px; margin: 0 auto; padding-top: 70px; padding-bottom: 80px; }

        .video-type-layer .video-type-wrap .title-layer { padding: 0 10px; }

            .video-type-layer .video-type-wrap .title-layer h2 { font-size: 24px; color: #000; float: left; margin: 0px; font-weight: normal; }

            .video-type-layer .video-type-wrap .title-layer .type-layer { margin-left: 30px; float: left; margin-top: 8px; }

                .video-type-layer .video-type-wrap .title-layer:after,
                .video-type-layer .video-type-wrap .title-layer .type-layer ul:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

                .video-type-layer .video-type-wrap .title-layer .type-layer ul li { width: 77px; height: 23px; float: left; margin: 0 10px; }

                    .video-type-layer .video-type-wrap .title-layer .type-layer ul li a { background: url(../images/t-btn.png) left top no-repeat; display: block; height: 100%; font-size: 14px; color: #333; text-align: center; }

                        .video-type-layer .video-type-wrap .title-layer .type-layer ul li a.cur,
                        .video-type-layer .video-type-wrap .title-layer .type-layer ul li a:hover { background-image: url(../images/t-btn-hover.png); color: #fff; }


.recommend-layer .recommend-wrap .type-layer { margin-left: 30px; float: left; margin-top: 15px; }

    .recommend-layer .recommend-wrap .type-layer ul:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }


/*video-detail*/
.hot-video-layer .video-datail-wrap { width: 1208px; position: relative; margin: 0 auto; padding-top: 60px; padding-bottom: 60px; }

    .hot-video-layer .video-datail-wrap a { color: #0ae; font-size: 14px; font-weight: normal; }

    .hot-video-layer .video-datail-wrap span { color: #666; font-size: 14px; font-weight: normal; }

.hot-video-layer .video-datail-context { width: 1208px; position: relative; margin: 0 auto; padding-bottom: 60px; }

    .hot-video-layer .video-datail-context .detail-left { float: left; width: 540px; height: 400px; position: relative; }

    .hot-video-layer .video-datail-context .detail-right { width: 598px; height: 400px; margin-left: 612px; position: relative; }

        .hot-video-layer .video-datail-context .detail-right h2 { color: #333; font-size: 24px; font-weight: normal; padding-bottom: 36px; padding-top: 39px; margin: 0 auto; }

        .hot-video-layer .video-datail-context .detail-right h3 { color: #666; font-size: 16px; font-weight: normal; padding-bottom: 36px; margin: 0 auto; }

        .hot-video-layer .video-datail-context .detail-right .line-x { background-color: #f4f4f4; height: 1px; }

        .hot-video-layer .video-datail-context .detail-right .vedio-detail-icon-count h4 { color: #999; font-size: 12px; font-weight: normal; margin: 0px; width: 120px; margin-left: 35px; }

            .hot-video-layer .video-datail-context .detail-right .vedio-detail-icon-count h4 span { color: #0ae; font-size: 12px; font-weight: normal; }

        .hot-video-layer .video-datail-context .detail-right .vedio-detail-icon-time h4 { color: #999; font-size: 12px; font-weight: normal; margin: 0px; width: 120px; margin-left: 35px; }

            .hot-video-layer .video-datail-context .detail-right .vedio-detail-icon-time h4 span { color: #0ae; font-size: 12px; font-weight: normal; }

        .hot-video-layer .video-datail-context .detail-right .seevedio { background-color: #0ae; width: 200px; height: 50px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }

            .hot-video-layer .video-datail-context .detail-right .seevedio h5 { color: #fff; font-size: 18px; font-weight: normal; margin: 0px; margin-left: 57px; padding-top: 12px; }

.recommend-layer .recommend-wrap .type-layer ul li { width: 77px; height: 23px; float: left; margin: 0 10px; }

.video-type-layer .video-type-wrap .detail-content-layer { float: left; margin-left: 10px; width: 1223px; margin-top: 50px; }

    .video-type-layer .video-type-wrap .detail-content-layer ul:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

    .video-type-layer .video-type-wrap .detail-content-layer ul li { width: 282px; height: 257px; border: 1px solid #d7d7d7; box-sizing: border-box; float: left; margin: 10px 10px; }

    .video-type-layer .video-type-wrap .detail-content-layer ul li { display: block; }

        .video-type-layer .video-type-wrap .detail-content-layer ul li .img-layer { height: 154px; width: 282px; overflow: hidden; position: relative; }

            .video-type-layer .video-type-wrap .detail-content-layer ul li .img-layer a { display: block; height: 100%; }

                .video-type-layer .video-type-wrap .detail-content-layer ul li .img-layer a .img-cover { position: absolute; left: 0px; top: 0px; width: 280px; height: 154px; z-index: 20; }

            .video-type-layer .video-type-wrap .detail-content-layer ul li .img-layer:hover a .img-cover { opacity: 0.6; filter: alpha(opacity=60); background: url(../images/video-play.png) center center no-repeat #000; }

        .video-type-layer .video-type-wrap .detail-content-layer ul li a img { border: 0px; width: 280px; position: absolute; left: 0px; top: 0px; z-index: 19; }

.recommend-layer .recommend-wrap .type-layer ul li a { background: url(../images/t-btn.png) left top no-repeat; display: block; height: 100%; font-size: 14px; color: #333; text-align: center; }

.video-type-layer .video-type-wrap .detail-content-layer ul li .intro { height: 103px; }

    .video-type-layer .video-type-wrap .detail-content-layer ul li .intro .title { font-size: 16px; color: #333; padding: 10px; margin: 0px; overflow: hidden; }

    .video-type-layer .video-type-wrap .detail-content-layer ul li .intro .content { font-size: 12px; color: #999; padding: 0 10px; overflow: hidden; }

    .video-type-layer .video-type-wrap .detail-content-layer ul li .intro .watch-video { font-size: 12px; color: #00aaee; float: right; margin: 10px 15px; }

.recommend-layer .recommend-wrap .type-layer ul li a.cur,
.recommend-layer .recommend-wrap .type-layer ul li a:hover { background-image: url(../images/t-btn-hover.png); color: #fff; }




[class*="vedio-detail-icon-"] { background: url(../images/video-detail-icon.png) no-repeat; display: inline-block; vertical-align: middle; }

.vedio-detail-icon-count { width: 45px; height: 45px; background-position-x: 1px; background-position-y: 2px; margin-top: 30px; }

.vedio-detail-icon-time { width: 45px; height: 45px; background-position-x: -168px; background-position-y: 2px; margin-left: 150px; margin-top: 30px; }

.video-type-layer .video-type-wrap .video-content-layer { padding-top: 50px; }


    .video-type-layer .video-type-wrap .video-content-layer ul:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

    .video-type-layer .video-type-wrap .video-content-layer ul li { width: 382px; height: 270px; float: left; margin: 10px; overflow: hidden; position: relative; }

        .video-type-layer .video-type-wrap .video-content-layer ul li a { display: block; height: 100%; width: 100%; }

            .video-type-layer .video-type-wrap .video-content-layer ul li a .text-bg { height: 49px; width: 100%; position: absolute; left: 0px; bottom: 0px; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); z-index: 9; }

            .video-type-layer .video-type-wrap .video-content-layer ul li a .text-layer { height: 49px; width: 100%; position: absolute; left: 0px; bottom: 0px; z-index: 10; }

                .video-type-layer .video-type-wrap .video-content-layer ul li a .text-layer .text { font-size: 16px; color: #fff; padding: 14px; display: block; }

            .video-type-layer .video-type-wrap .video-content-layer ul li a .cover { height: 100%; width: 100%; display: none; }

            .video-type-layer .video-type-wrap .video-content-layer ul li a:hover .cover { background: url(../images/video-play.png) center center no-repeat #000; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 50; opacity: 0.6; filter: alpha(opacity=60); }

            .video-type-layer .video-type-wrap .video-content-layer ul li a img { width: 382px; height: 270px; }

.recommend-layer { width: 100%; min-width: 1206px; }

    .recommend-layer .recommend-wrap { padding-top: 80px; padding-bottom: 80px; width: 1206px; margin: 0 auto; }

        .recommend-layer .recommend-wrap .title { font-size: 30px; color: #333; font-weight: normal; padding: 0px; margin: 0px; padding-bottom: 38px; padding: 0 10px; float: left; }

        .recommend-layer .recommend-wrap .recommend-content { width: 1206px; padding-top: 60px; }

            .recommend-layer .recommend-wrap .recommend-content ul:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

            .recommend-layer .recommend-wrap .recommend-content ul li { width: 281px; height: 259px; float: left; margin: 10px; border: 1px solid #d7d7d7; box-sizing: border-box; position: relative; overflow: hidden; }


                .recommend-layer .recommend-wrap .recommend-content ul li div { overflow: hidden; }

                .recommend-layer .recommend-wrap .recommend-content ul li:hover { }

                .recommend-layer .recommend-wrap .recommend-content ul li img { border: 0px; width: 280px; position: absolute; left: 0px; top: 0px; z-index: 19; }

                .recommend-layer .recommend-wrap .recommend-content ul li .img { border-bottom: 1px solid #d7d7d7; height: 204px; position: relative; }

                    .recommend-layer .recommend-wrap .recommend-content ul li .img a { display: block; }

                        .recommend-layer .recommend-wrap .recommend-content ul li .img a:hover .cover { background: url(../images/video-play.png) center center no-repeat #000; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 50; opacity: 0.7; filter: alpha(opacity=70); }

                .recommend-layer .recommend-wrap .recommend-content ul li .text { height: 35px; padding: 15px; color: #333; font-size: 16px; }

                .recommend-layer .recommend-wrap .recommend-content ul li a.link { position: absolute; right: 20px; bottom: 10px; color: #00aaee; font-size: 12px; }

.adv-layer { width: 100%; min-width: 1220px; }

    .adv-layer .adv { background: url(../images/demo/video-pic-5.png) top center no-repeat; width: 100%; height: 360px; display: block; }

/*video-detail*/
.hot-video-layer .video-datail-wrap { width: 1208px; position: relative; margin: 0 auto; padding-top: 60px; padding-bottom: 60px; }

    .hot-video-layer .video-datail-wrap a { color: #0ae; font-size: 14px; font-weight: normal; }

    .hot-video-layer .video-datail-wrap span { color: #666; font-size: 14px; font-weight: normal; }

.hot-video-layer .video-datail-context { width: 1208px; position: relative; margin: 0 auto; padding-bottom: 60px; }

    .hot-video-layer .video-datail-context .detail-left { float: left; width: 540px; height: 400px; position: relative; }

    .hot-video-layer .video-datail-context .detail-right { width: 598px; height: 400px; margin-left: 612px; position: relative; }

        .hot-video-layer .video-datail-context .detail-right h2 { color: #333; font-size: 24px; font-weight: normal; padding-bottom: 36px; padding-top: 39px; margin: 0 auto; }

        .hot-video-layer .video-datail-context .detail-right h3 { color: #666; font-size: 16px; font-weight: normal; padding-bottom: 36px; margin: 0 auto; }

        .hot-video-layer .video-datail-context .detail-right .line-x { background-color: #f4f4f4; height: 1px; }

        .hot-video-layer .video-datail-context .detail-right .vedio-detail-icon-count h4 { color: #999; font-size: 12px; font-weight: normal; margin: 0px; width: 120px; margin-left: 35px; }

            .hot-video-layer .video-datail-context .detail-right .vedio-detail-icon-count h4 span { color: #0ae; font-size: 12px; font-weight: normal; }


.news-layer .news-wrap { width: 1180px; height: 200px; padding-top: 36px; padding-bottom: 36px; margin: 0 auto; border-bottom: 1px solid #f4f4f4; position: relative; }

.hot-video-layer .video-datail-context .detail-right .vedio-detail-icon-time h4 { color: #999; font-size: 12px; font-weight: normal; margin: 0px; width: 120px; margin-left: 35px; }


    .hot-video-layer .video-datail-context .detail-right .vedio-detail-icon-time h4 span { color: #0ae; font-size: 12px; font-weight: normal; }


.news-layer .news-wrap .left-img { float: left; width: 280px; height: 200px; margin-right: 35px; position: relative; }

.hot-video-layer .video-datail-context .detail-right .seevedio { background-color: #0ae; width: 200px; height: 50px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }


    .hot-video-layer .video-datail-context .detail-right .seevedio h5 { color: #fff; font-size: 18px; font-weight: normal; margin: 0px; margin-left: 57px; padding-top: 12px; }


.news-layer .news-wrap .left-img img { width: 280px; height: 200px; }

.video-type-layer .video-type-wrap .detail-content-layer { float: left; margin-left: 10px; width: 1223px; margin-top: 50px; }

    .video-type-layer .video-type-wrap .detail-content-layer ul:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

    .video-type-layer .video-type-wrap .detail-content-layer ul li { width: 282px; height: 257px; border: 1px solid #d7d7d7; box-sizing: border-box; float: left; margin: 10px 10px; }

    .video-type-layer .video-type-wrap .detail-content-layer ul li { display: block; }

        .video-type-layer .video-type-wrap .detail-content-layer ul li .img-layer { height: 154px; width: 282px; overflow: hidden; position: relative; }

            .video-type-layer .video-type-wrap .detail-content-layer ul li .img-layer a { display: block; height: 100%; }

                .video-type-layer .video-type-wrap .detail-content-layer ul li .img-layer a .img-cover { position: absolute; left: 0px; top: 0px; width: 280px; height: 154px; z-index: 20; }

            .video-type-layer .video-type-wrap .detail-content-layer ul li .img-layer:hover a .img-cover { opacity: 0.6; filter: alpha(opacity=60); background: url(../images/video-play.png) center center no-repeat #000; }

        .video-type-layer .video-type-wrap .detail-content-layer ul li a img { border: 0px; width: 280px; position: absolute; left: 0px; top: 0px; z-index: 19; }

        .video-type-layer .video-type-wrap .detail-content-layer ul li .intro { height: 103px; }

            .video-type-layer .video-type-wrap .detail-content-layer ul li .intro .title { font-size: 16px; color: #333; padding: 10px; margin: 0px; overflow: hidden; }

            .video-type-layer .video-type-wrap .detail-content-layer ul li .intro .content { font-size: 12px; color: #999; padding: 0 10px; overflow: hidden; }

            .video-type-layer .video-type-wrap .detail-content-layer ul li .intro .watch-video { font-size: 12px; color: #00aaee; float: right; margin: 10px 15px; }



[class*="vedio-detail-icon-"] { background: url(../images/video-detail-icon.png) no-repeat; display: inline-block; vertical-align: middle; }

.vedio-detail-icon-count { width: 45px; height: 45px; background-position-x: 1px; background-position-y: 2px; margin-top: 30px; }

.vedio-detail-icon-time { width: 45px; height: 45px; background-position-x: -168px; background-position-y: 2px; margin-left: 150px; margin-top: 30px; }


/*  news  */
.news-layer { width: 100%; }

    .news-layer .news-wrap { width: 1180px; height: 200px; padding-top: 36px; padding-bottom: 36px; margin: 0 auto; border-bottom: 1px solid #f4f4f4; position: relative; }

        .news-layer .news-wrap:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

        .news-layer .news-wrap .left-img { float: left; width: 284px; height: 200px; margin-right: 35px; position: relative; }

            .news-layer .news-wrap .left-img .block { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

            .news-layer .news-wrap .left-img img { width: 284px; height: 200px; }

        .news-layer .news-wrap .right-text-layer { float: left; width: 735px; }

            .news-layer .news-wrap .right-text-layer .title { padding: 0px; margin: 0px; }

                .news-layer .news-wrap .right-text-layer .title a { color: #333; font-size: 20px; font-weight: normal; }

                    .news-layer .news-wrap .right-text-layer .title a:hover { color: #00aaee; }

            .news-layer .news-wrap .right-text-layer .content { color: #666; font-size: 14px; font-weight: normal; line-height: 25px; padding: 0px; margin: 0px; padding-top: 20px; height: 50px; overflow: hidden; }

            .news-layer .news-wrap .right-text-layer .date { font-size: 12px; color: #999; font-weight: normal; display: block; padding-top: 20px; }

        .news-layer .news-wrap .detail { font-size: 12px; color: #0ae; position: absolute; right: 0px; bottom: 36px; }

/* news  detail */
.news-detail-layer { width: 100%; }

    .news-detail-layer .news-detail-wrap { width: 1100px; margin: 0 auto; }

        .news-detail-layer .news-detail-wrap .nav { padding-top: 72px; height: 25px; line-height: 25px; }

            .news-detail-layer .news-detail-wrap .nav a { color: #00aaee; }

        .news-detail-layer .news-detail-wrap .title { padding-top: 72px; height: 30px; line-height: 30px; margin: 0px; color: #333; font-weight: normal; }

        .news-detail-layer .news-detail-wrap .attr { padding-top: 36px; height: 25px; line-height: 25px; padding-bottom: 36px; border-bottom: 1px solid #f4f4f4; }

            .news-detail-layer .news-detail-wrap .attr span { display: inline-block; font-size: 12px; color: gray; height: 25px; line-height: 25px; margin-right: 25px; }

                .news-detail-layer .news-detail-wrap .attr span i { display: inline-block; background: url(../images/news-icon.png) left top no-repeat; width: 25px; height: 25px; padding-right: 5px; }

                .news-detail-layer .news-detail-wrap .attr span label { display: inline-block; }

            .news-detail-layer .news-detail-wrap .attr .time i { background-position-x: -7px; background-position-y: 4px; }

            .news-detail-layer .news-detail-wrap .attr .source i { background-position-x: -48px; background-position-y: 3px; }

            .news-detail-layer .news-detail-wrap .attr .viewcount i { background-position-x: -92px; background-position-y: 2px; }
                 

        .news-detail-layer .news-detail-wrap .content-layer { padding-top: 36px; text-indent: 2em; padding-bottom: 36px; border-bottom: 1px solid #f4f4f4; }

            .news-detail-layer .news-detail-wrap .content-layer p { color: #333; font-size: 16px; line-height: 30px; margin: 0px; padding: 0px; }

        .news-detail-layer .news-detail-wrap .next-news-layer { width: 100%; padding: 36px 0px; font-size: 16px; color: #333; }

            .news-detail-layer .news-detail-wrap .next-news-layer a { color: gray; font-size: 16px; }

            .news-detail-layer .news-detail-wrap .next-news-layer .prev { float: right; color: #333; font-size: 16px; }

                .news-detail-layer .news-detail-wrap .next-news-layer .prev a { color: #999; }

            .news-detail-layer .news-detail-wrap .next-news-layer:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }


.pager-layer { width: 100%; }

    .pager-layer .pager-wrap { text-align: center; height: 35px; padding-top: 72px; padding-bottom: 76px; }

        .pager-layer .pager-wrap .total { display: inline-block; margin-right: 14px; font-size: 12px; }

        .pager-layer .pager-wrap a { display: inline-block; width: 25px; height: 28px; line-height: 30px; border-radius: 5px; border: 1px solid #e7e7e7; font-size: 12px; text-align: center; margin: 0 2px; color: #333; }

            .pager-layer .pager-wrap a:hover, .pager-layer .pager-wrap a.cur { border-color: #00aaee; background-color: #00aaee; color: #fff; }

            .pager-layer .pager-wrap a.prev { width: 70px; text-align: center; margin-right: 10px; }

            .pager-layer .pager-wrap a.next { width: 70px; text-align: center; margin-left: 10px; }




/* download */
.download-ios-layer { min-width: 1220px; min-height: 800px; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: url(../images/demo/download-ios-bg.png) 50% no-repeat; background-size: cover; z-index: 100; }

.download-android-layer { min-width: 1220px; min-height: 800px; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: url(../images/demo/download-android-bg.png) 50% no-repeat; background-size: cover; z-index: 100; }

.download-pc-layer { min-width: 1220px; min-height: 800px; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: url(../images/demo/download-pc-bg.png) 50% no-repeat; background-size: cover; z-index: 100; }

.transfer { min-height: 800px; position: relative; }

    .transfer .text-layer { margin: 0 auto; text-align: center; margin-top: 100px; }

        .transfer .text-layer:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

    .transfer .text { float: left; text-align: right; padding-top: 100px; width: 40%; margin-left: 5%; margin-right: 5%; }

        .transfer .text .title-pc { background: url(../images/pc-title.png) right top no-repeat; height: 124px; background-size: contain; }

        .transfer .text .title-ios { background: url(../images/ios-title.png) right top no-repeat; height: 134px; background-size: contain; }

        .transfer .text .title-android { background: url(../images/android-title.png) right top no-repeat; height: 134px; background-size: contain; }

        .transfer .text .download { font-size: 24px; color: #fff; text-align: right; margin-top: 50px; }

            .transfer .text .download img { height: 200px; }

        .transfer .text .version { font-size: 14px; color: silver; margin-top: 20px; text-align: right; margin-right: 25px; }

        .transfer .text .environment { font-size: 16px; color: #fff; margin-top: 30px; text-align: right; }

    .transfer div.pc { float: left; margin-top: 50px; text-align: left; width: 40%; margin-right: 5%; margin-left: 5%; height: 438px; background: url(../images/pc-all.png) left top no-repeat; }

    .transfer div.ios { float: left; text-align: left; width: 45%; margin-left: 5%; height: 609px; background: url(../images/iOS-all.png) left top no-repeat; background-size: contain; }

    .transfer div.android { float: left; text-align: left; width: 45%; margin-left: 5%; height: 624px; background: url(../images/android-all.png) left top no-repeat; background-size: contain; }


.switch-layer-bg { min-width: 1220px; height: 109px; width: 100%; bottom: 0px; left: 0px; background-color: #000; z-index: 1000; position: absolute; opacity: 0.3; filter: alpha(opacity=30); }

.switch-layer { min-width: 1220px; height: 109px; width: 100%; bottom: 0px; z-index: 1001; position: absolute; }

.switch { width: 900px; margin: 0 auto; height: 100%; }

    .switch ul li { float: left; margin: 0px 50px; padding: 0px; height: 109px; width: 188px; text-align: center; }

        .switch ul li:hover, .switch ul li.cur { background: url(../images/demo/download-btn-hover.png) left top no-repeat; }

        .switch ul li a { display: block; width: 100%; height: 100px; }

    .switch ul:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

    .switch ul li a label { display: block; width: 100%; text-align: center; height: 25px; font-size: 14px; color: #fff; }


.falling-star { position: absolute; width: 171px; height: 168px; -webkit-animation: star 4.5s both infinite linear; animation: star 4.5s both infinite linear; text-indent: -99em; overflow: hidden; z-index: 200; }

    .falling-star:after { content: ""; position: absolute; top: 0; left: 0; width: 108px; height: 152px; background: url(../images/star.png) 0 0 no-repeat; background-size: cover; }

.star1 { top: 380px; left: 120px; -webkit-animation-delay: .3s; animation-delay: .3s; }

.star2 { top: 250px; left: 30%; -webkit-animation-delay: 1s; animation-delay: 1s; }

.star3 { top: 360px; left: 25%; margin-left: 200px; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }

.star4 { top: 200px; left: 43%; margin-left: -200px; -webkit-animation-delay: 2s; animation-delay: 2s; }

.star5 { top: 340px; left: 50%; margin-left: -400px; -webkit-animation-delay: 3s; animation-delay: 3s; }

.star6 { top: 180px; left: 35%; margin-left: 250px; -webkit-animation-delay: 4s; animation-delay: 4s; }

@-webkit-keyframes star {
    0% { opacity: 0; -webkit-transform: translate(216px,-304px); }

    12% { opacity: 1; -webkit-transform: translate(108px,-152px); }

    100%,24% { opacity: 0; -webkit-transform: translate(0,0); }
}

@keyframes star {
    0% { opacity: 0; transform: translate(216px,-304px); }

    12% { opacity: 1; transform: translate(108px,-152px); }

    100%,24% { opacity: 0; transform: translate(0,0); }
}

[class*="download-index-"] { background: url(../images/demo/download-icon.png) no-repeat; display: inline-block; vertical-align: middle; }

.download-index-01 { background-position-x: -15px; background-position-y: -30px; width: 208px; height: 60px; }

.download-index-pc-btn { background-position-x: -15px; background-position-y: -220px; width: 208px; height: 60px; }

.download-index-ios { background-position-x: -175px; background-position-y: -300px; width: 100px; height: 75px; }

.download-index-pc { background-position-x: -45px; background-position-y: -295px; width: 100px; height: 75px; }

.download-index-android { background-position-x: -305px; background-position-y: -295px; width: 100px; height: 75px; }



/* aboutus */
.aboutus-content-layer { width: 100%; position: relative; }

    .aboutus-content-layer .hot-line-layer { width: 1186px; margin: 0 auto; padding-top: 60px; height: 320px; }

    .aboutus-content-layer .service-line { width: 1186px; margin: 0 auto; padding-top: 50px; }

    .aboutus-content-layer .service-line-column { width: 1186px; margin: 0 auto; padding-top: 55px; padding-bottom: 60px; height: 242px; }

    .aboutus-content-layer .service-line h1 { color: #333; font-size: 24px; font-weight: normal; margin: 0px; }

    .aboutus-content-layer .service-line-column .column1 { width: 200px; }

    .aboutus-content-layer .service-line-column .column2 { width: 200px; margin-left: 97px; }

    .aboutus-content-layer .service-line-column .column3 { width: 200px; margin-left: 97px; }

    .aboutus-content-layer .service-line-column .column4 { width: 200px; margin-left: 97px; }

    .aboutus-content-layer .service-line-column .service-line-layer ul li h2 { color: #666; font-size: 16px; font-weight: normal; margin: 0px; margin-left: 55px; }

    .aboutus-content-layer .service-line-column .service-line-layer ul li .tel { background: url(../images/tel_bg.png) top center no-repeat; margin: 0px; margin-left: 55px; margin-top: 24px; height: 48px; width: 200px; }

        .aboutus-content-layer .service-line-column .service-line-layer ul li .tel h3 { color: #0AE; font-size: 16px; font-weight: normal; margin-left: 70px; width: 200px; display: inline-block; margin-top: 14px; }

    .aboutus-content-layer .service-line-column .service-line-layer ul li .two { padding-top: 41px; }

    .aboutus-content-layer .service-line-column .service-line-layer ul li img { margin: 0px; margin-left: 55px; margin-top: 24px; }

    .aboutus-content-layer .service-line-column .service-line-layer { float: left; height: 310px; }

    .aboutus-content-layer .service-line-column:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

    .aboutus-content-layer .hot-line-layer .hot-line-column { float: left; height: 310px; }


    .aboutus-content-layer .company-layer { width: 1186px; margin: 0 auto; }

    .aboutus-content-layer .white-line { height: 3px; background-color: #fff; }

    .aboutus-content-layer .map-address .address { width: 410px; margin: 0 auto; padding-left: 645px; padding-top: 55px; }

        .aboutus-content-layer .map-address .address h1 { color: #333; font-size: 24px; font-weight: normal; margin: 0px; padding-bottom: 50px; }

        .aboutus-content-layer .map-address .address .aboutus-icon-address h2 { color: #666; font-size: 16px; font-weight: normal; margin: 0px; line-height: 40px; padding-left: 48px; width: 300px; }

        .aboutus-content-layer .map-address .address .aboutus-icon-telphone h2 { color: #666; font-size: 16px; font-weight: normal; margin: 0px; line-height: 40px; padding-left: 48px; padding-top: 8px; width: 300px; }

        .aboutus-content-layer .map-address .address .aboutus-icon-message h2 { color: #666; font-size: 16px; font-weight: normal; margin: 0px; line-height: 40px; padding-left: 48px; padding-top: 8px; width: 300px; }

        .aboutus-content-layer .map-address .address h3 { color: #999; font-size: 14px; font-weight: normal; margin: 0px; margin-top: 80px; }

    .aboutus-content-layer .map-address { width: 1186px; margin: 0 auto; padding-top: 109px; padding-bottom: 140px; height: 395px; }

    .aboutus-content-layer .company-layer ul li.company1 { width: 240px; padding-left: 116px; }

    .aboutus-content-layer .company-layer ul li.company2 { width: 240px; padding-left: 383px; }

    .aboutus-content-layer .company-layer ul li h1 { color: #666; font-size: 16px; font-weight: normal; margin: 0px; }

        .aboutus-content-layer .company-layer ul li h1.selected { color: #0ae; }

    .aboutus-content-layer .company-layer ul li { float: left; height: 80px; padding-top: 95px; }

    .aboutus-content-layer .company-layer ul:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

    .aboutus-content-layer .map-address img { float: left; height: 395px; width: 663px; }

    .aboutus-content-layer .map-address:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

    .aboutus-content-layer .hot-line-layer .hot-line-column h1 { color: #333; font-size: 24px; font-weight: normal; margin: 0px; }

.hot-line-column img { margin-top: 60px; }

.aboutus-content-layer .hot-line-layer .hotline h2 { color: #666; font-size: 16px; font-weight: normal; margin: 0px; margin-top: 48px; padding-left: 80px; }


[class*="aboutus-icon-"] { background: url(../images/aboutus-icon.png) no-repeat; display: inline-block; vertical-align: middle; }

.aboutus-icon-qq { width: 165px; height: 45px; background-position-x: -298px; background-position-y: -170px; }

    .aboutus-icon-qq:active { width: 165px; height: 45px; background-position-x: -116px; background-position-y: -170px; }

.aboutus-icon-radio { width: 26px; height: 26px; background-position-x: -71px; background-position-y: -16px; margin-top: 45px; margin-left: 70px; }

    .aboutus-icon-radio.selected { background-position-x: -16px; background-position-y: -16px; }

.aboutus-icon-address { width: 40px; height: 40px; background-position-x: -14px; background-position-y: -78px; display: block; }

.aboutus-icon-telphone { width: 40px; height: 45px; background-position-x: -14px; background-position-y: -125px; display: block; }

.aboutus-icon-message { width: 40px; height: 45px; background-position-x: -14px; background-position-y: -181px; display: block; }

.aboutus-content-layer .hot-line-layer .hotline { width: 351px; }

.aboutus-content-layer .hot-line-layer .online-service { width: 160px; margin-left: 190px; }

    .aboutus-content-layer .hot-line-layer .online-service ul { padding-top: 38px; width: 165px; }

#search-text { color: #333; font-size: 18px; margin: 20px; }
input::-webkit-input-placeholder { font-size: 14px; margin: 20px; }
.qa-content-layer { width: 100%; position: relative; }

    .qa-content-layer .qa-content-colum { width: 1186px; margin: 0 auto; padding-top: 50px; padding-bottom: 53px; }

        .qa-content-layer .qa-content-colum h1 { color: #333; font-size: 24px; font-weight: normal; margin: 0px; padding-bottom: 70px; }

        .qa-content-layer .qa-content-colum > div { width: 1186px; height: 105px; margin: 0 auto; }

        .qa-content-layer .qa-content-colum div div a { width: 380px; height: 105px; border: 1px solid #eee; float: left; }

            .qa-content-layer .qa-content-colum div div a.cur, .qa-content-layer .qa-content-colum div div a:hover { width: 380px; height: 105px; border: 1px solid #0ae; float: left; }

        .qa-content-layer .qa-content-colum > div > div a h2 { color: #666; font-size: 16px; font-weight: normal; margin-left: 80px; margin-top: 21px; }

        .qa-content-layer .qa-content-colum > div > div a.cur h2, .qa-content-layer .qa-content-colum > div > div a:hover h2 { color: #0ae; font-size: 16px; font-weight: normal; margin-left: 80px; margin-top: 21px; }

        .qa-content-layer .qa-content-colum > div > div a h3 { color: #999; font-size: 12px; font-weight: normal; margin-top: 15px; margin-left: 28px; }

        .qa-content-layer .qa-content-colum > div > div a.cur h3, .qa-content-layer .qa-content-colum > div > div a:hover h3 { color: #0ae; font-size: 12px; font-weight: normal; margin-top: 15px; margin-left: 28px; }

.aboutus-content-layer .hot-line-layer .online-service ul li { padding: 10px 0px; width: 165px; }

    .aboutus-content-layer .hot-line-layer .online-service ul li a { display: block; }

.qa-content-layer .qa-content-list { width: 1186px; margin: 0 auto; }

    .qa-content-layer .qa-content-list h2 { color: #333; font-size: 16px; margin: 0px; margin-left: 259px; }

    .qa-content-layer .qa-content-list h3 { color: #666; font-size: 14px; font-weight: normal; margin: 0px; width: 706px; display: inline-block; }

    .qa-content-layer .qa-content-list h4 { color: #999; font-size: 12px; font-weight: normal; margin: 0px; margin-left: 262px; margin-top: 23px; margin-bottom: 23px; }

    .qa-content-layer .qa-content-list ul li a { color: #0ae; font-size: 12px; font-weight: normal; margin: 0px; margin-top: 33px; margin-left: 1008px; margin-bottom: 27px; }

    .qa-content-layer .qa-content-list .answers { color: #000; font-weight: normal; font-size: 16px; margin-left: 45px; margin-top: 0px; vertical-align: top; }

.aboutus-content-layer .hot-line-layer .support { width: 251px; margin-left: 230px; }

.qa-content-layer .qa-content-list .black-line { height: 1px; background-color: #f4f4f4; margin-top: 10px; }

.qa-content-layer .qa-content-list ul li { padding-top: 30px; }

    .qa-content-layer .qa-content-list ul li img { float: left; height: 162px; width: 211px; }

    .qa-content-layer .qa-content-list ul li:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

.aboutus-content-layer .hot-line-layer .support h1 { text-align: center; }

.qa-content-layer .qa-pager { width: 1186px; margin: 0 auto; padding-top: 60px; padding-bottom: 60px; }

    .qa-content-layer .qa-pager h2 { color: #333; font-size: 12px; font-weight: normal; margin: 0px; margin-left: 370px; }

.aboutus-content-layer .hot-line-layer .support img { margin-top: 35px; }

.aboutus-content-layer .hot-line-layer:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

.qa-content-layer .qa-content-about { width: 1186px; height: 480px; margin: 0 auto; padding-top: 60px; }

    .qa-content-layer .qa-content-about h1 { color: #333; font-size: 24px; font-weight: normal; margin: 0px; padding-bottom: 60px; }

.aboutus-content-layer .service-line { width: 1186px; margin: 0 auto; padding-top: 50px; }

.qa-content-layer .qa-content-about .online1 { width: 357px; height: 323px; margin: 0 auto; background-color: #ffffff; float: left; }

.qa-content-layer .qa-content-about .online2 { width: 56px; height: 323px; margin: 0 auto; background-color: #f9f9f9; float: left; }

.aboutus-content-layer .service-line-column { width: 1186px; margin: 0 auto; padding-top: 55px; padding-bottom: 60px; height: 242px; }

.qa-content-layer .qa-content-about .online1 h1 { color: #0ae; font-size: 24px; font-weight: normal; margin-top: 21px; margin-left: 18px; padding-bottom: 0px; }

.qa-content-layer .qa-content-about .online1 h2 { color: #333; font-size: 20px; font-weight: normal; margin-top: 28px; margin-left: 18px; }

.qa-content-layer .qa-content-about .online1 h3 { color: #333; font-size: 20px; font-weight: normal; margin-top: 10px; margin-left: 18px; }

.qa-content-layer .qa-content-about .online1 h4 { color: #666; font-size: 14px; font-weight: normal; margin: 0 auto; margin-top: 12px; margin-left: 21px; }

.qa-content-layer .qa-content-about .online1 h5 { color: #666; font-size: 14px; font-weight: normal; margin: 0 auto; margin-left: 21px; }

.qa-content-layer .qa-content-about .online1 h6 { color: #333; font-size: 16px; font-weight: normal; margin: 0 auto; margin-left: 18px; margin-bottom: 20px; }

.qa-content-layer .qa-content-about .online1 span { color: #666; font-size: 14px; font-weight: normal; margin: 0 auto; margin-left: 60px; display: block; margin-bottom: 11px; }

.aboutus-content-layer .service-line h1 { color: #333; font-size: 24px; font-weight: normal; margin: 0px; }

.banner-layer .cover .nav .search-layer { position: absolute; margin-left: 28%; }

    .banner-layer .cover .nav .search-layer .keyword { left: 0; top: 0; position: absolute; font-size: 14px; color: #000; text-align: center; margin-top: 197px; margin-left: 10px; }

    .banner-layer .cover .nav .search-layer .search-layer-title { color: #fff; font-size: 36px; font-weight: normal; margin-top: 68px; /*margin-left: 447px;
        margin-top: 74px;*/ }

    .banner-layer .cover .nav .search-layer .search-text { margin-top: 43px; background: url(../images/box_seach.png) no-repeat; width: 687px; height: 53px; border: 0px; }

.banner-layer .cover .nav .searchlist-layer { position: absolute; margin-left: 28%; }

    .banner-layer .cover .nav .searchlist-layer .keyword { left: 0; top: 0; position: absolute; font-size: 20px; color: #000; text-align: center; margin-top: 91px; margin-left: 10px; }

    .banner-layer .cover .nav .searchlist-layer .search-layer-title { color: #fff; font-size: 36px; font-weight: normal; margin-top: 90px; }

    .banner-layer .cover .nav .searchlist-layer .search-text { margin-top: 77px; }


[class*="qa-icon-"] { background: url(../images/qa_icon.png) no-repeat; display: inline-block; vertical-align: middle; }

.qa-icon-function { width: 26px; height: 26px; background-position-x: -29px; background-position-y: -113px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-content-layer .qa-content-colum div div a:hover .qa-icon-function, .qa-content-layer .qa-content-colum div div a.cur .qa-icon-function { width: 26px; height: 26px; background-position-x: -32px; background-position-y: -21px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-icon-intro { width: 26px; height: 26px; background-position-x: -130px; background-position-y: -113px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-content-layer .qa-content-colum div div a:hover .qa-icon-intro, .qa-content-layer .qa-content-colum div div a.cur .qa-icon-intro { width: 26px; height: 26px; background-position-x: -131px; background-position-y: -21px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-content-layer .qa-content-colum div div a:hover .qa-icon-operat, .qa-content-layer .qa-content-colum div div a.cur .qa-icon-operat { width: 26px; height: 26px; background-position-x: -233px; background-position-y: -21px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-icon-operat { width: 26px; height: 26px; background-position-x: -232px; background-position-y: -114px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-icon-service { width: 26px; height: 26px; background-position-x: -29px; background-position-y: -153px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-content-layer .qa-content-colum div div a:hover .qa-icon-service, .qa-content-layer .qa-content-colum div div a.cur .qa-icon-service { width: 26px; height: 26px; background-position-x: -32px; background-position-y: -66px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-icon-user { width: 26px; height: 28px; background-position-x: -128px; background-position-y: -154px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-content-layer .qa-content-colum div div a:hover .qa-icon-user, .qa-content-layer .qa-content-colum div div a.cur .qa-icon-user { width: 26px; height: 28px; background-position-x: -128px; background-position-y: -67px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-icon-money { width: 26px; height: 26px; background-position-x: -234px; background-position-y: -154px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-content-layer .qa-content-colum div div a:hover .qa-icon-money, .qa-content-layer .qa-content-colum div div a.cur .qa-icon-money { width: 26px; height: 26px; background-position-x: -237px; background-position-y: -67px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-icon-phone { width: 48px; height: 32px; background-position-x: -29px; background-position-y: -223px; float: left; margin-top: 5px; margin-left: 43px; }


[class*="qa-buttonicon-"] { background: url(../images/btn_05_1.png) no-repeat; display: inline-block; vertical-align: middle; }

.qa-buttonicon-zx { width: 102px; height: 38px; background-position-x: -116px; background-position-y: -20px; float: left; margin-top: 14px; margin-left: 109px; }

    .qa-buttonicon-zx:hover { width: 102px; height: 38px; background-position-x: -116px; background-position-y: -87px; float: left; margin-top: 14px; margin-left: 109px; }

    .qa-buttonicon-zx:active { width: 102px; height: 38px; background-position-x: -116px; background-position-y: -153px; float: left; margin-top: 14px; margin-left: 109px; }

.qa-buttonicon-ly { width: 102px; height: 38px; background-position-x: -263px; background-position-y: -20px; float: left; margin-top: 14px; margin-left: 109px; }

    .qa-buttonicon-ly:hover { width: 102px; height: 38px; background-position-x: -263px; background-position-y: -87px; float: left; margin-top: 14px; margin-left: 109px; }

    .qa-buttonicon-ly:active { width: 102px; height: 38px; background-position-x: -263px; background-position-y: -153px; float: left; margin-top: 14px; margin-left: 109px; }

.qa-buttonicon-searchbutton { width: 98px; height: 50px; background-position-x: -415px; background-position-y: -20px; margin-bottom: 5px; margin-left: 30px; }

    .qa-buttonicon-searchbutton:active { width: 98px; height: 50px; background-position-x: -415px; background-position-y: -151px; margin-bottom: 5px; margin-left: 30px; }

.vedio-detail-icon-count-qa { width: 32px; height: 45px; background-position-x: 1px; background-position-y: 2px; margin-top: 22px; }

/*qa-search*/
.search-detail-layer { width: 100%; }

    .search-detail-layer .search-detail-wrap { width: 1200px; padding-top: 75px; margin: 0 auto; position: relative; }

        .search-detail-layer .search-detail-wrap .answers-type-layer { width: 225px; height: 503px; margin-right: 40px; float: left; border: 1px solid #e5e5e5; }

        .search-detail-layer .search-detail-wrap .answers-list-layer { border: 1px solid #e5e5e5; width: 831px; float: left; padding-left: 45px; padding-right: 50px; }

        .search-detail-layer .search-detail-wrap .answers-detail-layer { border: 1px solid #e5e5e5; width: 831px; float: left; padding-left: 45px; padding-right: 50px; }

            .search-detail-layer .search-detail-wrap .answers-detail-layer h2 { color: #0ae; font-size: 14px; margin: 0 auto; margin-top: 35px; font-weight: normal; margin-bottom: 35px; }

                .search-detail-layer .search-detail-wrap .answers-detail-layer h2 span { color: #666; font-size: 14px; margin: 0 auto; margin-top: 35px; font-weight: normal; }

            .search-detail-layer .search-detail-wrap .answers-detail-layer .detail h1 { color: #333; font-size: 20px; margin: 0 auto; margin-top: 35px; font-weight: normal; }

            .search-detail-layer .search-detail-wrap .answers-detail-layer .detail { border-top: 1px solid #f4f4f4; }

                .search-detail-layer .search-detail-wrap .answers-detail-layer .detail h4 { color: #999; font-size: 12px; margin: 0 auto; font-weight: normal; margin-top: 8px; margin-left: 30px; }

                    .search-detail-layer .search-detail-wrap .answers-detail-layer .detail h4 span { color: #999; margin: 0 auto; font-size: 14px; font-weight: normal; }

                .search-detail-layer .search-detail-wrap .answers-detail-layer .detail h3 { color: #666; font-size: 14px; font-weight: normal; margin: 0 auto; margin-top: 25px; margin-left: 30px; margin-bottom: 23px; }

                    .search-detail-layer .search-detail-wrap .answers-detail-layer .detail h3 span { color: #333; font-size: 18px; font-weight: normal; margin: 0 auto; }

        .search-detail-layer .search-detail-wrap:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

        .search-detail-layer .search-detail-wrap .answers-type-layer .title { background-color: #333; height: 81px; margin-bottom: 20px; }

            .search-detail-layer .search-detail-wrap .answers-type-layer .title span { color: #fff; font-size: 25px; font-weight: normal; vertical-align: bottom; margin-left: 10px; }

        .search-detail-layer .search-detail-wrap .answers-type-layer .title-name { border: 1px solid #fff; height: 65px; }

            .search-detail-layer .search-detail-wrap .answers-type-layer .title-name:hover { border: 1px solid #0ae; height: 65px; }

            .search-detail-layer .search-detail-wrap .answers-type-layer .title-name.cur { border: 1px solid #0ae; height: 65px; }

            .search-detail-layer .search-detail-wrap .answers-type-layer .title-name:hover a h3 { color: #0ae; font-size: 16px; font-weight: normal; width: 129px; margin-left: 50px; margin-top: 2px; }

            .search-detail-layer .search-detail-wrap .answers-type-layer .title-name.cur a h3 { color: #0ae; font-size: 16px; font-weight: normal; width: 129px; margin-left: 50px; margin-top: 2px; }

            .search-detail-layer .search-detail-wrap .answers-type-layer .title-name h3 { color: #666; font-size: 16px; font-weight: normal; width: 129px; margin-left: 50px; margin-top: 2px; }

        .search-detail-layer .search-detail-wrap .answers-list-layer h2 { color: #666; font-size: 16px; margin: 0 auto; font-weight: normal; margin-top: 35px; margin-bottom: 35px; }

            .search-detail-layer .search-detail-wrap .answers-list-layer h2 span { color: #333; font-size: 18px; margin: 0 auto; font-weight: normal; }

        .search-detail-layer .search-detail-wrap .answers-list-layer .list-detail { border-top: 1px solid #f4f4f4; }
        .search-detail-layer .search-detail-wrap .answers-list-layer .list-detail-null { border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; height: 430px; }
            .search-detail-layer .search-detail-wrap .answers-list-layer .list-detail-null h3 { color: #999; font-size: 16px; margin: 0 auto; text-align: center; font-weight: normal; margin-top: 210px; }

        .search-detail-layer .search-detail-wrap .answers-list-layer .list-detail h1 { color: #333; font-size: 20px; margin: 0 auto; margin-top: 35px; font-weight: normal; }

        .search-detail-layer .search-detail-wrap .answers-list-layer .list-detail h4 { color: #999; font-size: 12px; margin: 0 auto; font-weight: normal; margin-top: 8px; margin-left: 30px; }

            .search-detail-layer .search-detail-wrap .answers-list-layer .list-detail h4 span { color: #999; margin: 0 auto; font-size: 14px; font-weight: normal; }

        .search-detail-layer .search-detail-wrap .answers-list-layer .list-detail h3 { color: #666; font-size: 14px; font-weight: normal; margin: 0 auto; margin-top: 25px; margin-left: 30px; margin-bottom: 23px; }

            .search-detail-layer .search-detail-wrap .answers-list-layer .list-detail h3 span { color: #333; font-size: 18px; font-weight: normal; margin: 0 auto; }

        .search-detail-layer .search-detail-wrap .answers-list-layer .list-detail a { color: #0ae; font-size: 12px; font-weight: normal; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; margin-left: 778px; }

.tw-png { background: url(../images/search-buttom.png) no-repeat; display: inline-block; margin-top: 25px; width: 866px; height: 157px; margin-bottom: 15px; }

.search-detail-layer .search-detail-wrap .answers-type-layer .title-name:hover a.qa-icon-function, .search-detail-layer .search-detail-wrap .answers-type-layer .title-name.cur a.qa-icon-function { width: 26px; height: 26px; background-position-x: -32px; background-position-y: -21px; float: left; margin-top: 20px; margin-left: 28px; }

.search-detail-layer .search-detail-wrap .answers-type-layer .title-name:hover a.qa-icon-intro, .search-detail-layer .search-detail-wrap .answers-type-layer .title-name.cur a.qa-icon-intro { width: 26px; height: 26px; background-position-x: -131px; background-position-y: -21px; float: left; margin-top: 20px; margin-left: 28px; }

.search-detail-layer .search-detail-wrap .answers-type-layer .title-name:hover a.qa-icon-operat, .search-detail-layer .search-detail-wrap .answers-type-layer .title-name.cur a.qa-icon-operat { width: 26px; height: 26px; background-position-x: -233px; background-position-y: -21px; float: left; margin-top: 20px; margin-left: 28px; }





.search-detail-layer .search-detail-wrap .answers-type-layer .title-name:hover a.qa-icon-service, .search-detail-layer .search-detail-wrap .answers-type-layer .title-name.cur a.qa-icon-service { width: 26px; height: 26px; background-position-x: -32px; background-position-y: -66px; float: left; margin-top: 20px; margin-left: 28px; }



.search-detail-layer .search-detail-wrap .answers-type-layer .title-name:hover a.qa-icon-user, .search-detail-layer .search-detail-wrap .answers-type-layer .title-name.cur a.qa-icon-user { width: 26px; height: 28px; background-position-x: -128px; background-position-y: -67px; float: left; margin-top: 20px; margin-left: 28px; }


.search-detail-layer .search-detail-wrap .answers-type-layer .title-name:hover a.qa-icon-money, .search-detail-layer .search-detail-wrap .answers-type-layer .title-name.cur a.qa-icon-money { width: 26px; height: 26px; background-position-x: -237px; background-position-y: -67px; float: left; margin-top: 20px; margin-left: 28px; }

.tw-button { background: url(../images/qa-search-btn.png) no-repeat; display: inline-block; background-position-x: -238px; background-position-y: -26px; vertical-align: middle; height: 33px; width: 91px; margin-top: 88px; margin-left: 702px; }

    .tw-button:hover, .tw-button:active { background: url(../images/qa-search-btn.png) no-repeat; display: inline-block; background-position-x: -238px; background-position-y: -72px; vertical-align: middle; height: 33px; width: 91px; margin-top: 88px; margin-left: 702px; }

.qa-title-icon { background: url(../images/qa-search-icon.png) no-repeat; display: inline-block; background-position-x: -5px; background-position-y: -8px; vertical-align: middle; height: 40px; width: 40px; margin-top: 14px; margin-left: 32px; }







/* cooperate*/



.coope-bottom-layer { width: 100%; position: relative; }

.coop-context { width: 1070px; margin: 0 auto; text-align: center; padding-top: 65px; padding-bottom: 65px; }

    .coop-context .text { background: url(../images/coop-01.png) no-repeat left top; padding-left: 700px; padding-top: 40px; height: 338px; }

        .coop-context .text h1 { color: #333; font-size: 35px; font-weight: normal; text-align: center; text-align: left; }

        .coop-context .text p { color: #333; font-size: 20px; font-weight: normal; text-align: center; text-align: left; }

    .coop-context .text1 { background: url(../images/coop-02.png) no-repeat right 70px; margin-left: 100px; padding-top: 127px; height: 383px; }

        .coop-context .text1 h1 { color: #333; font-size: 35px; font-weight: normal; text-align: center; text-align: left; }

        .coop-context .text1 p { color: #333; font-size: 20px; font-weight: normal; text-align: center; text-align: left; }

    .coop-context .text2 { background: url(../images/coop-03.png) no-repeat left top; padding-left: 700px; padding-top: 110px; height: 419px; }

        .coop-context .text2 h1 { color: #333; font-size: 35px; font-weight: normal; text-align: center; text-align: left; }

        .coop-context .text2 p { color: #333; font-size: 20px; font-weight: normal; text-align: center; text-align: left; }

    .coop-context .text3 { background: url(../images/coop-004.png) no-repeat right 70px; margin-left: 100px; padding-top: 217px; height: 291px; }

        .coop-context .text3 h1 { color: #333; font-size: 35px; font-weight: normal; text-align: center; text-align: left; }

        .coop-context .text3 p { color: #333; font-size: 20px; font-weight: normal; text-align: center; text-align: left; }

.coope-bottom-layer .coope-bottom { width: 1070px; margin: 0 auto; text-align: center; padding-top: 65px; padding-bottom: 65px; height: 340px; }

    .coope-bottom-layer .coope-bottom .line-column { float: left; height: 310px; }

    .coope-bottom-layer .coope-bottom .online-hot { width: 500px; }

    .coope-bottom-layer .coope-bottom .online-service { width: 400px; }

    .coope-bottom-layer .coope-bottom .line-column h1 { color: #333; font-size: 24px; font-weight: normal; margin: 0px; text-align: left; padding-left: 80px; }

    .coope-bottom-layer .coope-bottom .line-column h2 { color: #666; font-size: 16px; font-weight: normal; margin: 0px; margin-top: 48px; padding-left: 80px; text-align: left; }

    .coope-bottom-layer .coope-bottom .online-service ul li { padding-left: 200px; padding-bottom: 10px; padding-top: 10px; width: 165px; }

.cooperate-context .content-title > div { width: 1169px; height: 50px; margin: 0 auto; }

    .cooperate-context .content-title > div > div { width: 165px; height: 50px; border: 1px solid #f9f9f9; float: left; background-color: #fff; }

        .cooperate-context .content-title > div > div:hover { width: 165px; height: 50px; border: 1px solid #0ae; float: left; background-color: #0ae; }

        .cooperate-context .content-title > div > div h1 { color: #333; font-size: 14px; font-weight: normal; text-align: center; line-height: 30px; }

            .cooperate-context .content-title > div > div h1:hover { color: #fff; font-size: 14px; font-weight: normal; text-align: center; line-height: 30px; }

.cooperate-context .cooperate-detail { width: 1169px; height: 490px; border: 1px solid #f9f9f9; background-color: #fff; margin-bottom: 90px; margin-left: 365px; }

    .cooperate-context .cooperate-detail .cooperate-detail-content { width: 944px; height: 315px; padding-top: 62px; padding-left: 82px; }

        .cooperate-context .cooperate-detail .cooperate-detail-content h2 { color: #333; font-size: 20px; font-weight: normal; margin-bottom: 50px; }

        .cooperate-context .cooperate-detail .cooperate-detail-content h3 { color: #666; font-size: 16px; font-weight: normal; margin-bottom: 50px; }

        .cooperate-context .cooperate-detail .cooperate-detail-content h4 { color: #333; font-size: 16px; font-weight: normal; margin-bottom: 80px; }

            .cooperate-context .cooperate-detail .cooperate-detail-content h4 span { color: #333; font-size: 14px; font-weight: normal; }

        .cooperate-context .cooperate-detail .cooperate-detail-content h5 { color: #333; font-size: 20px; font-weight: normal; }

            .cooperate-context .cooperate-detail .cooperate-detail-content h5 span { color: #ff6b31; font-size: 20px; font-weight: normal; }

.aboutus-content-layer .service-line-column .column1 { width: 200px; }

.aboutus-content-layer .service-line-column .column2 { width: 200px; margin-left: 97px; }

.aboutus-content-layer .service-line-column .column3 { width: 200px; margin-left: 97px; }

.aboutus-content-layer .service-line-column .column4 { width: 200px; margin-left: 97px; }

.aboutus-content-layer .service-line-column .service-line-layer ul li h2 { color: #666; font-size: 16px; font-weight: normal; margin: 0px; margin-left: 55px; }

.aboutus-content-layer .service-line-column .service-line-layer ul li .tel { background: url(../images/tel_bg.png) top center no-repeat; margin: 0px; margin-left: 55px; margin-top: 24px; height: 48px; width: 200px; }

    .aboutus-content-layer .service-line-column .service-line-layer ul li .tel h3 { color: #0AE; font-size: 16px; font-weight: normal; margin-left: 70px; width: 200px; display: inline-block; margin-top: 14px; }

.aboutus-content-layer .service-line-column .service-line-layer ul li .two { padding-top: 41px; }

.aboutus-content-layer .service-line-column .service-line-layer ul li img { margin: 0px; margin-left: 55px; margin-top: 24px; }

.aboutus-content-layer .service-line-column .service-line-layer { float: left; height: 310px; }

.aboutus-content-layer .service-line-column:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

.aboutus-content-layer .company-layer { width: 1186px; margin: 0 auto; }

.aboutus-content-layer .white-line { height: 3px; background-color: #fff; }

.aboutus-content-layer .map-address .address { width: 410px; margin: 0 auto; padding-left: 645px; padding-top: 55px; }

    .aboutus-content-layer .map-address .address h1 { color: #333; font-size: 24px; font-weight: normal; margin: 0px; padding-bottom: 50px; }

    .aboutus-content-layer .map-address .address .aboutus-icon-address h2 { color: #666; font-size: 16px; font-weight: normal; margin: 0px; line-height: 40px; padding-left: 48px; width: 500px; }

    .aboutus-content-layer .map-address .address .aboutus-icon-telphone h2 { color: #666; font-size: 16px; font-weight: normal; margin: 0px; line-height: 40px; padding-left: 48px; padding-top: 8px; width: 300px; }

    .aboutus-content-layer .map-address .address .aboutus-icon-message h2 { color: #666; font-size: 16px; font-weight: normal; margin: 0px; line-height: 40px; padding-left: 48px; padding-top: 8px; width: 300px; }

    .aboutus-content-layer .map-address .address h3 { color: #999; font-size: 14px; font-weight: normal; margin: 0px; margin-top: 80px; }

.aboutus-content-layer .map-address { width: 1186px; margin: 0 auto; padding-top: 109px; padding-bottom: 140px; height: 395px; }

.aboutus-content-layer .company-layer ul li.company1 { width: 240px; padding-left: 116px; }

.aboutus-content-layer .company-layer ul li.company2 { width: 240px; padding-left: 383px; }

.aboutus-content-layer .company-layer ul li h1 { color: #666; font-size: 16px; font-weight: normal; margin: 0px; }

    .aboutus-content-layer .company-layer ul li h1.selected { color: #0ae; }

.aboutus-content-layer .company-layer ul li { float: left; height: 80px; padding-top: 95px; }

.aboutus-content-layer .company-layer ul:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

.aboutus-content-layer .map-address img { float: left; height: 395px; width: 663px; }

.aboutus-content-layer .map-address:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }



[class*="aboutus-icon-"] { background: url(../images/aboutus-icon.png) no-repeat; display: inline-block; vertical-align: middle; }

.aboutus-icon-qq { width: 165px; height: 45px; background-position-x: -298px; background-position-y: -170px; }

    .aboutus-icon-qq:active { width: 165px; height: 45px; background-position-x: -116px; background-position-y: -170px; }

    .aboutus-icon-qq:hover { width: 165px; height: 45px; background-position-x: -116px; background-position-y: -170px; }

.aboutus-icon-radio { width: 26px; height: 26px; background-position-x: -71px; background-position-y: -16px; margin-top: 45px; margin-left: 70px; }

    .aboutus-icon-radio.selected { background-position-x: -16px; background-position-y: -16px; }

.aboutus-icon-address { width: 40px; height: 40px; background-position-x: -14px; background-position-y: -78px; display: block; }

.aboutus-icon-telphone { width: 40px; height: 45px; background-position-x: -14px; background-position-y: -125px; display: block; }

.aboutus-icon-message { width: 40px; height: 45px; background-position-x: -14px; background-position-y: -181px; display: block; }


/* qa */
/*留言板*/

.mine .leaveMessage { position: fixed; left: 429px; bottom: 20px; height: 899px; width: 1044px; background-color: #fff; border-radius: 10px; z-index: 10000; }

.leaveMessage h1 { color: #000; font-size: 24px; font-weight: normal; text-align: center; margin-top: 12px; }

.leaveMessage h2 { color: #666; font-size: 16px; font-weight: normal; text-align: center; margin-top: 30px; margin-bottom: 62px; }

.leaveMessage .textbox { height: 65px; width: 860px; background-color: #fff; border: 1px solid #D2D2D2; border-radius: 5px; margin-left: 92px; margin-bottom: 25px; }

.leaveMessage .content { height: 265px; width: 860px; background-color: #fff; border: 1px solid #D2D2D2; border-radius: 5px; margin-left: 92px; margin-bottom: 40px; }

.leaveMessage .textbox .words { color: #999; font-size: 14px; font-weight: normal; margin-left: 22px; margin-top: 24px; float: left; width: 760px; }

[class*="qa-lyicon-"] { background: url(../images/qa-icon.png) no-repeat; display: inline-block; vertical-align: middle; }

.qa-lyicon-close { width: 60px; height: 60px; background-position-x: 28px; background-position-y: 9px; margin-left: 984px; }

.qa-lyicon-upward { width: 30px; height: 30px; background-position-x: -41px; background-position-y: 9px; margin-left: 800px; }

.qa-lyicon-down { width: 30px; height: 30px; background-position-x: -79px; background-position-y: 9px; margin-left: 800px; }

[class*="qa-lybutton-"] { background: url(../images/qa-ly-btn.png) no-repeat; display: inline-block; vertical-align: middle; }

.qa-lybutton-submit { width: 210px; height: 60px; background-position-x: 8px; background-position-y: 9px; margin-left: 425px; }

    .qa-lybutton-submit:hover { width: 210px; height: 60px; background-position-x: 8px; background-position-y: -54px; margin-left: 425px; }

    .qa-lybutton-submit:active { width: 210px; height: 60px; background-position-x: 8px; background-position-y: -54px; margin-left: 425px; }

.qa-content-layer { width: 100%; position: relative; }

> .qa-content-layer { width: 100%; position: relative; }

.qa-content-layer .qa-content-colum { width: 1186px; margin: 0 auto; padding-top: 50px; padding-bottom: 53px; }

    .qa-content-layer .qa-content-colum h1 { color: #333; font-size: 24px; font-weight: normal; margin: 0px; padding-bottom: 70px; }

    .qa-content-layer .qa-content-colum > div { width: 1186px; height: 105px; margin: 0 auto; }

    .qa-content-layer .qa-content-colum div div a { width: 380px; height: 105px; border: 1px solid #eee; float: left; }

        .qa-content-layer .qa-content-colum div div a.cur, .qa-content-layer .qa-content-colum div div a:hover { width: 380px; height: 105px; border: 1px solid #0ae; float: left; }

    .qa-content-layer .qa-content-colum > div > div a h2 { color: #666; font-size: 16px; font-weight: normal; margin-left: 80px; margin-top: 21px; }

    .qa-content-layer .qa-content-colum > div > div a.cur h2, .qa-content-layer .qa-content-colum > div > div a:hover h2 { color: #0ae; font-size: 16px; font-weight: normal; margin-left: 80px; margin-top: 21px; }

    .qa-content-layer .qa-content-colum > div > div a h3 { color: #999; font-size: 12px; font-weight: normal; margin-top: 15px; margin-left: 28px; }

    .qa-content-layer .qa-content-colum > div > div a.cur h3, .qa-content-layer .qa-content-colum > div > div a:hover h3 { color: #0ae; font-size: 12px; font-weight: normal; margin-top: 15px; margin-left: 28px; }


.qa-content-layer .qa-content-list { width: 1186px; margin: 0 auto; }

    .qa-content-layer .qa-content-list h2 { color: #333; font-size: 16px; margin: 0px; margin-left: 259px; }

    .qa-content-layer .qa-content-list h3 { color: #666; font-size: 14px; font-weight: normal; margin: 0px; width: 706px; display: inline-block; height: 50px; }

    .qa-content-layer .qa-content-list h4 { color: #999; font-size: 12px; font-weight: normal; margin: 0px; margin-left: 262px; margin-top: 23px; margin-bottom: 23px; }

    .qa-content-layer .qa-content-list h5 { color: #0ae; font-size: 12px; font-weight: normal; margin: 0px; margin-left: 1008px; margin-bottom: 44px; }

    .qa-content-layer .qa-content-list .answers { color: #000; font-weight: normal; font-size: 16px; margin-left: 45px; margin-top: 0px; vertical-align: top; }

    .qa-content-layer .qa-content-list .black-line { height: 1px; background-color: #f4f4f4; margin-top: 10px; }

    .qa-content-layer .qa-content-list ul li { padding-top: 30px; }

        .qa-content-layer .qa-content-list ul li img { float: left; height: 162px; width: 211px; }

        .qa-content-layer .qa-content-list ul li:after { clear: both; visibility: hidden; content: ' '; display: block; height: 0px; }

.qa-content-layer .qa-pager { width: 1186px; margin: 0 auto; padding-top: 60px; padding-bottom: 60px; }

    .qa-content-layer .qa-pager h2 { color: #333; font-size: 12px; font-weight: normal; margin: 0px; margin-left: 370px; }


.qa-content-layer .qa-content-about { width: 1186px; height: 480px; margin: 0 auto; padding-top: 60px; }

    .qa-content-layer .qa-content-about h1 { color: #333; font-size: 24px; font-weight: normal; margin: 0px; padding-bottom: 60px; }


    .qa-content-layer .qa-content-about .online1 { width: 357px; height: 323px; margin: 0 auto; background-color: #ffffff; float: left; }

    .qa-content-layer .qa-content-about .online2 { width: 56px; height: 323px; margin: 0 auto; background-color: #f9f9f9; float: left; }

    .qa-content-layer .qa-content-about .online1 h1 { color: #0ae; font-size: 24px; font-weight: normal; margin-top: 21px; margin-left: 18px; padding-bottom: 0px; }

    .qa-content-layer .qa-content-about .online1 h2 { color: #333; font-size: 20px; font-weight: normal; margin-top: 28px; margin-left: 18px; }

    .qa-content-layer .qa-content-about .online1 h3 { color: #333; font-size: 20px; font-weight: normal; margin-top: 10px; margin-left: 18px; }

    .qa-content-layer .qa-content-about .online1 h4 { color: #666; font-size: 14px; font-weight: normal; margin: 0 auto; margin-top: 12px; margin-left: 21px; }

    .qa-content-layer .qa-content-about .online1 h5 { color: #666; font-size: 14px; font-weight: normal; margin: 0 auto; margin-left: 21px; }

    .qa-content-layer .qa-content-about .online1 h6 { color: #333; font-size: 16px; font-weight: normal; margin: 0 auto; margin-left: 18px; margin-bottom: 20px; }

    .qa-content-layer .qa-content-about .online1 span { color: #666; font-size: 14px; font-weight: normal; margin: 0 auto; margin-left: 60px; display: block; margin-bottom: 11px; }






[class*="qa-icon-"] { background: url(../images/qa_icon.png) no-repeat; display: inline-block; vertical-align: middle; }

.qa-icon-function { width: 26px; height: 26px; background-position-x: -29px; background-position-y: -113px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-content-layer .qa-content-colum div div a:hover .qa-icon-function, .qa-content-layer .qa-content-colum div div a.cur .qa-icon-function { width: 26px; height: 26px; background-position-x: -32px; background-position-y: -21px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-icon-intro { width: 26px; height: 26px; background-position-x: -130px; background-position-y: -113px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-content-layer .qa-content-colum div div a:hover .qa-icon-intro, .qa-content-layer .qa-content-colum div div a.cur .qa-icon-intro { width: 26px; height: 26px; background-position-x: -131px; background-position-y: -21px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-content-layer .qa-content-colum div div a:hover .qa-icon-operat, .qa-content-layer .qa-content-colum div div a.cur .qa-icon-operat { width: 26px; height: 26px; background-position-x: -233px; background-position-y: -21px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-icon-operat { width: 26px; height: 26px; background-position-x: -232px; background-position-y: -114px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-icon-service { width: 26px; height: 26px; background-position-x: -29px; background-position-y: -153px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-content-layer .qa-content-colum div div a:hover .qa-icon-service, .qa-content-layer .qa-content-colum div div a.cur .qa-icon-service { width: 26px; height: 26px; background-position-x: -32px; background-position-y: -66px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-icon-user { width: 26px; height: 28px; background-position-x: -128px; background-position-y: -154px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-content-layer .qa-content-colum div div a:hover .qa-icon-user, .qa-content-layer .qa-content-colum div div a.cur .qa-icon-user { width: 26px; height: 28px; background-position-x: -128px; background-position-y: -67px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-icon-money { width: 26px; height: 26px; background-position-x: -234px; background-position-y: -154px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-content-layer .qa-content-colum div div a:hover .qa-icon-money, .qa-content-layer .qa-content-colum div div a.cur .qa-icon-money { width: 26px; height: 26px; background-position-x: -237px; background-position-y: -67px; float: left; margin-top: 20px; margin-left: 28px; }

.qa-icon-phone { width: 48px; height: 32px; background-position-x: -29px; background-position-y: -223px; float: left; margin-top: 5px; margin-left: 43px; }


[class*="qa-buttonicon-"] { background: url(../images/btn_05_1.png) no-repeat; display: inline-block; vertical-align: middle; }

.qa-buttonicon-zx { width: 102px; height: 38px; background-position-x: -116px; background-position-y: -20px; float: left; margin-top: 14px; margin-left: 109px; }

    .qa-buttonicon-zx:hover { width: 102px; height: 38px; background-position-x: -116px; background-position-y: -87px; float: left; margin-top: 14px; margin-left: 109px; }

    .qa-buttonicon-zx:active { width: 102px; height: 38px; background-position-x: -116px; background-position-y: -153px; float: left; margin-top: 14px; margin-left: 109px; }
.index-tw-button { background: url(../images/qa-search-btn.png) no-repeat; display: inline-block; background-position-x: -238px; background-position-y: -26px; vertical-align: middle; height: 33px; width: 91px; margin-top: 14px; margin-left: 109px; }

    .index-tw-button:hover, .index-tw-button:active { background: url(../images/qa-search-btn.png) no-repeat; display: inline-block; background-position-x: -238px; background-position-y: -72px; vertical-align: middle; height: 33px; width: 91px; margin-top: 14px; margin-left: 109px; }
/*.qa-buttonicon-ly {
    width: 102px;
    height: 38px;
    background-position-x: -263px;
    background-position-y: -20px;
    float: left;
    margin-top: 14px;
    margin-left: 109px;
}

    .qa-buttonicon-ly:hover {
        width: 102px;
        height: 38px;
        background-position-x: -263px;
        background-position-y: -87px;
        float: left;
        margin-top: 14px;
        margin-left: 109px;
    }

    .qa-buttonicon-ly:active {
        width: 102px;
        height: 38px;
        background-position-x: -263px;
        background-position-y: -153px;
        float: left;
        margin-top: 14px;
        margin-left: 109px;
    }*/

.qa-buttonicon-searchbutton { width: 98px; height: 50px; background-position-x: -415px; background-position-y: -20px; margin-bottom: 5px; margin-left: 30px; }

    .qa-buttonicon-searchbutton:active { width: 98px; height: 50px; background-position-x: -415px; background-position-y: -151px; margin-bottom: 5px; margin-left: 30px; }


/* cooperate*/
.cooperate-context .content-title > div { width: 1169px; height: 50px; margin: 0 auto; }

    .cooperate-context .content-title > div > div { width: 165px; height: 50px; border: 1px solid #f9f9f9; float: left; background-color: #fff; }

        .cooperate-context .content-title > div > div:hover { width: 165px; height: 50px; border: 1px solid #0ae; float: left; background-color: #0ae; }

        .cooperate-context .content-title > div > div h1 { color: #333; font-size: 14px; font-weight: normal; text-align: center; line-height: 30px; }

            .cooperate-context .content-title > div > div h1:hover { color: #fff; font-size: 14px; font-weight: normal; text-align: center; line-height: 30px; }

.cooperate-context .cooperate-detail { width: 1169px; height: 490px; border: 1px solid #f9f9f9; background-color: #fff; margin-bottom: 90px; margin-left: 365px; }

    .cooperate-context .cooperate-detail .cooperate-detail-content { width: 944px; height: 315px; padding-top: 62px; padding-left: 82px; }

        .cooperate-context .cooperate-detail .cooperate-detail-content h2 { color: #333; font-size: 20px; font-weight: normal; margin-bottom: 50px; }

        .cooperate-context .cooperate-detail .cooperate-detail-content h3 { color: #666; font-size: 16px; font-weight: normal; margin-bottom: 50px; }

        .cooperate-context .cooperate-detail .cooperate-detail-content h4 { color: #333; font-size: 16px; font-weight: normal; margin-bottom: 80px; }

            .cooperate-context .cooperate-detail .cooperate-detail-content h4 span { color: #333; font-size: 14px; font-weight: normal; }

        .cooperate-context .cooperate-detail .cooperate-detail-content h5 { color: #333; font-size: 20px; font-weight: normal; }

            .cooperate-context .cooperate-detail .cooperate-detail-content h5 span { color: #ff6b31; font-size: 20px; font-weight: normal; }


.epin-content-layer { width: 100%; position: relative; background-color: #fff; min-width: 1220px; }
    .epin-content-layer .epin-content-block { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }

.epin-content-wrap { width: 1200px; margin: 0 auto; padding-top: 115px; padding-bottom: 120px; }
.epin-content-layer .epin-content-wrap .title { margin: 0px; padding: 0px; font-size: 36px; color: #333; font-weight: normal; text-align: center !important; }
.epin-content-layer .epin-content-wrap .title2 { padding: 26px 0; color: #666; font-size: 22px; text-align: center; margin: 0px; font-weight: normal; }
.epin-content-layer .epin-content-wrap .text { background: url(../images/epin-tes.png) no-repeat 125px 50px; padding-left: 725px; padding-top: 50px; height: 475px; }
.epin-content-layer .epin-content-wrap p { width: 315px; line-height: 22px; }
    .epin-content-layer .epin-content-wrap p strong { font-size: 16px; color: #333; font-weight: normal; }
    .epin-content-layer .epin-content-wrap p.detail { font-size: 14px; color: #666; }


.dwell-content-layer { width: 100%; position: relative; background-color: #fff; min-width: 1220px; }
    .dwell-content-layer .dwell-content-block { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }

.dwell-content-wrap { width: 1200px; margin: 0 auto; padding-top: 0px; padding-bottom: 120px; }
.dwell-content-layer .dwell-content-wrap .title { margin: 0px; padding: 0px; font-size: 36px; color: #333; font-weight: normal; text-align: center !important; }
.dwell-content-layer .dwell-content-wrap .title2 { padding: 26px 0; color: #666; font-size: 22px; text-align: center; margin: 0px; font-weight: normal; }

    .dwell-content-layer .dwell-content-wrap .title2 ul li { float: left; margin: 0 20px; cursor: pointer; }

.dwell-content-layer .dwell-content-wrap .text { background: url(../images/epin-tes.png) no-repeat 125px 50px; padding-left: 725px; padding-top: 50px; height: 475px; }


.dwell-content-layer .dwell-content-wrap .enterprise-list ul li { width: 470px; height: 225px; float: left; margin: 30px 63px; }

    .dwell-content-layer .dwell-content-wrap .enterprise-list ul li:hover { box-shadow: 0 1px 5px 3px rgba(210,210,210,.5); }

.dwell-content-layer .dwell-content-wrap .enterprise-list:after { clear: both; content: ' '; display: block; visibility: hidden; height: 0px; }


.dwell-content-layer .dwell-content-wrap .enterprise-list ul li .pic { float: left; padding: 25px; }

    .dwell-content-layer .dwell-content-wrap .enterprise-list ul li .pic img { width: 175px; height: 175px; }

.dwell-content-layer .dwell-content-wrap .enterprise-list ul li .info { float: left; width: 230px; }

    .dwell-content-layer .dwell-content-wrap .enterprise-list ul li .info h1 { font-size: 22px; color: #333; vertical-align: top; padding-top: 35px; padding-bottom: 30px; font-weight: normal; }
    .dwell-content-layer .dwell-content-wrap .enterprise-list ul li .info div { font-size: 18px; color: #999; }



.dwell-content-layer .dwell-content-wrap .enterprise-list ul li:after { clear: both; content: ' '; display: block; visibility: hidden; height: 0px; }


.android-btn { background: url(../images/android_normal.png) no-repeat left top; width: 160px; height: 43px; display: inline-block; }
    .android-btn:hover { background: url(../images/android_hover.png) no-repeat left top; }

.ios-btn { background: url(../images/ios_normal.png) no-repeat left top; width: 160px; height: 43px; display: inline-block; }
    .ios-btn:hover { background: url(../images/ios_hover.png) no-repeat left top; }