@charset "utf-8";

/* top */
.common-top {
    position: relative;
}
#seracrh_top_box{
    position:relative;
}
#seracrh_top_box .img_box{
    position: absolute;
    right: 15px;
    top: 18px;
    width: 30px;
    height: 30px;
    background: #81848a;
    cursor:pointer;
}
#seracrh_top_box .img_box img{
    width:20px;
    margin: 5px;
}
#seracrh_top_input{
       color: #2a303c;
    margin-right: 15px;
    padding-left: 10px;
    display: block;
    height: 30px;
    /* margin-top: 18px; */
    /* width: 160px; */
    font-size: 12px;
    position: absolute;
    right: 30px;
    top: 18px;
}
    .common-top .top-bg {
        background: #2a303c;
        height: 65px;
    }

    .common-top .child-bg {
        width: 100%;
        height: 150px;
        position: absolute;
        top: 65px;
        left: 0;
        background: #2e343f;
        display: none;
        z-index: 3;
        filter:alpha(opacity:90); 
        opacity:0.9;  
        -moz-opacity:0.9;
        -khtml-opacity: 0.9;
    }

    .common-top .logo {
        float: left;
        height: auto;
        padding: 0 30px 0 15px;
        line-height: normal;
    }

        .common-top .logo img {
            height: 36px;
            width: 108px;
            margin-top: 14px;
            float: left;
        }

        .common-top .logo .platform-name {
            float: left;
            padding-top: 12px;
        }

            .common-top .logo .platform-name h2 {
                color: #fff;
                font-size: 20px;
                margin: 0 0 0 15px;
                font-style: italic;
            }

            .common-top .logo .platform-name p {
                color: #fff;
                font-size: 12px;
                margin: 2px 0 0 15px;
                font-style: italic;
            }

    .common-top .navbar-default {
        border: none;
    }

    .common-top .navbar-nav > li > a {
        padding: 0 10px;
        height: 65px;
        line-height: 65px;
        color: #fff;
    }

        .common-top .navbar-nav > li > a .caret {
            color: #fff;
            margin-left: 10px;
        }

.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li:hover > a {
    background: transparent;
    color: #00a4ff;
}

.navbar-default .navbar-nav > li.have-child {
    position: relative;
}

    .navbar-default .navbar-nav > li.have-child:hover .child-nav {
        display: block;
    }

    .navbar-default .navbar-nav > li.have-child .child-nav {
        display: none;
    }

    .navbar-default .navbar-nav > li.have-child .child-nav {
        position: absolute;
        color: #fff;
        z-index: 4;
        width: 600px;
        padding: 18px 0;
        top: 65px;
        left: -58px;
    }

        .navbar-default .navbar-nav > li.have-child .child-nav .child-nav-lft {
            border-right: 1px solid #45484c;
        }

            .navbar-default .navbar-nav > li.have-child .child-nav .child-nav-lft li a {
                color: #fff;
                width: 100%;
                display: block;
            }

            .navbar-default .navbar-nav > li.have-child .child-nav .child-nav-lft li.active a {
                color: #00a4ff;
            }

            .navbar-default .navbar-nav > li.have-child .child-nav .child-nav-lft li a:hover {
                color: #00a4ff;
            }

            .navbar-default .navbar-nav > li.have-child .child-nav .child-nav-lft li {
                padding: 10px;
                width: 199px;
            }

        .navbar-default .navbar-nav > li.have-child .child-nav .child-nav-rgt {
            width: 400px;
            padding-left: 50px;
        }

            .navbar-default .navbar-nav > li.have-child .child-nav .child-nav-rgt .child-cont {
                display: none;
            }

                .navbar-default .navbar-nav > li.have-child .child-nav .child-nav-rgt .child-cont:first-child {
                    display: block;
                }

                .navbar-default .navbar-nav > li.have-child .child-nav .child-nav-rgt .child-cont .title {
                    font-size: 16px;
                    color: #fff;
                    font-weight: normal;
                    margin-bottom: 20px;
                    display: block;
                }

            .navbar-default .navbar-nav > li.have-child .child-nav .child-nav-rgt p {
                color: #fff;
                margin-bottom: 20px;
            }

            .navbar-default .navbar-nav > li.have-child .child-nav .child-nav-rgt a {
                color: #00a4ff;
            }

.common-top .phone {
    font-size: 16px;
    font-style: italic;
    color: #fff;
    line-height: 65px;
    margin-right: 15px;
    background: url(../images/index_icon.png) 0 17px no-repeat;
    padding-left: 40px;
    display: block;
}

.common-top .nav-login {
    padding: 15px;
}

    .common-top .nav-login > li > a {
        height: 33px;
        line-height: 33px;
        padding: 0 20px;
    }

    .common-top .nav-login .reg {
        border: 1px solid #6e737b;
    }

        .common-top .nav-login .reg:hover {
            border-color: #00a4ff;
        }

/* body */
.index-body {
    margin-top: 65px;
    width: 100%;
}

/* banner */
#index_banner .swiper-slide {
    height: 500px;
}

    #index_banner .swiper-slide.slide1 {
         background: url(../images/DoubleMark/banner6.jpg) center center no-repeat;
    }

    #index_banner .swiper-slide.slide2 {
         background: url(../images/banner1.jpg) center center no-repeat;
    }

    #index_banner .swiper-slide.slide3 {
        background: url(../images/banner3.jpg) center center no-repeat;
    }

    #index_banner .swiper-slide.slide4 {
        background: url(../images/banner4.jpg) center center no-repeat;
    }
      #index_banner .swiper-slide.slide5 {
        background: url(../images/banner5.jpg) center center no-repeat;
    }


        #index_banner .swiper-slide.slide4 .banner-cont .link {
            margin-top: 150px;
        }

            #index_banner .swiper-slide.slide4 .banner-cont .link:hover {
                border-color: #fde851;
                color: #fde851;
            }

    #index_banner .swiper-slide .banner-cont {
        width: 1200px;
        margin: 0 auto;
        padding: 120px 30px 0;
    }

        #index_banner .swiper-slide .banner-cont .question {
            font-size: 18px;
            color: #fff;
        }

        #index_banner .swiper-slide .banner-cont .answer {
            font-size: 46px;
            color: #fff;
        }

        #index_banner .swiper-slide .banner-cont .link {
            height: 60px;
            width: 180px;
            display: block;
            font-size: 20px;
            color: #fff;
            line-height: 60px;
            text-align: center;
            border: 1px solid #fff;
            margin-top: 50px;
        }

            #index_banner .swiper-slide .banner-cont .link:hover {
                color: #00a4ff;
                border-color: #00a4ff;
            }

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #00a4ff;
}

#index_banner .swiper-slide.slide4 .banner-conts .link {
    margin-top: 150px;
}

    #index_banner .swiper-slide.slide4 .banner-conts .link:hover {
        border-color: #fde851;
        color: #fde851;
    }

#index_banner .swiper-slide .banner-conts {
    width: 1200px;
    margin: 0 auto;
    padding: 120px 30px 0;
}

    #index_banner .swiper-slide .banner-conts .question {
        font-size: 18px;
        color: #fff;
    }

    #index_banner .swiper-slide .banner-conts .answer {
        font-size: 46px;
        color: #fff;
    }

    #index_banner .swiper-slide .banner-conts .link {
        height: 60px;
        width: 180px;
        display: block;
        font-size: 20px;
        font-weight: 500;
        color: #6d5224;
        line-height: 50px;
        text-align: center;
        border: 5px solid #6d5224;
        margin-top: 160px;
    }

        #index_banner .swiper-slide .banner-contss .link:hover {
            color: #ab7821;
            border-color:#ab7821; /*#00a4ff;*/
        }
