@media (min-width: 640px) {

    /***************滚动banner***************/
    .main-banner {
        position  : relative;
        margin-top: 90px;

    }

    .main-banner .carousel-inner .item {
        width : 100%;
        height: 595px;
    }

    .main-banner .carousel-inner .item a {
        display: block;
        width  : 100%;
        height : 100%;
    }

    .main-banner .carousel-indicators {
        bottom: 30px;
    }

    .main-banner .carousel-indicators li {
        width           : 70px;
        height          : 2px;
        background-color: rgba(255, 255, 255, 0.5);
        border          : none;
        border-radius   : 0px;
    }

    .main-banner .carousel-indicators .active {
        width           : 70px;
        height          : 4px;
        background-color: #00ef87;
    }

    .main-banner .carousel-control {
        width: 5%;
    }

    /******服务体系*****/
    .home-service {
        padding         : 60px 0px;
        background-color: #fff;
        overflow        : hidden;
    }

    .home-service .service-hd {
        position      : relative;
        width         : 100%;
        height        : 60px;
        padding-bottom: 25px;
        margin-bottom : 30px;
        font-size     : 32px;
        color         : #333333;
        text-align    : center;
    }

    .home-service .service-hd:after {
        content         : "";
        display         : block;
        position        : absolute;
        left            : 50%;
        bottom          : -2px;
        width           : 80px;
        height          : 3px;
        margin-left     : -40px;
        background-color: #ed7020;
    }

    .home-service .service-bd {
        padding-top: 30px;
        font-size  : 0px;
    }

    .home-service .service-bd li {
        display       : inline-block;
        width         : 285px;
        height        : 235px;
        margin-right  : 20px;
        vertical-align: top;
        text-align    : center;

        transition        : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        -moz-transition   : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Firefox 4 */
        -webkit-transition: all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Safari 和 Chrome */
        -o-transition     : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Opera */
    }

    .home-service .service-bd li:last-child {
        margin-right: 0px;
    }

    .home-service .service-bd li .ico {
        display   : inline-block;
        width     : 98px;
        height    : 99px;
        background: url("../images/service-iconclip.png") 0px 0px no-repeat;

        transition        : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        -moz-transition   : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Firefox 4 */
        -webkit-transition: all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Safari 和 Chrome */
        -o-transition     : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Opera */
    }

    .home-service .service-bd li .ico1 {
        background-position: 0px 0px;
    }

    .home-service .service-bd li .ico2 {
        background-position: -98px 0px;
    }

    .home-service .service-bd li .ico3 {
        background-position: -196px 0px;
    }

    .home-service .service-bd li .ico4 {
        background-position: -294px 0px;
    }

    .home-service .service-bd li .ico5 {
        background-position: -392px 0px;
    }

    .home-service .service-bd li i {
        display    : block;
        width      : 100%;
        line-height: 30px;
        font-size  : 17px;
        color      : #333333;
        font-style : normal;
        font-weight: bold;
        text-align : center;

        transition        : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        -moz-transition   : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Firefox 4 */
        -webkit-transition: all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Safari 和 Chrome */
        -o-transition     : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Opera */
    }

    .home-service .service-bd li u {
        display        : block;
        width          : 100%;
        line-height    : 20px;
        font-size      : 16px;
        color          : #999999;
        font-weight    : normal;
        text-align     : center;
        text-decoration: none;

        transition        : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        -moz-transition   : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Firefox 4 */
        -webkit-transition: all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Safari 和 Chrome */
        -o-transition     : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Opera */
    }

    .home-service .service-bd li b {
        display    : inline-block;
        width      : 150px;
        padding-top: 10px;
        line-height: 20px;
        font-size  : 14px;
        color      : #999999;
        font-weight: normal;
        text-align : center;

        transition        : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        -moz-transition   : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Firefox 4 */
        -webkit-transition: all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Safari 和 Chrome */
        -o-transition     : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Opera */
    }

    .home-service .service-bd li:after {
        content         : "";
        display         : block;
        position        : absolute;
        left            : 50%;
        bottom          : -2px;
        width           : 20px;
        height          : 2px;
        margin-left     : -10px;
        background-color: #919191;
    }

    .home-service .service-bd li:hover .ico {
        -moz-transform   : translateY(10px) scale(0.8);
        -webkit-transform: translateY(10px) scale(0.8);
        transform        : translateY(10px) scale(0.8);
    }

    .home-service .service-bd li:hover i {
        display          : block;
        width            : 100%;
        line-height      : 60px;
        font-size        : 17px;
        color            : #333333;
        font-style       : normal;
        text-align       : center;
        -moz-transform   : translateY(-10px) scale(1.1);
        -webkit-transform: translateY(-10px) scale(1.1);
        transform        : translateY(-10px) scale(1.1);
    }

    .home-service .service-bd li:hover u {
        display        : block;
        width          : 100%;
        line-height    : 20px;
        font-size      : 16px;
        color          : #999999;
        font-weight    : normal;
        text-align     : center;
        text-decoration: none;

        -moz-transform   : translateY(-25px) scale(1.1);
        -webkit-transform: translateY(-25px) scale(1.1);
        transform        : translateY(-25px) scale(1.1);
    }

    .home-service .service-bd li:hover b {
        display    : inline-block;
        width      : 150px;
        padding-top: 10px;
        line-height: 20px;
        font-size  : 14px;
        color      : #999999;
        font-weight: normal;
        text-align : center;

        -moz-transform   : translateY(-20px);
        -webkit-transform: translateY(-20px);
        transform        : translateY(-20px);
    }


    /***********最新动态*********/
    .home-news {
        padding         : 60px 0px;
        background-color: #fff;
        overflow        : hidden;
    }

    .home-news .news-hd {
        position      : relative;
        width         : 100%;
        height        : 60px;
        padding-bottom: 25px;
        margin-bottom : 30px;
        font-size     : 32px;
        color         : #333333;
        text-align    : center;
    }

    .home-news .news-hd:after {
        content         : "";
        display         : block;
        position        : absolute;
        left            : 50%;
        bottom          : -2px;
        width           : 80px;
        height          : 3px;
        margin-left     : -40px;
        background-color: #ed7020;
    }

    .news-box {
        font-size: 0px;
        overflow : hidden;
    }

    .news-box .news-list {
        display       : block;
        width         : 100%;
        padding       : 20px 0px;
        vertical-align: top;
    }

    .news-box .news-list .list-hd {
        position      : relative;
        width         : 100%;
        padding-bottom: 20px;
        font-size     : 24px;
        color         : #333333;
        border-bottom : 1px solid #e3e3e3;
    }


    .news-box .news-list .list-hd:after {
        content         : "";
        display         : block;
        position        : absolute;
        left            : 0px;
        bottom          : -2px;
        width           : 100px;
        height          : 3px;
        background-color: #ff6600;
    }

    .news-box .news-list ul {
        font-size: 0px;
    }

    .news-box .news-list img {
        width : 100%;
        height: 100%;

        transition        : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        -moz-transition   : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Firefox 4 */
        -webkit-transition: all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Safari 和 Chrome */
        -o-transition     : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Opera */
    }

    .news-box .news-list li {
        position          : relative;
        display           : inline-block;
        width             : 370px;
        height            : 420px;
        margin-right      : 44px;
        border-radius     : 10px;
        background-color  : #fff;
        -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05);
        box-shadow        : 0px 5px 5px rgba(0, 0, 0, 0.05);

        transition        : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        -moz-transition   : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Firefox 4 */
        -webkit-transition: all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Safari 和 Chrome */
        -o-transition     : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Opera */
    }

    .news-box .news-list li:last-child {
        margin-right: 0px;
    }

    .news-box .news-list li .thumb {
        display                : inline-block;
        width                  : 100%;
        height                 : 250px;
        vertical-align         : top;
        overflow               : hidden;
        border-top-left-radius : 5px;
        border-top-right-radius: 5px;
    }

    .news-box .news-list li:hover .thumb img {
        display       : inline-block;
        width         : 370px;
        height        : 250px;
        vertical-align: top;

        -moz-transform   : scale(1.1);
        -webkit-transform: scale(1.1);
        transform        : scale(1.1);
    }

    .news-box .news-list li p {
        display       : inline-block;
        width         : 100%;
        padding       : 20px;
        font-size     : 0px;
        vertical-align: top;
    }

    .news-box .news-list li .title {
        display       : inline-block;
        width         : 100%;
        height        : 30px;
        font-size     : 16px;
        color         : #333;
        font-weight   : bold;
        vertical-align: top;
        overflow      : hidden;
    }

    .news-box .news-list li:hover .title {
        display       : inline-block;
        width         : 100%;
        height        : 30px;
        font-size     : 16px;
        color         : #ed7020;
        vertical-align: top;
        overflow      : hidden;
    }

    .news-box .news-list li .txt {
        display       : inline-block;
        width         : 100%;
        height        : 58px;
        line-height   : 26px;
        font-size     : 14px;
        color         : #999999;
        vertical-align: top;
        overflow      : hidden;
    }

    .news-box .news-list li .date {
        display       : inline-block;
        width         : 100%;
        height        : 30px;
        font-size     : 14px;
        color         : #cfcfcf;
        vertical-align: top;
    }

    /******游戏案例*****/
    .home-salon {
        padding         : 60px 0px;
        background-color: #f8f8f8;
    }

    .home-salon .salon-hd {
        position      : relative;
        width         : 100%;
        height        : 60px;
        padding-bottom: 25px;
        margin-bottom : 30px;
        font-size     : 32px;
        color         : #333333;
        text-align    : center;
    }

    .home-salon .salon-hd:after {
        content         : "";
        display         : block;
        position        : absolute;
        left            : 50%;
        bottom          : -2px;
        width           : 80px;
        height          : 3px;
        margin-left     : -40px;
        background-color: #ed7020;
    }


    .home-salon .salon-bd {
        padding-top: 30px;
        font-size  : 0px;
    }

    .home-salon .salon-bd li {
        display         : inline-block;
        width           : 280px;
        height          : 460px;
        margin-right    : 26px;
        border-radius   : 5px;
        background-color: #fff;

        transition        : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        -moz-transition   : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Firefox 4 */
        -webkit-transition: all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Safari 和 Chrome */
        -o-transition     : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Opera */
    }

    .home-salon .salon-bd li:nth-child(4n) {
        margin-right: 0px;
    }

    .home-salon .salon-bd li img {
        width : 100%;
        height: 100%;

        transition        : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        -moz-transition   : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Firefox 4 */
        -webkit-transition: all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Safari 和 Chrome */
        -o-transition     : all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
        /* Opera */
    }

    .home-salon .salon-bd li:hover img {
        -moz-transform   : scale(1.1);
        -webkit-transform: scale(1.1);
        transform        : scale(1.1);
    }

    .home-salon .salon-bd li .thumb {
        display : block;
        width   : 280px;
        height  : 276px;
        overflow: hidden;
    }

    .home-salon .salon-bd li .cont {
        padding: 10px 20px;
    }

    .home-salon .salon-bd li .title {
        display      : block;
        height       : 30px;
        line-height  : 30px;
        font-size    : 24px;
        color        : #333333;
        text-align   : center;
        white-space  : nowrap;
        text-overflow: ellipsis;
        overflow     : hidden;
    }

    .home-salon .salon-bd li:hover .title {
        color: #333333;
    }

    .home-salon .salon-bd li .tag {
        display    : block;
        padding-top: 10px;
        text-align : center;
    }

    .home-salon .salon-bd li .tag i {
        display         : inline-block;
        padding         : 2px 20px;
        margin          : 0px 5px;
        font-size       : 14px;
        color           : #999999;
        font-style      : normal;
        border-radius   : 20px;
        background-color: #f3f3f3;

    }

    .home-salon .salon-bd li .txt {
        display      : block;
        height       : 100px;
        margin-bottom: 10px;
        padding      : 10px 0px;
        line-height  : 24px;
        font-size    : 14px;
        color        : #999999;
        overflow     : hidden;
    }


    .home-salon .salon-bd .more-line {
        display    : block;
        width      : 100%;
        height     : 80px;
        padding-top: 40px;
        text-align : center;
    }

    .home-salon .salon-bd .more-line .more-btn {
        display         : inline-block;
        width           : 160px;
        height          : 45px;
        line-height     : 45px;
        text-align      : center;
        font-size       : 16px;
        color           : #fff;
        border-radius   : 25px;
        background-color: #ff6600;
    }
}