.swiper-pagination-bullet {
    background: #fff;
}

/* point */
.point {
    height: 120px;
    width: 100%;
    background: #f7f8fa;
}

    .point .point-box {
        width: 1200px;
        height: 120px;
        margin: 0 auto;
        background: url(../images/point_bg.jpg) center center no-repeat;
    }

        .point .point-box li {
            height: 120px;
            padding-left: 100px;
            padding-top: 13px;
            border-left: 1px solid #e8e8e8;
            background-image: url(../images/index_icon.png);
            background-repeat: no-repeat;
        }

            .point .point-box li .title {
                font-size: 18px;
            }

            .point .point-box li .description {
                font-size: 14px;
                color: #999999;
                font-style: normal;
            }

            .point .point-box li:first-child {
                border-left: none;
                background-position: 20px -50px;
            }

                .point .point-box li:first-child + li {
                    background-position: 25px -390px;
                }

                    .point .point-box li:first-child + li + li {
                        background-position: 25px -276px;
                    }

                        .point .point-box li:first-child + li + li + li {
                            background-position: 20px -161px;
                        }

/* service */
/*.service {
    width: 1200px;
    height: 620px;
    margin: 0 auto;
    background: url(../images/service.jpg) center center no-repeat;
}

.service .b-title {
    font-size: 32px;
    padding-top: 60px;
    text-align: center;
}*/
        .service {
            width: 1200px; 
            height: 620px;
            margin: 0 auto;
            background: url("../images/servicebg.png") center center no-repeat;
            overflow:hidden;
        }
        .service .b-title {
            font-size: 32px;
            padding-top: 60px;
            text-align: center;
        }
            .service .mobile {
                display:none;
            }
        .service .block{
            width: 1000px;
            margin: 58px auto 0;
        }
        .service .i-box{
            width: 50%;
            float: left;
            overflow: hidden;
        }
        .service .i-box .miaoxu{
            width: 50%;
            text-align: right;
            float: left;
            margin-top: 13px;
            overflow: hidden;
        }
        .service .i-box .xf{
            font-size: 20px;
            padding-right: 20px;
            color: #333;
        }
        .service .i-box .smallXf{
            font-size: 14px;
            padding-right: 24px;
            margin-top: 18px;
            color: #999;
        }
        .service .i-box .xfImg{
            width: 90px;
            height: 104px;
            float: left;
            background: url("../images/odr.png") center center no-repeat;
        }
        .service .i-boxTwo{
            width: 50%;
            float: right;
        }
        .service .i-boxTwo .miaoxuTwo{
            width: 50%;
            text-align: center;
            float: right;
            margin-top: -15px;
        }
        .service .i-boxTwo .miaoxuTwo .qw{
            font-size: 20px;
            padding-right: 90px;
            color: #333;
        }
        .service .i-boxTwo .miaoxuTwo .samllQw{
            font-size: 14px;
            margin-top: 19px;
            padding-right: 82px;
            color: #999;
        }
        .service .i-boxTwo .qwImg{
            width: 90px;
            height: 104px;
            float: left;
            margin-left: 150px;
            margin-top: -30px;
            background: url("../images/renzheng.png") center center no-repeat;
        }
        .service .blockTwo{
            width: 1000px;
            margin: 308px auto 0;
        }
        .service .zsBlock{
            margin-top: 73px;
        }
        .service .blockTwo .spImg{
            width: 90px;
            height: 104px;
            float: left;
            background: url("../images/suyuan.png") center center no-repeat;
        }
        .service .blockTwo .spWen{
            text-align: center;
        }
            .service .blockTwo .zsImg {
                width: 90px;
                height: 104px;
                float: left;
                margin-left: 150px;
                margin-top: -30px;
                background: url("../images/design.png") center center no-repeat;
            }
        .service .blockTwo .zs{
            color: #333;
        }
        .service .blockTwo .samllZs{
            color: #999;
        }
        .service .blockTwo .zs,.samllZs{
            font-size: 20px;
            white-space: nowrap;
        }
/* purchase */
.purchase {
    width: 100%;
    background: #f7f8fa;
}

    .purchase .purchase-box {
        width: 1200px;
        margin: 0 auto;
        padding: 60px 100px;
    }

        .purchase .purchase-box .b-title {
            font-size: 32px;
            margin-bottom: 50px;
            text-align: center;
        }

        .purchase .purchase-box .purchase-table {
            width: 100%;
            background: #fff;
        }

            .purchase .purchase-box .purchase-table th, .purchase .purchase-box .purchase-table td {
                padding: 15px;
                text-align: center;
                border: 1px solid #eaeaea;
            }

            .purchase .purchase-box .purchase-table th {
                font-size: 16px;
                font-weight: normal;
                background: #f7f7f7;
                height: 100px;
                padding: 0;
            }

            .purchase .purchase-box .purchase-table td {
                padding: 15px;
            }

            .purchase .purchase-box .purchase-table th .line-box {
                position: relative;
                width: 100%;
                height: 100%;
                overflow: hidden;
            }

            .purchase .purchase-box .purchase-table th .line {
                top: 0;
                left: 0;
                height: 0;
                width: 0;
                border-right: 103px solid #ddd;
                border-top: 100px solid #ddd;
                border-left: 320px dashed transparent;
                border-bottom: 70px dashed transparent;
                position: absolute;
            }

                .purchase .purchase-box .purchase-table th .line .border {
                    top: -101px;
                    left: -322px;
                    height: 0;
                    width: 0;
                    border-right: 102px solid #f7f7f7;
                    border-top: 99px solid #f7f7f7;
                    border-left: 320px dashed transparent;
                    border-bottom: 70px dashed transparent;
                    position: absolute;
                }

            /*.purchase .purchase-box .purchase-table th .line {  
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    border-right: 218px solid #ddd;
    border-top: 31px solid #ddd;
    border-left: 102px dashed transparent;
    border-bottom: 68px dashed transparent;
    position:absolute;
    display:inline-block;
    vertical-align:middle
}

.purchase .purchase-box .purchase-table th .line .border {
    top: -31px;
    left: -101px;
    height: 0;
    width: 0;
    border-right: 217px solid #f7f7f7;
    border-top: 30px solid #f7f7f7;
    border-left: 102px dashed transparent;
    border-bottom: 68px dashed transparent;
    position:absolute
}*/

            .purchase .purchase-box .purchase-table th .rzlx {
                position: absolute;
                top: 20px;
                right: 35px;
                font-size: 16px;
                z-index: 2;
            }

            .purchase .purchase-box .purchase-table th .fwnr {
                position: absolute;
                bottom: 25px;
                left: 25px;
                font-size: 16px;
                z-index: 2;
            }

            .purchase .purchase-box .purchase-table th .relative-box {
                position: relative;
                width: 100%;
                height: 100%;
            }

            .purchase .purchase-box .purchase-table th .instruction {
                position: relative;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 3;
                font-size: 16px;
                padding-top: 10px;
            }

            .purchase .purchase-box .purchase-table th .tooltip {
                width: 210px;
            }

            .purchase .purchase-box .purchase-table th .purchase-shadow {
                width: 100%;
                height: 478px;
                position: absolute;
                top: 0;
                left: 0;
                box-shadow: 0 0 14px #888;
                z-index: 2;
                display: none;
            }

            .purchase .purchase-box .purchase-table td.price {
                font-size: 18px;
                color: #00a4ff;
            }

            .purchase .purchase-box .purchase-table th .link {
                height: 96px;
            }

            .purchase .purchase-box .purchase-table th .link {
                width: 150px;
                height: 45px;
                line-height: 45px;
                display: block;
                margin: 0 auto;
                color: #00a4ff;
                font-size: 16px;
                border: 1px solid #00a4ff;
                position: absolute;
                left: 50%;
                margin-left: -75px;
                z-index: 3;
                top: 65%;
                margin-top: -23px;
            }

/* honor */
.honor {
    background: #f7f8fa;
}

    .honor .honor-bg {
        width: 1200px;
        margin: 0 auto;
        padding: 60px 0;
        background: url(../images/honor_bg.png) center top no-repeat;
    }

        .honor .honor-bg .b-title {
            font-size: 32px;
            margin-bottom: 50px;
            text-align: center;
        }

        .honor .honor-bg .honor-list .list-cont li {
            width: 25%;
            float: left;
            padding: 10px;
        }

            .honor .honor-bg .honor-list .list-cont li .cont-box {
                background: rgba(255,255,255,.65);
                border: 1px solid #e5e5e5;
                padding: 40px;
                min-height: 320px;
            }

                .honor .honor-bg .honor-list .list-cont li .cont-box .honor-title {
                    text-align: center;
                    font-size: 24px;
                }

                .honor .honor-bg .honor-list .list-cont li .cont-box .honor-detail {
                    text-align: center;
                    line-height: 25px;
                }

                .honor .honor-bg .honor-list .list-cont li .cont-box .honor-icon {
                    background-image: url(../images/honor_icon.png);
                    display: block;
                    margin: 30px auto;
                }

                    .honor .honor-bg .honor-list .list-cont li .cont-box .honor-icon.icon1 {
                        background-position: 0px -327px;
                        width: 50px;
                        height: 43px;
                    }

                    .honor .honor-bg .honor-list .list-cont li .cont-box .honor-icon.icon2 {
                        background-position: 0px -154px;
                        width: 66px;
                        height: 35px;
                        margin: 34px auto;
                    }

                    .honor .honor-bg .honor-list .list-cont li .cont-box .honor-icon.icon3 {
                        background-position: 0px -420px;
                        width: 51px;
                        height: 44px;
                    }

                    .honor .honor-bg .honor-list .list-cont li .cont-box .honor-icon.icon4 {
                        background-position: 0px 0px;
                        width: 148px;
                        height: 19px;
                        margin: 42px auto;
                    }

                    .honor .honor-bg .honor-list .list-cont li .cont-box .honor-icon.icon5 {
                        background-position: 0px -610px;
                        width: 50px;
                        height: 50px;
                    }

                    .honor .honor-bg .honor-list .list-cont li .cont-box .honor-icon.icon6 {
                        background-position: 0px -239px;
                        width: 61px;
                        height: 38px;
                        margin: 35px auto;
                    }

                    .honor .honor-bg .honor-list .list-cont li .cont-box .honor-icon.icon7 {
                        background-position: 0px -69px;
                        width: 55px;
                        height: 35px;
                        margin: 37px auto;
                    }

                    .honor .honor-bg .honor-list .list-cont li .cont-box .honor-icon.icon8 {
                        background-position: 0px -514px;
                        width: 40px;
                        height: 46px;
                        margin: 32px auto;
                    }

/* customer */
.customer {
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0;
}

    .customer .b-title {
        font-size: 32px;
        margin-bottom: 50px;
        text-align: center;
    }

    .customer .customer-list {
        width: 1200px;
        position: relative;
    }

    .customer #customer {
        width: 1100px;
    }

    .customer .swiper-wrapper .swiper-slide {
        height: 100px;
        text-align: center;
    }

        .customer .swiper-wrapper .swiper-slide img {
            width: 185px;
            height: 100px;
            border: 1px solid #eaeaea;
        }

    .customer .customer-list .prev-btn {
        background: url(../images/index_icon.png) 0px -663px no-repeat;
        width: 40px;
        height: 80px;
        display: block;
        position: absolute;
        left: 0;
        top: 10px;
        z-index: 2;
        cursor: pointer;
    }

    .customer .customer-list .next-btn {
        background: url(../images/index_icon.png) 0px -533px no-repeat;
        width: 40px;
        height: 80px;
        display: block;
        position: absolute;
        right: 0;
        top: 10px;
        z-index: 2;
        cursor: pointer;
    }

/* apply */
.bottom-apply {
    width: 100%;
    height: 350px;
    background: url(../images/apply.jpg) center center no-repeat;
    padding-top: 90px;
}

    .bottom-apply .apply-cont {
        text-align: center;
        font-size: 32px;
    }

    .bottom-apply .apply-btn {
        width: 1200px;
        margin: 50px auto 0;
        text-align: center;
    }

        .bottom-apply .apply-btn a {
            width: 200px;
            height: 60px;
            display: inline-block;
            background: #00a4ff;
            color: #fff;
            font-size: 20px;
            margin: 0 20px;
            line-height: 60px;
        }

/* footer */
.common-footer {
    width: 100%;
    background: #2e3033;
    padding: 50px 0 30px;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.common-footer .footer-list {
    width: 20%;
    float: left;
    margin-bottom: 40px;
}

    .common-footer .footer-list li {
        margin-bottom: 10px;
    }

    .common-footer .footer-list .title {
        color: #fff;
        margin-bottom: 15px;
        font-size: 14px;
    }

    .common-footer .footer-list li, .common-footer .footer-list li a {
        color: #bbbbbb;
        font-size: 12px;
    }

        .common-footer .footer-list li a:hover {
            color: #00a4ff;
        }

        .common-footer .footer-list li img {
            width: 100px;
            height: 100px;
            margin-top: 15px;
        }

.common-footer .copyright {
    border-top: 1px solid #45484c;
    width: 1200px;
    margin: 0 auto;
    padding-top: 40px;
    text-align: center;
}

    .common-footer .copyright p {
        text-align: center;
        color: #bbbbbb;
        font-size: 12px;
        display: inline-block;
    }

    .common-footer .copyright img {
        width: 115px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }

/* fixed */
.fixed-right {
    position: fixed;
    right: 10px;
    top: 30%;
    z-index: 99;
}

    .fixed-right .fixed-apply {
        position: relative;
    }

        .fixed-right .fixed-apply .apply-box {
            width: 60px;
            height: 170px;
            color: #fff;
            padding: 55px 20px 0;
            text-align: center;
            background: #00a4ff url(../images/fixed_icon.png) 17px -365px no-repeat;
            border: 1px solid #ccd1d9;
            cursor: default;
            word-wrap: break-word;
        }

        .fixed-right .fixed-apply:hover .apply-position {
            display: block;
        }

        .fixed-right .fixed-apply .apply-position {
            position: absolute;
            right: 60px;
            top: -20px;
            display: none;
            padding-right: 10px;
        }

        .fixed-right .fixed-apply .apply-detail {
            background: #fff;
            border: 1px solid #f5f5f5;
            padding: 20px 50px 0 30px;
        }

            .fixed-right .fixed-apply .apply-detail .list {
                margin-bottom: 20px;
                width: 160px;
            }

                .fixed-right .fixed-apply .apply-detail .list:after {
                    display: block;
                    content: "";
                    clear: both;
                }

                .fixed-right .fixed-apply .apply-detail .list .icon {
                    background-image: url(../images/fixed_icon.png);
                    background-repeat: no-repeat;
                    display: block;
                    float: left;
                    margin-right: 20px;
                    margin-top: 10px;
                }

                .fixed-right .fixed-apply .apply-detail .list.online .icon {
                    background-position: 0px -66px;
                    width: 28px;
                    height: 28px;
                }

                .fixed-right .fixed-apply .apply-detail .list.online a {
                    display: block;
                    color: #333;
                    margin-bottom: 5px;
                }

                    .fixed-right .fixed-apply .apply-detail .list.online a:hover {
                        color: #00a4ff;
                    }

                .fixed-right .fixed-apply .apply-detail .list.online i {
                    font-style: normal;
                    color: #999;
                }

                .fixed-right .fixed-apply .apply-detail .list.call .icon {
                    background-position: 0px -222px;
                    width: 28px;
                    height: 28px;
                }

                .fixed-right .fixed-apply .apply-detail .list.call p {
                    margin-bottom: 5px;
                }

                .fixed-right .fixed-apply .apply-detail .list.call i {
                    font-style: normal;
                    color: #00a4ff;
                }

                .fixed-right .fixed-apply .apply-detail .list.wechat .icon {
                    background-position: 0px -144px;
                    width: 35px;
                    height: 28px;
                }

                .fixed-right .fixed-apply .apply-detail .list.wechat p {
                    margin-bottom: 5px;
                }

                .fixed-right .fixed-apply .apply-detail .list.wechat img {
                    width: 100px;
                    height: 100px;
                    border: 1px solid #f0f0f0;
                }

    .fixed-right .to-top {
        width: 60px;
        height: 60px;
        background: #fff url(../images/fixed_icon.png) 16px -285px no-repeat;
        display: block;
        margin-top: 30px;
        border: 1px solid #f5f5f5;
        opacity: 0;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity=0);
        cursor: pointer;
    }

/* check */
.check-box {
    margin-top: 65px;
}

    .check-box .check-top {
        background-image: url(../images/check_banner.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        width: 100%;
        height: 250px;
    }

    .check-box .check-size {
        width: 1200px;
        margin: 0 auto;
    }

    .check-box .check-top h2 {
        font-size: 46px;
        color: #fff;
        padding-top: 65px;
    }

    .check-box .check-top p {
        margin-top: 15px;
        font-size: 18px;
        color: #fff;
    }

    .check-box .level-bg {
        background-image: url(../images/check_level.png);
        background-repeat: no-repeat;
        background-position: 550px -25px;
        height: 550px;
        position: relative;
    }

        .check-box .level-bg .level-num {
            position: absolute;
            bottom: 95px;
            right: 330px;
            font-size: 60px;
            color: #ffeb7a;
            font-style: normal;
        }

        .check-box .level-bg .title {
            text-align: center;
            font-size: 32px;
            padding-top: 40px;
        }

        .check-box .level-bg .level {
            margin-top: 110px;
            margin-left: 160px;
        }

            .check-box .level-bg .level .tips {
                color: #999;
                font-size: 24px;
            }

            .check-box .level-bg .level .details {
                font-size: 28px;
                color: #00a4ff;
                margin-left: 48px;
                margin-top: 20px;
                border-bottom: 1px solid #00a4ff;
                width: 290px;
                text-align: center;
                padding-bottom: 10px;
            }

            .check-box .level-bg .level .more {
                width: 150px;
                height: 55px;
                font-size: 18px;
                color: #00a4ff;
                border: 1px solid #00a4ff;
                display: block;
                text-align: center;
                line-height: 53px;
                margin-top: 40px;
            }

    .check-box .check-table {
        background: #f7f8fa;
        padding: 50px 0;
    }

        .check-box .check-table .table-cont {
            width: 1000px;
            margin: 0 auto;
        }

            .check-box .check-table .table-cont th, .check-box .check-table .table-cont td {
                padding: 20px 10px;
                border: 1px solid #eaeaea;
                background: #fff;
                text-align: center;
            }

            .check-box .check-table .table-cont th {
                background: #f7f7f7;
                font-weight: normal;
                font-size: 16px;
                padding: 0 10px;
                height: 85px;
                line-height: 85px;
            }

                .check-box .check-table .table-cont th:first-child {
                    padding: 0;
                }

            .check-box .check-table .table-cont .have-icon {
                background-image: url(../images/have.png);
                width: 29px;
                height: 22px;
                display: inline-block;
            }

            .check-box .check-table .table-cont th .line-box {
                position: relative;
                width: 100%;
                height: 100%;
                overflow: hidden;
            }

            .check-box .check-table .table-cont th .line {
                top: 0;
                left: 0;
                height: 0;
                width: 0;
                border-right: 103px solid #ddd;
                border-top: 100px solid #ddd;
                border-left: 475px dashed transparent;
                border-bottom: 70px dashed transparent;
                position: absolute;
            }

                .check-box .check-table .table-cont th .line .border {
                    top: -101px;
                    left: -478px;
                    height: 0;
                    width: 0;
                    border-right: 102px solid #f7f7f7;
                    border-top: 99px solid #f7f7f7;
                    border-left: 475px dashed transparent;
                    border-bottom: 70px dashed transparent;
                    position: absolute;
                }

            .check-box .check-table .table-cont th .line-box span.cxpj {
                position: absolute;
                top: 20px;
                right: 35px;
                font-size: 16px;
                z-index: 2;
                line-height: normal;
            }

            .check-box .check-table .table-cont th .line-box span.cpnr {
                position: absolute;
                bottom: 20px;
                left: 35px;
                font-size: 16px;
                z-index: 2;
                line-height: normal;
            }

            .check-box .check-table .table-cont td .link {
                height: 40px;
                line-height: 40px;
                width: 110px;
                border: 1px solid #00a4ff;
                color: #00a4ff;
                text-align: center;
                display: inline-block;
            }

/* about */
.about-box {
    margin-top: 65px;
}

    .about-box .about-top {
        background-image: url(../images/about_banner.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        width: 100%;
        height: 250px;
    }

    .about-box .about-size {
        width: 1200px;
        margin: 0 auto;
    }

    .about-box .about-top h2 {
        font-size: 46px;
        color: #fff;
        padding-top: 65px;
    }

    .about-box .about-top p {
        margin-top: 15px;
        font-size: 18px;
        color: #fff;
    }

    .about-box .about-brief {
        width: 1200px;
        margin: 40px auto;
        padding: 0 66px;
    }

        .about-box .about-brief .brief-box {
            background-color: #fcfcfc;
            border: 1px solid #ededed;
            padding: 20px 20px 10px;
        }

        .about-box .about-brief p {
            text-indent: 2em;
            line-height: 25px;
        }

    .about-box .about-cont {
        width: 1200px;
        margin: 20px auto;
    }

        .about-box .about-cont .cont-l {
            float: left;
            width: 50%;
        }

        .about-box .about-cont .cont-r {
            float: left;
            width: 50%;
            border-left: 1px solid #77aae5;
        }

        .about-box .about-cont .cont-detail {
            padding: 20px 66px;
            position: relative;
        }

        .about-box .about-cont .cont-r .cont-detail:before {
            width: 110px;
            height: 34px;
            background-image: url(../images/about_r.png);
            background-repeat: no-repeat;
            display: block;
            position: absolute;
            left: -34px;
            top: 35px;
            content: "";
            color: #77aae5;
            padding-left: 17px;
            line-height: 34px;
        }

        .about-box .about-cont .cont-l .cont-detail:before {
            width: 110px;
            height: 34px;
            background-image: url(../images/about_l.png);
            background-repeat: no-repeat;
            display: block;
            position: absolute;
            right: -34px;
            top: 35px;
            content: "";
            color: #77aae5;
            padding-left: 60px;
            line-height: 34px;
        }

        .about-box .about-cont .cont-detail.year2017:before {
            content: "2017";
        }

        .about-box .about-cont .cont-detail.year2016:before {
            content: "2016";
        }

        .about-box .about-cont .cont-detail.year2015:before {
            content: "2015";
        }

        .about-box .about-cont .cont-detail.year2014:before {
            content: "2014";
        }

        .about-box .about-cont .cont-detail.year2013:before {
            content: "2013";
        }

        .about-box .about-cont .cont-detail.year2012:before {
            content: "2012";
        }

        .about-box .about-cont .cont-detail.year2011:before {
            content: "2011";
        }

        .about-box .about-cont .cont-detail.year2010:before {
            content: "2010";
        }

        .about-box .about-cont .cont-detail.year2016 {
            margin-top: 150px;
        }

        .about-box .about-cont .cont-detail.year2015, .about-box .about-cont .cont-detail.year2014, .about-box .about-cont .cont-detail.year2012, .about-box .about-cont .cont-detail.year2010 {
            margin-top: 50px;
        }

        .about-box .about-cont .cont-detail.year2013 {
            margin-top: 150px;
        }

        .about-box .about-cont .cont-detail.year2011 {
            margin-top: 180px;
        }

        .about-box .about-cont .cont-detail ul {
            background-color: #fcfcfc;
            border: 1px solid #ededed;
            padding: 35px 20px 20px;
        }

            .about-box .about-cont .cont-detail ul li:after {
                clear: both;
                content: "";
                display: block;
            }

            .about-box .about-cont .cont-detail ul li .month {
                float: left;
                width: 75px;
            }

                .about-box .about-cont .cont-detail ul li .month i {
                    font-size: 32px;
                    font-style: normal;
                }

            .about-box .about-cont .cont-detail ul li .things {
                margin-left: 75px;
                padding-top: 21px;
            }

                .about-box .about-cont .cont-detail ul li .things p {
                    margin-bottom: 15px;
                }

/* 诚信认证 */
.cxrz-box {
    margin-top: 65px;
}

    .cxrz-box .cxrz-top {
        background-image: url(../images/cxrz_banner.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        width: 100%;
        height: 250px;
    }

    .cxrz-box .cxrz-size {
        width: 1200px;
        margin: 0 auto;
    }

    .cxrz-box .cxrz-top h2 {
        font-size: 46px;
        color: #fff;
        padding-top: 65px;
    }

    .cxrz-box .cxrz-top p {
        margin-top: 15px;
        font-size: 18px;
        color: #fff;
    }

    .cxrz-box .cxrz-cont-box .cxrz-apply {
        width: 100%;
        padding: 0 0 20px;
        background: #f7f8fa;
    }

    .cxrz-box .cxrz-cont-box .cxrz-title {
        padding-top: 40px;
        font-size: 32px;
        text-align: center;
    }

    .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box {
        width: 100%;
        padding: 40px 20px 30px;
    }

        .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box-l {
            float: left;
            width: 50%;
            padding-right: 20px;
        }

        .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box-r {
            float: right;
            width: 50%;
            padding-left: 20px;
        }

        .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box {
            background: #fff;
            border: 1px solid #dcdcdc;
            padding: 30px 30px 20px;
            position: relative;
        }

            .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box.first-box:before {
                background-image: url(../images/cxrz_icon.png);
                background-position: 0px -1061px;
                width: 119px;
                height: 108px;
                position: absolute;
                left: -9px;
                top: -8px;
                display: block;
                content: "";
            }

            .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box.second-box:before {
                background-image: url(../images/cxrz_icon.png);
                background-position: 0px -1219px;
                width: 119px;
                height: 108px;
                position: absolute;
                left: -9px;
                top: -8px;
                display: block;
                content: "";
            }

            .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-title {
                text-align: center;
                font-size: 24px;
                font-weight: bold;
            }

            .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-specail {
                text-align: center;
                margin: 40px 0;
            }

                .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-specail li {
                    display: inline-block;
                    text-align: center;
                    margin: 0 10px;
                }

                .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-specail .specail-icon {
                    background-image: url(../images/cxrz_icon.png);
                    background-repeat: no-repeat;
                    display: inline-block;
                }

                    .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-specail .specail-icon.icon-pp {
                        background-position: 0px -133px;
                        width: 38px;
                        height: 28px;
                    }

                    .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-specail .specail-icon.icon-yx {
                        background-position: 0px -211px;
                        width: 30px;
                        height: 30px;
                    }

                    .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-specail .specail-icon.icon-vip {
                        background-position: 0px -65px;
                        width: 38px;
                        height: 18px;
                    }

                .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-specail .specail-cont {
                    color: #00c1de;
                    margin-top: 10px;
                    margin-bottom: 0;
                }

                .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-specail li .specail-line {
                    border-left: 1px solid #dcdcdc;
                    height: 50px;
                    display: inline-block;
                    vertical-align: 3px;
                    margin: 0 15px;
                }

            .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-money .money {
                font-size: 25px;
                color: #de4900;
                font-style: italic;
                float: left;
            }

                .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-money .money i {
                    color: #de4900;
                    font-size: 18px;
                }

                .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-money .money b {
                    margin-left: 20px;
                    color: #de4900;
                    font-style: normal;
                    font-weight: normal;
                    font-size: 18px;
                }

            .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-money .apply-btn {
                float: right;
            }

                .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-money .apply-btn li {
                    display: inline-block;
                }

                .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-money .apply-btn .detail {
                    width: 100px;
                    height: 35px;
                    border: 1px solid #dcdcdc;
                    background: #fff;
                    display: block;
                    text-align: center;
                    line-height: 33px;
                    color: #999;
                    cursor: pointer;
                }

                    .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-money .apply-btn .detail:hover {
                        border: 1px solid #00c1de;
                        color: #00c1de;
                    }

                .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-money .apply-btn .buy {
                    width: 100px;
                    height: 35px;
                    border: 1px solid #00c1de;
                    background: #00c1de;
                    display: block;
                    text-align: center;
                    line-height: 33px;
                    color: #fff;
                    margin-left: 10px;
                    cursor: pointer;
                }

    .cxrz-box .cxrz-cont-box .cxrz-flow {
        padding: 0 0 50px;
    }

        .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list {
            padding: 0 20px;
            position: relative;
            margin-top: 40px;
        }

            .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list:before {
                width: 100%;
                height: 1px;
                border-top: 1px dashed #737373;
                display: block;
                content: "";
                position: absolute;
                top: 92px;
                left: 0;
                z-index: 2;
            }

            .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list li {
                width: 14.28%;
                float: left;
                text-align: center;
                position: relative;
            }

                .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list li:before {
                    background-image: url(../images/cxrz_icon.png);
                    width: 15px;
                    height: 15px;
                    background-position: 0 0;
                    display: block;
                    content: "";
                    position: absolute;
                    left: 50%;
                    margin-left: -7.5px;
                    top: 84.5px;
                    z-index: 3;
                }

                .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list li .flow-icon {
                    background-image: url(../images/cxrz_icon.png);
                    background-repeat: no-repeat;
                    width: 60px;
                    height: 60px;
                    display: block;
                    margin: 10px auto 40px;
                }

                    .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list li .flow-icon.icon1 {
                        background-position: 0px -511px;
                    }

                    .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list li .flow-icon.icon2 {
                        background-position: 0px -841px;
                    }

                    .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list li .flow-icon.icon3 {
                        background-position: 0px -401px;
                    }

                    .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list li .flow-icon.icon4 {
                        background-position: 0px -951px;
                    }

                    .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list li .flow-icon.icon5 {
                        background-position: 0px -291px;
                    }

                    .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list li .flow-icon.icon6 {
                        background-position: 0px -731px;
                    }

                    .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list li .flow-icon.icon7 {
                        background-position: 0px -621px;
                    }

                .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list li .flow-cont {
                    text-align: center;
                    margin-bottom: 0;
                }

                .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list li.flow-top .flow-cont {
                    margin-top: 55px;
                }

                .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list li.flow-top .flow-icon {
                    margin: 40px auto 10px;
                }

    .cxrz-box .cxrz-cont-box .cxrz-show {
        width: 100%;
        padding: 0 0 20px;
        background: #f7f8fa;
    }

        .cxrz-box .cxrz-cont-box .cxrz-show .show-box {
            position: relative;
            margin-top: 40px;
            margin-bottom: 20px;
        }

            .cxrz-box .cxrz-cont-box .cxrz-show .show-box .show-lft {
                padding-bottom: 60px;
            }

            .cxrz-box .cxrz-cont-box .cxrz-show .show-box .web-box {
                background-image: url(../images/show1.png);
                width: 602px;
                height: 487px;
                position: relative;
            }

                .cxrz-box .cxrz-cont-box .cxrz-show .show-box .web-box .scroll-box {
                    width: 550px;
                    height: 307px;
                    position: absolute;
                    left: 26px;
                    top: 26px;
                    overflow: hidden;
                }

                    .cxrz-box .cxrz-cont-box .cxrz-show .show-box .web-box .scroll-box img {
                        width: 100%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        animation: move 20s linear;
                    }

@keyframes move {
    0% {
        top: 0;
    }

    50% {
        top: -340px;
    }

    100% {
        top: 0;
    }
}

.cxrz-box .cxrz-cont-box .cxrz-show .show-box .web-box p {
    position: absolute;
    bottom: -60px;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 35px;
}

.cxrz-box .cxrz-cont-box .cxrz-show .show-box .show-rgt {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 60px;
}

.cxrz-box .cxrz-cont-box .cxrz-show .show-box .cert-box {
    background-image: url(../images/show2.png);
    width: 668px;
    height: 365px;
    position: relative;
}

    .cxrz-box .cxrz-cont-box .cxrz-show .show-box .cert-box p {
        position: absolute;
        bottom: -60px;
        margin-bottom: 0;
        width: 100%;
        text-align: center;
        line-height: 35px;
        padding-left: 200px;
    }

.cxrz-box .cxrz-cont-box .cxrz-show .show-boxh5 {
    display: none;
}

/* 渠道合作 */
.partner-box {
    margin-top: 65px;
}

.partner-top {
    background-image: url(../images/partner_banner.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 350px;
}

    .partner-top .top-title {
        font-size: 35px;
        text-align: center;
        color: #fff;
        padding-top: 70px;
    }

    .partner-top .top-description {
        font-size: 18px;
        text-align: center;
        color: #fff;
        margin-top: 15px;
    }

    .partner-top .apply-btn {
        width: 150px;
        height: 45px;
        text-align: center;
        line-height: 45px;
        background: #00a4ff;
        color: #fff;
        margin: 50px auto 0;
        display: block;
        font-size: 16px;
    }

.partner-box .partner-title {
    padding-top: 40px;
    font-size: 32px;
    text-align: center;
}

.partner-box .partner-condition {
    width: 100%;
    /*padding: 0 0 40px;*/
    background: #f7f8fa;
    overflow:hidden;
}

    .partner-box .partner-condition .list-top {
        height: 35px;
        background: #f9f9f9;
        width: 1000px;
        margin: 30px auto 0;
        border-left: 1px solid #d9d9d9;
        border-top: 1px solid #d9d9d9;
        border-right: 1px solid #d9d9d9;
    }

    .partner-box .partner-condition .condition-list {
        width: 1000px;
        margin: 0 auto;
        border: 1px solid #d9d9d9;
        background-color: #fff;
        padding: 50px 50px 35px;
        background-image: url(../images/condition.png);
        background-repeat: no-repeat;
        background-position: right bottom;
    }

        .partner-box .partner-condition .condition-list li {
            margin-bottom: 15px;
            font-size: 16px;
        }
.partner-box .advantages-title {
    text-align:center;
    font-size: 32px;
    font-weight:bold;
    color: #333333;
}
.partner-box .title-line {
    width: 34px;
	height: 4px;
	background-color: #00a4ff;
    margin: 17px auto 0;
}

/* 新增合作 */
    .partner-box .partner-condition .advantages,.benefits {
        width:1200px;
        margin:60px auto;
    }
        .partner-box .partner-condition .advantages .advantages-list {
            margin-top:60px;
        }
            .partner-box .partner-condition .advantages .advantages-list li {
                float:left;
                width: 160px;
	            height: 267px;
                margin: 0 120px;
                text-align:center;
            }
            .partner-box .partner-condition .advantages .advantages-list .three {
                width: 256px;
	            height: 267px;
                margin:0 72px;
            }
                .partner-box .partner-condition .advantages .advantages-list li .advantages-Img {
                    width: 149px;
	                height: 149px;
                    border-radius:100%;
                }
                .partner-box .partner-condition .advantages .advantages-list li .txt-title {
                    margin-top: 22px;
                    font-size: 24px;
                    color: #333333;
                }
                .partner-box .partner-condition .advantages .advantages-list li .txt {
                        margin-top: 7px;
                        line-height: 33px;
                        font-size: 16px;
                        color: #666666;
                }
                .partner-box .partner-condition .advantages .advantages-list li .threeTxt {
                    margin-top: 5px;
                    font-size: 16px;
                    color: #666666;
                }
.partner-box .benefits-condition {
    width: 100%;
    padding: 0 0 40px;
    background: #fff;
    overflow:hidden;
}
    .partner-box .benefits-condition .benefits-list {
        margin-top:60px;
    }
        .partner-box .benefits-condition .benefits-list li {
            float:left;
            width: 463px;
	        height: 107px;
            margin-right: 64px;
            margin-bottom:34px;
            overflow:hidden;
        }
        .partner-box .benefits-condition .benefits-list .four-item {
            width: 277px;
        }
        .partner-box .benefits-condition .benefits-list .five-item {
            width: 241px;
        }
            .partner-box .benefits-condition .benefits-list li .benefits-title {
            }
                .partner-box .benefits-condition .benefits-list li .benefits-title img {
                    width: 30px;
	                height: 31px;
                    margin-right:11px;
                    vertical-align:middle;
                }
                .partner-box .benefits-condition .benefits-list li .benefits-title label {
                    font-size: 24px;
                    color: #333333;
                    vertical-align:middle;
                }
            .partner-box .benefits-condition .benefits-list li .benefits-txt {
                margin-top:12px;
                line-height:36px;
                text-align:left;
                font-size: 16px;
                color: #666666;
            }
.partner-box .conditions {
    margin-top:60px;
    margin-bottom:30px;
}
    .partner-box .conditions li {
        float:left;
        width:25%;
        height: 47px;
        margin-bottom:44px;
    }
        .partner-box .conditions li span {
            display:inline-block;
            width: 208px;
            line-height: 25px;
            font-size: 16px;
            color: #666666;
            vertical-align:middle;
        }
        .partner-box .conditions li img {
            width: 36px;
	        height: 36px;
            margin-left: 15px;
            vertical-align:middle;
        }
        .partner-box .conditions li .item-img {
            margin-left:4px;
        }
        .partner-box .conditions li .one-item {
            width: 144px;
        }
        .partner-box .conditions li .two-item {
            width: 220px;
        }

.partner-box .partner-flow {
    width: 1200px;
    padding: 0 0 40px;
}

    .partner-box .partner-flow .flow-list {
        padding: 0 20px;
        position: relative;
        margin-top: 40px;
    }

        .partner-box .partner-flow .flow-list:before {
            width: 100%;
            height: 1px;
            border-top: 1px dashed #737373;
            display: block;
            content: "";
            position: absolute;
            top: 92px;
            left: 0;
            z-index: 2;
        }

        .partner-box .partner-flow .flow-list li {
            width: 16.66%;
            float: left;
            text-align: center;
            position: relative;
        }

            .partner-box .partner-flow .flow-list li:before {
                background-image: url(../images/partner_icon.png);
                width: 15px;
                height: 15px;
                background-position: 0 0;
                display: block;
                content: "";
                position: absolute;
                left: 50%;
                margin-left: -7.5px;
                top: 84.5px;
                z-index: 3;
            }

            .partner-box .partner-flow .flow-list li .flow-icon {
                background-image: url(../images/partner_icon.png);
                background-repeat: no-repeat;
                width: 60px;
                height: 60px;
                display: block;
                margin: 10px auto 40px;
            }

                .partner-box .partner-flow .flow-list li .flow-icon.icon1 {
                    background-position: 0px -175px;
                }

                .partner-box .partner-flow .flow-list li .flow-icon.icon2 {
                    background-position: 0px -395px;
                }

                .partner-box .partner-flow .flow-list li .flow-icon.icon3 {
                    background-position: 0px -505px;
                }

                .partner-box .partner-flow .flow-list li .flow-icon.icon4 {
                    background-position: 0px -285px;
                }

                .partner-box .partner-flow .flow-list li .flow-icon.icon5 {
                    background-position: 0px -65px;
                }

                .partner-box .partner-flow .flow-list li .flow-icon.icon6 {
                    background-position: 0px -615px;
                }

            .partner-box .partner-flow .flow-list li .flow-cont {
                text-align: center;
                margin-bottom: 0;
            }

            .partner-box .partner-flow .flow-list li.flow-top .flow-cont {
                margin-top: 55px;
            }

            .partner-box .partner-flow .flow-list li.flow-top .flow-icon {
                margin: 40px auto 10px;
            }

/* search */
.search-box {
    margin-top: 65px;
}

    .search-box .search-bar {
        background: #f7f8fa;
        border-bottom: 1px solid #e5e5e5;
        padding: 50px 0;
    }

        .search-box .search-bar .search-bar-input {
            width: 800px;
            margin: 0 auto;
        }

            .search-box .search-bar .search-bar-input .search-text {
                width: 720px;
                height: 45px;
                border: 1px solid #ddd;
                padding: 0 10px;
                float: left;
            }

            .search-box .search-bar .search-bar-input .search-btn {
                width: 80px;
                height: 45px;
                float: left;
                background-color: #00a4ff;
                background-image: url(../images/search.png);
                background-repeat: no-repeat;
                background-position: center center;
                border: none;
            }

    .search-box .search-answer {
        width: 1200px;
        margin: 50px auto 0;
    }

        .search-box .search-answer .answer-havent {
            padding-bottom: 60px;
        }

            .search-box .search-answer .answer-havent .havent-icon {
                width: 80px;
                height: 80px;
                background-image: url(../images/search_havent.png);
                background-position: center center;
                background-repeat: no-repeat;
                display: block;
                margin: 0 auto 30px;
            }

            .search-box .search-answer .answer-havent p {
                text-align: center;
                margin-bottom: 0;
            }

                .search-box .search-answer .answer-havent p.havent-tips {
                    font-size: 18px;
                    margin-bottom: 10px;
                }

        .search-box .search-answer .answer-list {
            padding-bottom: 40px;
        }

            .search-box .search-answer .answer-list .list-cont .list-company {
                font-size: 16px;
                color: #333;
                margin-bottom: 15px;
                display: block;
            }

                .search-box .search-answer .answer-list .list-cont .list-company i {
                    color: #00a4ff;
                    font-style: normal;
                    font-size: 16px;
                }

            .search-box .search-answer .answer-list .list-cont p {
                margin-bottom: 5px;
                color: #888;
            }

            .search-box .search-answer .answer-list .list-cont li a {
                padding: 20px;
                display: block;
            }

            .search-box .search-answer .answer-list .list-cont li:hover {
                background: #f7f8fa;
            }

/* media */
@media screen and (max-width: 1200px) {
    .platform-name {
        display: none;
    }
    #seracrh_top_box{
        display:none;
    }
    .common-top .phone{
        display:none;
    }
    .service .blockTwo .zs,.samllZs{
        padding-right: 90px;
        white-space:inherit;
    }
}

@media screen and (max-width: 1024px) {
    body {
        overflow-x: hidden;
    }

    #index_banner .swiper-slide .banner-cont {
        width: auto;
        padding-top: 50px;
    }

    .point {
        height: auto;
    }

        .point .point-box {
            width: auto;
            height: auto;
        }

            .point .point-box li {
                border-left: none;
            }

    .service {
        width: 100%;
        background-size: 100%;
        height: 450px;
        padding-top: 5px;
    }

    .service .b-title {
        margin-top: 20px;
        padding-top: 0;
    }
    .service .block,.blockTwo{display: none}
    .service .mobile{width: 100%;margin: 0 0 0 18px;display:block;}
    .service .mobile .xf-mobile{height:72px;background: url("../images/odr_s.png") no-repeat;padding: 0px 80px;margin-top: 20px;}
    .service .mobile .qw-mobile{height:72px;background: url("../images/renzheng_s.png") no-repeat;padding: 0px 80px;margin-top: 20px;}
    .service .mobile .sp-mobile{height:72px;background: url("../images/suyuan_s.png") no-repeat;padding: 0px 80px;margin-top: 20px;}
    .service .mobile .zs-mobile{height:72px;background: url("../images/design_s.png") no-repeat;padding: 0px 80px;margin-top: 20px;}
    .service .mobile .describe{font-size: 20px;color: #333;}
    .service .mobile .smallDescribe{font-size: 14px;color: #999; padding-top: 16px;}
    .purchase .purchase-box {
        width: 100%;
        padding: 20px 15px;
    }

        .purchase .purchase-box .b-title {
            margin-bottom: 20px;
        }

        .purchase .purchase-box .table-scroll {
            overflow-x: auto;
        }

            .purchase .purchase-box .table-scroll table {
                min-width: 700px;
            }

    .customer {
        width: 100%;
        padding: 20px 0 30px;
    }

        .customer .b-title {
            margin-bottom: 20px;
        }

        .customer #customer {
            width: 100%;
        }

        .customer .customer-list {
            width: 100%;
        }

        .customer .swiper-wrapper .swiper-slide {
            height: 63px;
        }

            .customer .swiper-wrapper .swiper-slide img {
                width: 115px;
                height: 63px;
            }

        .customer .customer-list .prev-btn, .customer .customer-list .next-btn {
            display: none;
        }

    .bottom-apply {
        padding-top: 85px;
    }

        .bottom-apply .apply-btn {
            width: 100%;
        }

            .bottom-apply .apply-btn a {
                margin-bottom: 20px;
            }

    .common-footer {
        padding: 20px 0;
    }

    .w1200 {
        width: 100%;
    }

    .common-footer .footer-list {
        width: 100%;
        padding: 0 15px;
        margin-bottom: 10px;
    }

    .common-footer .copyright {
        width: 100%;
        padding-top: 20px;
    }

    .fixed-right {
        display: none;
    }

    .check-box .check-size {
        width: auto;
        padding: 0 30px;
    }

    .check-box .level-bg {
        background-size: 50%;
        background-position: 110% -20px;
        height: auto;
        padding-bottom: 40px;
    }

        .check-box .level-bg .level-num {
            display: none;
        }

        .check-box .level-bg .level {
            margin-top: 50px;
            margin-left: 0;
        }

            .check-box .level-bg .level .details {
                margin-left: 0;
            }

    .check-box .check-table {
        padding: 20px;
        overflow-x: auto;
    }

    .about-box .about-size {
        width: auto;
        padding: 0 30px;
    }

    .about-box .about-brief {
        width: 100%;
        padding: 0 10px;
        margin: 30px auto 0;
    }

    .about-box .about-cont {
        width: 100%;
        padding: 0 10px;
    }

        .about-box .about-cont .cont-l, .about-box .about-cont .cont-r {
            float: none;
            width: 100%;
            border: none;
        }

        .about-box .about-cont .cont-detail {
            padding: 0;
            margin-top: 50px !important;
        }

            .about-box .about-cont .cont-detail:before {
                background-image: none !important;
                left: 0 !important;
                right: 0 !important;
                top: -40px !important;
                padding-left: 10px !important;
                font-size: 22px;
                color: #333 !important;
                border-left: 5px solid #00a4ff;
                line-height: 30px !important;
                height: 30px !important;
            }

    .cxrz-box .cxrz-size {
        width: auto;
        padding: 0 30px;
    }

    .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box-l, .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box-r {
        float: none;
        width: 100%;
        padding: 0;
    }

    .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box-l {
        margin-bottom: 30px;
    }

    .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-specail li {
        margin: 0;
    }

    .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-money .money {
        float: none;
        text-align: center;
    }

    .cxrz-box .cxrz-cont-box .cxrz-apply .apply-box .box .apply-money .apply-btn {
        float: none;
        text-align: center;
    }

    .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list li {
        width: 50%;
    }

    .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list:before {
        height: 100%;
        width: 1px;
        border-top: none;
        border-left: 1px dashed #737373;
        top: 0;
        left: 50%;
    }

    .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list li:before {
        display: none;
    }

    .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list li .flow-icon {
        margin-bottom: 10px;
    }

    .cxrz-box .cxrz-cont-box .cxrz-flow .flow-list li.flow-top .flow-icon {
        margin-top: 10px;
    }

    .cxrz-box .cxrz-cont-box .cxrz-show .show-box {
        display: none;
    }

    .cxrz-box .cxrz-cont-box .cxrz-show .show-boxh5 {
        display: block;
        width: 100%;
        padding: 20px 20px 40px;
    }

        .cxrz-box .cxrz-cont-box .cxrz-show .show-boxh5 img {
            width: 100%;
        }

    .partner-box .partner-condition {
        padding: 0 20px 40px;
    }

        .partner-box .partner-condition .list-top {
            width: 100%;
        }

        .partner-box .partner-condition .condition-list {
            width: 100%;
            padding: 20px 20px 5px;
            background-size: 80%;
        }

    .partner-box .partner-flow .flow-list li {
        width: 50%;
    }

    .partner-box .partner-flow .flow-list:before {
        height: 100%;
        width: 1px;
        border-top: none;
        border-left: 1px dashed #737373;
        top: 0;
        left: 50%;
    }

    .partner-box .partner-flow .flow-list li:before {
        display: none;
    }

    .partner-box .partner-flow .flow-list li .flow-icon {
        margin-bottom: 10px;
    }

    .partner-box .partner-flow .flow-list li.flow-top .flow-icon {
        margin-top: 10px;
    }

    .partner-box .partner-flow {
        width: 100%;
    }

    .honor .honor-bg {
        width: 100%;
        padding: 20px 5px;
        background-size: 100%;
    }

        .honor .honor-bg .b-title {
            margin-bottom: 10px;
        }

        .honor .honor-bg .honor-list .list-cont li {
            width: 100%;
        }

            .honor .honor-bg .honor-list .list-cont li .cont-box {
                min-height: initial;
            }
}

@media screen and (max-width: 768px) {
    .navbar-default .navbar-nav > li.have-child .child-nav {
        width: 500px;
    }

        .navbar-default .navbar-nav > li.have-child .child-nav .child-nav-rgt {
            width: 300px;
        }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        background: #2e343f;
        border-color: #45484c;
        filter:alpha(opacity:90); 
        opacity:0.9;  
        -moz-opacity:0.9;
        -khtml-opacity: 0.9;
    }

    .navbar-nav {
        border-bottom: 1px solid #45484c;
        margin: 0 -15px;
        padding: 7.5px 0;
    }

    .navbar-header {
        height: 65px;
    }

    .navbar-toggle {
        margin-top: 15px;
    }

    .common-top .navbar-nav > li > a {
        height: 45px;
        line-height: 45px;
    }

    .common-top .nav-login {
        text-align: center;
        float: right;
    }

        .common-top .nav-login li {
            display: inline-block;
        }

    .common-top .phone {
        float: left;
        margin-top: 5px;
    }

    .navbar-default .navbar-nav > li.have-child .child-nav {
        position: initial;
        width: auto;
        padding: 0 15px;
        background: #21252d;
    }

        .navbar-default .navbar-nav > li.have-child .child-nav .child-nav-rgt {
            display: none;
        }

        .navbar-default .navbar-nav > li.have-child .child-nav .child-nav-lft {
            border-right: none;
            float: none;
        }

            .navbar-default .navbar-nav > li.have-child .child-nav .child-nav-lft li {
                width: 100%;
            }
}

@media screen and (max-width: 767px) {
    .service {
        height: 450px;
        padding-top: 0;
    }

    .bottom-apply {
        padding-top: 35px;
    }
}


@media screen and (max-width: 1440px) {
    .platform-name{
        display:none;
    }
}