@font-face {
    font-family: 'AkzidenzGrotesk-BoldCondAlt';
 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Bold';
    src: url('../font/gotham-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Book';
    src: url('../font/gotham-book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham-medium';
    src: url('../font/gotham-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sheepsansbold';
    src: url('../font/sheepsansbold.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body, figure, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: 'Microsoft Yahei';
    font-size: 12px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}

input, textarea, button {
    padding: 0;
    font-family: Verdana, Arial;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
}

input[type=submit], input[type=text], button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    cursor: pointer;
}

    input:focus, textarea:focus, button:focus, input:active {
        outline-color: transparent;
        border: 0;
    }

select, input, select, textarea {
    vertical-align: middle;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

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

a {
    color: #333;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

    a:link {
        text-decoration: none;
    }

    a:visited {
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
        cursor: pointer;
    }

    a:active {
        text-decoration: none;
    }

.hidden {
    display: none;
    visibility: hidden;
}

.wrap {
    border: 0;
    padding: 0;
    margin: 0 auto;
    *zoom: 1;
    position: relative;
}

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

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    visibility: hidden;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.wrap:after,
.wrap:before,
.container:after,
.container:before {
    content: "";
    display: table;
}

.wrap:after,
.container:after {
    clear: both;
}

.container {
    width: 80%;
    margin: 0 auto;
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.absolute {
    position: absolute;
}

.pors {
    position: relative;
}

.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.hide {
    opacity: 0;
}

.en {
    font-family: 'gotham-medium';
}

nav li, .index-banner li, .item-list li, .inner-tab li {
    list-style-type: none;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #6f6f6f;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #6f6f6f;
}


body {
    letter-spacing: 0.5px;
}
/*header*/
header {
    position: absolute;
    z-index: 9991;
    top: 0;
    left: 0;
    width: 100%;
    transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
    -webkit-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
    -moz-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
}

.header-inner {
    width: 100%;
    position: relative;
}

header .logo {
    position: absolute;
    left: 40px;
    top: 20px;
    z-index: 200;
}

header .right-side {
    position: relative;
    width: 100%;
    text-align: center;
}

    header .right-side li {
        margin: 0 23px;
        display: inline-block;
    }

        header .right-side li a {
            font-size: 16px;
            color: #fff;
            line-height: 36px;
            position: relative;
            padding: 28px 0 6px;
            display: block;
        }

            header .right-side li a:after {
                content: '';
                bottom: 0;
                position: absolute;
                display: block;
                width: 0;
                height: 1px;
                background: #fff;
                transition: all .4s;
            }

            header .right-side li.on a:after,
            header .right-side li a:hover:after {
                width: 100%;
            }

.header-phone-number {
    position: absolute;
    right: 40px;
    top: 28px;
    font-size: 22px;
    line-height: 36px;
    color: #fff;
    background: url(/Content/main/images/icon1.png) left center no-repeat;
    padding-left: 30px;
    font-family: Arial;
}

.js-container {
    position: relative;
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
    -webkit-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
    -moz-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
}
/***footer开始*/
.footer {
    background: #222222;
    position: relative;
    z-index: 3;
}

    .footer #mydiv {
        position: absolute;
        z-index: 5;
        opacity: .2;
    }

.footer .footer_content {
    max-width: 1705px;
    margin: 0 auto;
    position: relative;
    z-index: 6;
}

        .footer .footer_content .footer_content_top {
            padding: 60px 0px;
            padding-bottom: 40px;
        }

            .footer .footer_content .footer_content_top .content_top_left {
                width: 54%;
            }

                .footer .footer_content .footer_content_top .content_top_left .top_left_list {
                    width: 25%;
                }

                    .footer .footer_content .footer_content_top .content_top_left .top_left_list dd {
                        margin-bottom: 20px;
                    }

                        .footer .footer_content .footer_content_top .content_top_left .top_left_list dd a {
                            font-size: 14px;
                            color: #fff;
                        }

                    .footer .footer_content .footer_content_top .content_top_left .top_left_list dt a {
                        font-size: 14px;
                        color: #777777;
                        display: inline-block;
                        width: 100%;
                        margin-bottom: 12px;
                    }

                        .footer .footer_content .footer_content_top .content_top_left .top_left_list dt a:hover {
                            color: #fff;
                        }

                        .footer .footer_content .footer_content_top .content_top_left .top_left_list dt a:last-child {
                            margin-bottom: 0px;
                        }

            .footer .footer_content .footer_content_top .content_top_right {
                width: 25%;
            }

                .footer .footer_content .footer_content_top .content_top_right .top_right_title {
                    font-size: 16px;
                    color: #fff;
                    margin-bottom: 20px;
                }

                .footer .footer_content .footer_content_top .content_top_right .top_right_content .right_content_list dd {
                    position: relative;
                    line-height: 20px;
                    margin-right: 15px;
                }

            .footer .footer_content .footer_content_top .content_top_share {
                width: 21%;
            }

                .footer .footer_content .footer_content_top .content_top_share .top_share_content {
                    margin-top: 40px;
                }

                    .footer .footer_content .footer_content_top .content_top_share .top_share_content dd {
                        color: #777777;
                        font-size: 14px;
                        margin-bottom: 10px;
                    }

                    .footer .footer_content .footer_content_top .content_top_share .top_share_content dt a {
                        width: 50px !important;
                        height: 50px !important;
                        margin: 0px 0px !important;
                        padding-left: 0px !important;
                        text-align: center;
                        color: #fff;
                        font-size: 20px;
                        line-height: 50px;
                        border: 1px solid #363636;
                        margin-right: -1px !important;
                    }

            .footer .footer_content .footer_content_top .content_top_right .top_right_content .right_content_list {
                color: #777777;
                font-size: 14px;
                margin-bottom: 15px;
            }

                .footer .footer_content .footer_content_top .content_top_right .top_right_content .right_content_list dt {
                    width: 80%;
                }

.bds_tsina {
    background: #2a2a2a !important;
}

.bds_sqq {
    background: #2a2a2a !important;
}

.bds_weixin {
    background: #2a2a2a !important;
}

.footer .footer_content .footer_content_top .content_top_share .top_share_content dt a:hover {
    background: #252525 !important;
    opacity: 1 !important;
    color: #2085c7;
}

.footer .footer_content .footer_content_bottom {
    margin-bottom: 20px;
}

    .footer .footer_content .footer_content_bottom .content_bottom_left {
        font-size: 14px;
        color: #555555;
        width: 5%
    }

    .footer .footer_content .footer_content_bottom .content_bottom_right {
        width: 95%;
    }

        .footer .footer_content .footer_content_bottom .content_bottom_right a {
            font-size: 12px;
            color: #555555;
            display: inline-block;
            width: 7%;
            margin-left: 2%;
            margin-bottom: .8%;
        }

            .footer .footer_content .footer_content_bottom .content_bottom_right a:hover {
                color: #fff;
            }
.clear_hx {
    zoom: 1;
}
.footer_content_copyright {
    clear:both;
    color: rgb(85, 85, 85);
    font-size: 14px;
    padding: 14px 0px;
    text-align: center;
    border-top: 1px solid #313131;
    z-index: 21;
    position: relative;
}
    .footer_content_copyright a {
        text-decoration: none;
        color: #555555;
        font-size: 13px;
        transition: all 0.3s ease 0s;
        -webkit-transform: all 0.3s ease 0s;
        -webkit-tap-highlight-color: transparent;
        outline: none;
    }
@media screen and (max-width: 1705px) {
    .footer .footer_content {
        max-width: 1500px;
    }
}

.pc_all .pc_all_content {
    max-width: 1705px;
    margin: 0 auto;
}
@media screen and (max-width: 1530px) {
    .footer .footer_content, .pc_all .pc_all_content {
        max-width: 1200px;
    }
}
.clear_hx:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
    /***footer结束*/
    /**客服开始*/
.FloatingWindow {
    position: fixed;
    right: 0;
    z-index: 550;
    top: 30%;
    width: 72px;
}

    .FloatingWindow .FloatingWindow_list {
        width: 100%;
        display: inline-block;
        position: relative;
        margin-bottom: 10px;
        background: rgba(0,0,0,0.5);
    }

        .FloatingWindow .FloatingWindow_list:hover {
            background: #2181c2;
        }
        .FloatingWindow .FloatingWindow_list .FloatingWindow_list_wx_down {
            position: absolute;
            width: 258px;
            line-height: 72px;
            color: #fff;
            font-size: 16px;
            text-align: center;
            left: -190px;
            top: 0;
            display: none;
        }
        .FloatingWindow .FloatingWindow_list:nth-child(1):hover .FloatingWindow_list_wx_down {
            display: block;
        }
        .FloatingWindow .FloatingWindow_list .FloatingWindow_list_down {
            position: absolute;
            background: #2181c2;
            width: 258px;
            line-height: 72px;
            color: #fff;
            font-size: 16px;
            text-align: center;
            left: -187px;
            top: 0;
            display: none;
        }

        .FloatingWindow .FloatingWindow_list .FloatingWindow_list_title {
            text-align: center;
            border: 1px solid #2181c2;
            padding: 10px;
        }

            .FloatingWindow .FloatingWindow_list .FloatingWindow_list_title dd {
                color: #fff;
                font-size: 28px;
            }

            .FloatingWindow .FloatingWindow_list .FloatingWindow_list_title dt {
                color: #fff;
                font-size: 12px;
                margin-top: 3px;
            }

        .FloatingWindow .FloatingWindow_list:hover .FloatingWindow_list_down {
            display: block;
        }
@media screen and (max-width: 650px) {
    .FloatingWindow {
        z-index: 2222;
    }
}
@media screen and (max-width: 1200px) {
    .FloatingWindow {
        top: inherit;
        z-index: 3;
        bottom: 5%;
        width: 60px;
    }
        .FloatingWindow .FloatingWindow_list:nth-child(2) {
            display: block;
            background: none;
        }
        .FloatingWindow .FloatingWindow_list {
            display: none;
        }
    FloatingWindow .FloatingWindow_list:nth-child(2) .FloatingWindow_list_title {
        background: #ffe100;
        padding: 10px 0px;
        border-radius: 15px;
    }
    .FloatingWindow .FloatingWindow_list .FloatingWindow_list_title dd {
        font-size: 20px;
    }

    .FloatingWindow .FloatingWindow_list .FloatingWindow_list_title dt {
        margin-top: 0px;
        font-size: 14px;
        margin-top: -2px;
    }
    .FloatingWindow .FloatingWindow_list:nth-child(2) .FloatingWindow_list_title {
        background: #0a3381;
        padding: 10px 0px;
        border-radius: 15px;
    }
}
     

    /**客服结束**/
    /*fixed-contact*/
    .fixed-contact-wrap {
        z-index: 999;
        position: fixed;
        right: 30px;
        top: 75%;
        width: 60px;
        margin-top: -90px;
        overflow: hidden;
        border-radius: 30px;
        opacity: 0;
        transition: all .4s;
        transform: translateX(95px);
        -webkit-transform: translateX(95px);
        -moz-transform: translateX(95px);
    }

        .fixed-contact-wrap.show {
            transform: none;
            opacity: 1;
        }

        .fixed-contact-wrap.active {
            width: 215px;
        }

        .fixed-contact-wrap li {
            position: relative;
            height: 60px;
            background: #222;
            overflow: hidden;
        }

        .fixed-contact-wrap.active li {
            overflow: inherit;
        }

        .fixed-contact-wrap li a {
            position: relative;
            z-index: 1000;
            display: block;
        }

        .fixed-contact-wrap li i {
            z-index: 1000;
            position: absolute;
            right: 0;
            display: block;
            width: 60px;
            height: 60px;
            transition: all .4s;
        }

        .fixed-contact-wrap.active li:after {
            z-index: 1001;
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            display: block;
            width: 80%;
            height: 1px;
            margin-left: -40%;
            background: rgba(255,255,255,.1);
        }

        .fixed-contact-wrap.active li:last-child:after {
            display: none;
        }

        /*.fixed-contact-wrap li:hover i, .fixed-contact-wrap li:hover strong {
	opacity: .5;
}*/

        .fixed-contact-wrap .phone i {
            background: #222 url(/Content/main/images/icon5.png) no-repeat center center;
            border-top-left-radius: 30px;
            -moz-border-top-left-radius: 30px;
            -webkit-border-top-left-radius: 30px;
            border-top-right-radius: 30px;
            -moz-border-top-right-radius: 30px;
            -webkit-border-top-right-radius: 30px;
        }

        .fixed-contact-wrap .qq i {
            background: #222 url(/Content/main/images/icon6.png) no-repeat center center;
        }

        .fixed-contact-wrap .back-top i {
            background: #222 url(/Content/main/images/icon7.png) no-repeat center center;
        }

        .fixed-contact-wrap.active .back-top i {
            border-bottom-left-radius: 0;
            -moz-border-bottom-left-radius: 0;
            -webkit-border-bottom-left-radius: 0;
        }

        .fixed-contact-wrap li strong {
            position: absolute;
            top: 0;
            right: -145px;
            display: block;
            width: 125px;
            padding: 0 15px 0 30px;
            font: normal 16px/60px 'gotham-medium';
            color: #fff;
            background: #222;
            white-space: nowrap;
            transition: all .4s;
        }

        .fixed-contact-wrap.active li strong {
            right: 60px;
        }

        .fixed-contact-wrap.black li {
            background: #111;
        }

            .fixed-contact-wrap.black li strong {
                background: #111;
            }

    /*.fixed-contact-wrap.black .phone i {
	background: #111 url(img/fix-icon1.png) no-repeat center center;
}

.fixed-contact-wrap.black .qq i {
	background: #111 url(img/fix-icon2.png) no-repeat center center;
}

.fixed-contact-wrap.black .back-top i {
	background: #111 url(img/fix-icon3.png) no-repeat center center;
}*/

    @media(max-width:1400px) {
        .fixed-contact-wrap {
            right: 15px;
            width: 50px;
            border-radius: 25px;
        }

            .fixed-contact-wrap.active {
                width: 200px;
            }

            .fixed-contact-wrap li {
                height: 50px;
            }

                .fixed-contact-wrap li i {
                    width: 50px;
                    height: 50px;
                }

                .fixed-contact-wrap li strong {
                    right: -120px;
                    width: 100px;
                    padding: 0 15px 0 20px;
                    font: normal 14px/50px 'gotham-medium';
                }

            .fixed-contact-wrap.active li strong {
                right: 70px;
            }
    }

    @media(max-width:1200px) {
        .top-footer .logo {
            width: 15%;
        }

            .top-footer .logo img {
                width: 80px;
            }

        .top-footer .bottom-item-wrap {
            width: 100%;
        }

        .top-footer .each-item dl {
            width: 95%;
            padding-right: 5%;
        }
    }

    .mb15 {
        margin-bottom: 1%;
    }

    footer .wrap .gotop {
        display: none;
    }

    .index-banner {
        position: static;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

        .index-banner .en {
            font-family: 'gotham-medium';
        }

        .index-banner .swiper-container {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .index-banner .carousel-inner {
            position: absolute;
            top: -60px;
            right: 0;
            bottom: 0;
            left: 0;
            padding-top: 60px;
            overflow: hidden;
            /*cursor: -webkit-grab!important;*/
            /*cursor: grab!important;*/
        }

    .page-header-fullscreen-trame {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    @media (min-width: 768px) {
        .index-banner .carousel-inner {
            position: absolute;
            top: 0;
            padding-top: 0;
        }
    }

    .index-banner .carousel-item {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        overflow: hidden;
        z-index: 10;
        opacity: 0;
        /*opacity: 0;
	transition: .6s opacity cubic-bezier(.19,1,.22,1);
	cursor: move;
	touch-action: pan-y;
	user-select: none;*/
    }

        .index-banner .carousel-item .video-inner {
            height: 100%;
            overflow: hidden;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 50%;
            z-index: 8;
            width: 2560px;
            margin-left: -1280px;
            background-color: #fff;
            text-align: center;
        }

        .index-banner .carousel-item .video video {
            position: relative;
            display: inline-block;
            vertical-align: baseline;
        }

        .index-banner .carousel-item.carousel-item-prev {
            transform-origin: center right;
            transform: translateX(-100%);
        }

        .index-banner .carousel-item.carousel-item-next {
            transform-origin: center right;
            transform: translateX(100%);
        }

        .index-banner .carousel-item:active {
            cursor: -webkit-grab !important;
            cursor: grab !important;
        }

        .index-banner .carousel-item.active {
            z-index: 15;
            opacity: 1;
            transform-origin: center right;
        }

    .index-banner .carousel-item1 img {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        -moz-transition: all 4.5s linear;
        -o-transition: all 4.5s linear;
        transition: all 4.5s linear;
    }

    .index-banner .carousel-item1.active img {
        top: -200px;
    }

    .index-banner .carousel-item2 .bg-img {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .index-banner .carousel-item2 .img-box {
        width: 1600px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
    }

        .index-banner .carousel-item2 .img-box .img1 {
            width: 143px;
            height: 286px;
            position: absolute;
            left: 647px;
            top: 532px;
            background: url(/Content/main/images/004.png) top center no-repeat;
            background-size: 100%;
            padding: 10px;
            z-index: 3;
        }

            .index-banner .carousel-item2 .img-box .img1 img {
                width: 100%;
                opacity: 0;
                transition: all ease .3s;
                transition-delay: 1.5s;
            }

    .index-banner .carousel-item2.active .img-box .img1 img {
        opacity: 1;
    }

    .index-banner .carousel-item2 .img-box .img2 {
        width: 332px;
        height: 391px;
        position: absolute;
        right: -44px;
        top: 447px;
        background: url(/Content/main/images/005.png) top center no-repeat;
        background-size: 100%;
        padding: 23px 35px 0 35px;
        z-index: 3;
    }

        .index-banner .carousel-item2 .img-box .img2 img {
            width: 100%;
            opacity: 0;
            transition: all ease .3s;
            transition-delay: 1s;
        }

    .index-banner .carousel-item2.active .img-box .img2 img {
        opacity: 1;
    }

    .index-banner .carousel-item2 .img-box .img3 {
        width: 760px;
        height: 755px;
        position: absolute;
        top: 184px;
        right: 160px;
        background: url(/Content/main/images/006.png) top center no-repeat;
        background-size: 100%;
        padding: 20px;
    }

        .index-banner .carousel-item2 .img-box .img3 img {
            width: 100%;
            opacity: 0;
            transition: all ease .3s;
            transition-delay: .5s;
        }

    .index-banner .carousel-item2.active .img-box .img3 img {
        opacity: 1;
    }

    @media(max-width:1680px) {
        .index-banner {
            height: auto;
        }

            .index-banner .carousel-item2 .img-box .img1 {
                width: 100px;
                height: 286px;
                position: absolute;
                left: 667px;
                top: 502px;
                padding: 7px;
            }

            .index-banner .carousel-item2 .img-box .img2 {
                width: 182px;
                height: 391px;
                position: absolute;
                right: 180px;
                top: 447px;
                padding: 13px 25px 0 25px;
            }

            .index-banner .carousel-item2 .img-box .img3 {
                width: 36%;
                position: absolute;
                top: 22%;
                right: 18%;
                padding: 20px 10px;
            }
    }

    .index-banner .carousel-item3 .bg-img {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .index-banner .carousel-item3 .img-box {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden;
    }

        .index-banner .carousel-item3 .img-box li {
            position: absolute;
            width: 100%;
            height: 100%;
        }

            .index-banner .carousel-item3 .img-box li img {
                width: 100%;
                height: 100%;
            }

        .index-banner .carousel-item3 .img-box .img1 {
            z-index: 2;
            top: -20px;
            position: absolute;
        }

        .index-banner .carousel-item3 .img-box .img2 {
            z-index: 3;
            right: -20px;
            position: absolute;
        }

    /*.index-banner .carousel-item2.active img,.index-banner .carousel-item3.active img {
	-webkit-transform:  scale(1.2) ; 
    -moz-transform: scale(1.2) ; 
    -ms-transform: scale(1.2);     
    -o-transform:  scale(1.2) ; 
    transform:  scale(1.2);
}*/
    .static .carousel-item {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        cursor: default !important;
    }

    .static.is-mobile .carousel-item {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 0;
    }

    .index-banner .carousel-item-inner {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .carousel-item-image-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        .carousel-item-image-wrapper:before {
            z-index: 20;
        }

        .carousel-item-image-wrapper:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: .2;
            background-color: #000;
            z-index: 8;
        }

    @media (max-width: 768px) {
        .container {
            width: 100% !important;
            margin: 0 auto;
        }
    }

    @media (min-width: 768px) {
        .carousel-item-image-wrapper:after {
            content: none;
        }
    }

    .carousel-item-image {
        position: relative;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

        .carousel-item-image:before {
            opacity: .2;
            z-index: 20;
        }

    .banner-background {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    .carousel-item-image img {
        position: relative;
        width: 100%;
        height: 100%;
        max-width: none;
        z-index: 10;
    }

    .index-banner .swiper-inner-text-wrap {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
    }

    .carousel-item1 .page-header-fullscreen-text {
        background: url(/Content/main/images/bannerbg.png) center center no-repeat;
        background-size: cover;
    }
    /*.carousel-item .page-header-fullscreen-text{
    background: -moz-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(23,9,49,.6)), to(rgba(30,95,116,.6))));
    background: -webkit-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: -o-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: -ms-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: linear-gradient(to right, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,9,49,.6)', endColorstr='rgba(30,95,116,.6)',GradientType=1 );
}*/
    .index-banner .swiper-inner-text {
        position: absolute;
        top: 50%;
        left: 8.6%;
        /*right: 12%;*/
        width: auto;
        color: #fff;
        line-height: 1.3;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

    .index-banner .carousel-item1 .swiper-inner-text {
        text-align: left;
    }

        .index-banner .carousel-item1 .swiper-inner-text .cansual-des {
            font-size: 36px;
            line-height: 60px;
        }

            .index-banner .carousel-item1 .swiper-inner-text .cansual-des span {
                font-size: 48px;
                display: block;
                margin-bottom: 10px;
            }

    .index-banner .carousel-item .link {
        width: 135px;
        height: 50px;
        background: #222 url(/Content/main/images/icon22.png) 95px center no-repeat;
        display: block;
        font-size: 14px;
        line-height: 50px;
        color: #fff;
        font-family: 'sheepsansbol';
        padding-left: 20px;
        margin-top: 48px;
    }

    .index-banner .carousel-item2 .swiper-inner-text {
        text-align: left;
    }

    .index-banner .carousel-item2 .cansual-title {
        font-size: 48px;
        color: #fff;
    }

    .index-banner .cansual-line {
        width: 0;
        height: 3px;
        margin: 25px 0 20px;
        background: #fff;
    }

    .index-banner .cansual-des {
        font-size: 18px;
        color: #fff;
        line-height: 1.8;
    }

    .index-banner .carousel-item3 .cansual-des {
        font-size: 36px;
        line-height: 60px;
    }

        .index-banner .carousel-item3 .cansual-des .s1 {
            font-size: 48px;
            line-height: 78px;
            font-family: 'gotham-medium';
        }

    .index-banner .carousel-item2 .cansual-des {
        text-align: left;
        font-size: 22px;
    }

        .index-banner .carousel-item2 .cansual-des .s1 {
            font-size: 30px;
            font-family: 'gotham-medium';
        }

        .index-banner .carousel-item2 .cansual-des .s2 {
            font-size: 48px;
            font-weight: bold;
            display: block;
        }

    .index-banner .carousel-item3 .cansual-des .s2 {
        font-size: 48px;
        font-weight: bold;
        display: block;
    }

    .index-banner .carousel-item .cansual-title {
        margin-bottom: 10px;
        font-size: 40px;
        font-weight: bold;
        color: #fff;
        text-align: left;
    }

    .index-banner .carousel-item3 .cansual-item-title .en-word {
        display: block;
        padding-bottom: 15px;
        font-family: 'AkzidenzGrotesk-BoldCondAlt';
        font-size: 84px;
        color: #fff;
        line-height: .9;
    }

    .index-banner .carousel-item4 .swiper-inner-text {
        padding-left: 50%;
        text-align: left;
    }

    .index-banner .carousel-item4 .cansual-item-title {
        font-size: 48px;
        color: #fff;
    }

    .index-banner .carousel-item3 .cansual-des {
        margin-bottom: 35px;
    }

    .index-banner .cansual-item-title {
        position: relative;
        margin-bottom: 15px;
    }

        .index-banner .cansual-item-title .small-title {
            display: block;
            margin-bottom: -10px;
            font-size: 22px;
            line-height: 36px;
        }

        .index-banner .cansual-item-title .number {
            font: normal 180px/1 'AkzidenzGrotesk-BoldCondAlt';
            color: #fff;
            letter-spacing: 3px;
            margin-left: -6px;
        }

    .index-banner .carousel-item3 .cansual-item-title .number {
        padding-bottom: 15px;
        font: normal 84px/1 'AkzidenzGrotesk-BoldCondAlt';
    }

    .index-banner .cansual-item-title .number .add-icon {
        font-size: 60px;
        line-height: 180px;
        vertical-align: 40px;
    }

    .carousel-item-subtitle-line {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 30px;
        height: 3px;
        background-color: #fff;
        content: '';
    }

    .index-banner .cansual-item-title .small-title,
    .index-banner .cansual-item-title .number,
    .index-banner .cansual-sub-title,
    .index-banner .carousel-item .cansual-des,
    .index-banner .carousel-item .cansual-line,
    .index-banner .carousel-item3 .cansual-title,
    .index-banner .carousel-item3 .radiu-button {
        display: block;
        opacity: 0;
        transform: translate3d(-150%, 0, 0);
        transition: all 1s;
        transition-delay: .2s;
        overflow: hidden;
    }

    .index-banner .carousel-item2 .cansual-des {
        transform: translate3d(150%, 0, 0);
    }

    .index-banner .carousel-item3 .cansual-des,
    .index-banner .carousel-item3 .cansual-line,
    .index-banner .carousel-item3 .cansual-title,
    .index-banner .carousel-item3 .radiu-button {
        text-align: left;
        transform: translate3d(0, -150%, 0);
    }

    .index-banner .carousel-item .cansual-line {
        transition-delay: .2s;
    }

    .index-banner .carousel-item3 .cansual-des {
        transition-delay: .4s;
    }

    .index-banner .active .cansual-item-title .small-title,
    .index-banner .active .cansual-item-title .number,
    .index-banner .active .cansual-sub-title,
    .index-banner .carousel-item.active .cansual-des,
    .index-banner .carousel-item3.active .cansual-title,
    .index-banner .carousel-item.active .cansual-line,
    .index-banner .carousel-item3.active .radiu-button {
        opacity: 1;
        transform: none;
    }

    .index-banner .carousel-item2 .cansual-title {
        opacity: 0;
        transform: matrix(1, 0, 0, 1, 0, -80);
        -webkit-transform: matrix(1, 0, 0, 1, 0, -80);
        -moz-transform: matrix(1, 0, 0, 1, 0, -80);
        transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
        -webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
        -moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
    }

    .index-banner .carousel-item2.active .cansual-title {
        opacity: 1;
        transform: matrix(1, 0, 0, 1, 0, 0);
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    }

    .index-banner .carousel-item .cansual-line {
        width: 45px;
    }

    .index-banner .carousel-item3 .radiu-button {
        color: #fff;
        text-align: center;
        border: 1px solid #fff;
        background: transparent;
    }

        .index-banner .carousel-item3 .radiu-button:hover {
            color: #333;
            background: #fff;
        }

    .carousel-item-subtitle-line-timer {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
        display: block;
        height: 100%;
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left;
    }

    .active .carousel-item-subtitle-line-timer {
        animation: linewidth 5s;
        -moz-animation: linewidth 5s;
        -webkit-animation: linewidth 5s;
        -o-animation: linewidth 5s;
        animation-delay: 1s;
        -webkit-animation-delay: 1s;
    }

    @keyframes linewidth {
        from {
            width: 0;
        }

        to {
            width: 100%;
        }
    }

    @-moz-keyframes linewidth {
        from {
            width: 0;
        }

        to {
            width: 100%;
        }
    }

    @-webkit-keyframes linewidth {
        from {
            width: 0;
        }

        to {
            width: 100%;
        }
    }

    @-o-keyframes linewidth {
        from {
            width: 0;
        }

        to {
            width: 100%;
        }
    }

    .page-header-fullscreen-text {
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        text-align: center;
        z-index: 25;
    }

    .collapsing .page-header-fullscreen-text {
        transition: .8s -webkit-transform cubic-bezier(.19, 1, .22, 1);
        transition: .8s transform cubic-bezier(.19, 1, .22, 1);
    }

    /*@media (min-width: 768px) {
	.page-header-fullscreen-text {
		padding-top: 100px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.page-header-fullscreen-text:before {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		background-color: transparent;
		border-radius: 100px;
		box-shadow: 0 0 157px 142px rgba(0, 0, 0, .17);
		left: 50%;
		top: 50%;
	}
}*/

    .index-banner .cansual-sub-title span {
        display: block;
        font-size: 20px;
        line-height: 32px;
    }

    .page-header-bar {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        height: 70px;
        line-height: 70px;
        z-index: 55;
        transform-origin: bottom;
        -webkit-transform-origin: bottom;
        -moz-transform-origin: bottom;
        transform: rotateX(0deg) translate3d(0,0,0);
        -webkit-transform: rotateX(0deg) translate3d(0,0,0);
        -moz-transform: rotateX(0deg) translate3d(0,0,0);
        transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
        -webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
        -moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
    }

    /*.page-header-bar.active {
	transform: rotateX(90deg) translate3d(0,0,0);
	-webkit-transform: rotateX(90deg) translate3d(0,0,0);
	-moz-transform: rotateX(90deg) translate3d(0,0,0);
}*/

    .page-header-bar-inner {
        transition: -webkit-transform .4s;
        transition: transform .4s;
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    .page-header-bar-hidden .page-header-bar-inner, .static.home .page-header-bar-inner {
        transition: visibility .4s steps(1, end), -webkit-transform .4s;
        transition: visibility .4s steps(1, end), transform .4s;
        visibility: hidden;
        -webkit-transform: rotateX(94deg) rotateZ(0);
        transform: rotateX(94deg) rotateZ(0);
    }

    .no-transition .page-header-bar-inner {
        transition: none;
    }

    .page-header-collapsed .page-header-bar-inner {
        visibility: hidden;
        transition: none;
    }

    .carousel-bar-inner {
        width: 100%;
        height: 100%;
    }

    .carousel-bar-title-word {
        padding-left: 75px;
        font-size: 12px;
        color: #666;
    }

    .carousel-scroll-btn {
        z-index: 56;
        position: absolute;
        bottom: 50px;
        left: 160px;
        width: 52px;
        height: 52px;
        border: 1px solid #fff;
        border-radius: 100%;
        overflow: hidden;
        cursor: pointer;
    }

        .carousel-scroll-btn .carousel-scroll-btn-icon {
            position: absolute;
            display: block;
            width: 52px;
            height: 52px;
            margin: 0 auto;
            background: url(/Content/main/images/icon2.png) no-repeat center center;
            cursor: pointer;
            animation: downico 1.5s ease-out infinite;
        }

    @keyframes downico {
        0% {
            top: 0;
            opacity: 1;
        }

        35% {
            top: 50%;
            opacity: 0;
        }

        65% {
            top: -50%;
            opacity: 0;
        }

        100% {
            top: 0;
            opacity: 1;
        }
    }

    .carousel-controls {
        position: absolute;
        right: 0;
        top: 0;
        width: 465px;
        height: 70px;
        background: rgba(255,255,255,.6);
    }

        .carousel-controls .count {
            position: absolute;
            left: 0;
            width: 180px;
            padding-left: 66px;
            font: bold 18px/80px 'gotham-medium';
            color: #999;
        }

            .carousel-controls .count span {
                display: inline-block;
            }

            .carousel-controls .count .current {
                color: #222;
            }

        .carousel-controls .controls {
            position: absolute;
            left: 180px;
        }

        .carousel-controls .carousel-line {
            z-index: 1;
            position: absolute;
            left: 50%;
            top: 18px;
            display: block;
            width: 1px;
            height: 35px;
            background: #e5e5e5;
            opacity: .3;
        }

        .carousel-controls .carousel-control {
            float: left;
            width: 70px;
            height: 70px;
            cursor: pointer;
        }

        .carousel-controls .swiper-button-next,
        .carousel-controls .swiper-button-prev {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background: none;
            top: 0;
            margin-top: 0;
        }

        .carousel-controls .swiper-button-line {
            z-index: 1;
            position: absolute;
            top: 0;
            display: block;
            width: 25px;
            height: 100%;
            overflow: hidden;
            transition: all .45s ease-out 0s;
            -webkit-transition: all .45s ease-out 0s;
            -moz-transition: all .45s ease-out 0s;
        }

        .carousel-controls .swiper-button-prev {
            left: initial;
        }

        .carousel-controls .swiper-button-next {
            right: initial;
        }

        .carousel-controls .swiper-button-prev .swiper-button-line {
            background: url(/Content/main/images/icon4.png) no-repeat left center;
            left: 15px;
        }

        .carousel-controls .swiper-button-next .swiper-button-line {
            background: url(/Content/main/images/icon3.png) no-repeat right center;
            right: 15px;
        }

        .carousel-controls .swiper-button-prev:hover .swiper-button-line {
            width: 35px;
        }

        .carousel-controls .swiper-button-next:hover .swiper-button-line {
            width: 35px;
        }
    /*.carousel-controls .swiper-button:after{
    content:'';
    position:absolute;
    top:39px;
    display:block;
    width: 14px;
    height: 2px;
    background-color: #333;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.25,.46,.45,.94) 0s;
    transition: transform .45s cubic-bezier(.25,.46,.45,.94) 0s;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.carousel-controls .swiper-button-prev:after {left:28px;}
.carousel-controls .swiper-button-next:after {right:28px;}
@media(min-width:1200px){
    .carousel-controls .swiper-button:hover:after{
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
    }
}*/

    .index-page-block {
        /*z-index:99;*/
        /*position:relative;*/
        background: #fff;
    }

    .index-service {
        position: relative;
        padding: 90px 0 100px;
        overflow: hidden;
    }


    .index-customer .index-title .big-title .big {
        background: #fff;
    }

    .swiper-slide-text-scroll {
        position: relative;
    }

    .radiu-button {
        z-index: 2;
        position: relative;
        display: block;
        width: 215px;
        height: 60px;
        font: normal 16px/60px 'gotham-medium';
        text-align: center;
        background: #fff;
        border: 1px solid #fff;
        border-radius: 30px;
        transition: all .4s ease-in-out;
        overflow: hidden;
    }

        .radiu-button:hover {
            color: #fff;
            background: #000;
            border-color: #000;
        }

            .radiu-button:hover:after {
                transform-origin: center bottom;
                transform: scaleY(1);
            }

    .ourwork-mobile-images-scroll .work-buttons .iconfont {
        background: transparent;
    }

        .ourwork-mobile-images-scroll .work-buttons .iconfont:after {
            background: #fff;
        }

    .index-data {
        position: relative;
        overflow: hidden;
    }

        .index-data .video {
            display: block;
        }

        .index-data .wrap {
            z-index: 1;
            position: relative;
            background: -moz-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%);
            background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(23,9,49,.6)), to(rgba(30,95,116,.6))));
            background: -webkit-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
            background: -o-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
            background: -ms-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
            background: linear-gradient(to right, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,9,49,.6)', endColorstr='rgba(30,95,116,.6)',GradientType=1 );
        }

        .index-data .index-data-list {
            width: 1140px;
            margin: 0 auto;
            padding: 180px 0;
        }

    .data-background {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
    }

    .index-data .item {
        float: left;
        width: 33.33%;
        height: 240px;
    }

    .index-data .item-inner {
        position: relative;
        height: 240px;
        text-align: center;
        border-right: 1px solid rgba(255,255,255,.2);
    }

    .index-data .item:nth-child(3n) .item-inner {
        border-right: 0;
    }

    .index-data .item:first-child .item-inner,
    .index-data .item:nth-child(2) .item-inner,
    .index-data .item:nth-child(3) .item-inner {
        border-bottom: 1px solid rgba(255,255,255,.2);
    }

    .index-data .text-wrap {
        position: absolute;
        top: 50%;
        width: 100%;
        font-size: 16px;
        color: #fff;
        transform: translateY(-50%);
    }

        .index-data .text-wrap .number-wrap {
            display: block;
            font: normal 108px/1 'AkzidenzGrotesk-BoldCondAlt';
            color: #fff;
            letter-spacing: 2px;
        }

            .index-data .text-wrap .number-wrap .icon {
                display: inline-block;
                font-size: 72px;
                vertical-align: 13px;
            }

    .index-tips {
        width: 770px;
        margin: 0 auto 60px;
        font-size: 14px;
        color: #666;
        line-height: 1.8;
        text-align: center;
    }

    .index-customer .wrap {
        padding: 90px 10%;
    }

    .index-customer-list {
        transform: translateY(50px);
        -webkit-transition: all .8s ease-in-out 0s;
        -moz-transition: all .8s ease-in-out 0s;
        -ms-transition: all .8s ease-in-out 0s;
        -o-transition: all .8s ease-in-out 0s;
        transition: all .8s ease-in-out 0s;
        overflow: hidden;
    }

    .index-customer.active .index-customer-list {
        transform: none;
    }

    .index-customer-list li {
        position: relative;
        float: left;
        width: 20%;
        height: 200px;
        padding: 27px 0;
        text-align: center;
        -webkit-transition: all .8s ease-in-out 0s;
        -moz-transition: all .8s ease-in-out 0s;
        -ms-transition: all .8s ease-in-out 0s;
        -o-transition: all .8s ease-in-out 0s;
        transition: all .8s ease-in-out 0s;
        transition-delay: .5s;
    }
    /*.index-customer-list .item600 {top:600px;}*/
    /*.index-customer-list .item450 {top:450px;}*/
    /*.index-customer-list .item550 {top:550px;}*/
    /*.index-customer-list .item400 {top:400px;}*/
    /*.index-customer-list .item300 {top:300px;}*/
    /*.index-customer-list .item700 {top:700px;}*/
    .index-customer.active .index-customer-list li.item {
        top: 0;
    }

    .index-customer-list .item-inner {
        display: block;
        width: 100%;
        height: 145px;
        border-left: 1px solid #e6e6e6;
    }

    .index-customer-list li:nth-child(5n +1) .item-inner {
        border-left: 0;
    }

    .index-customer-list li:nth-child(5n +1) .lt-dot,
    .index-customer-list li:nth-child(5n +1) .lb-dot,
    .index-customer-list li:nth-child(5n) .rt-dot,
    .index-customer-list li:nth-child(5n) .rb-dot {
        display: none;
    }

    .index-customer-list li:nth-child(5n) .item-inner {
    }

    .index-customer-list li a {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 80%;
        height: 200px;
        margin-left: -40%;
    }

    .index-customer-list li.double-item a {
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
    }

    .index-customer-list li img {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        margin-left: -75px;
        transition: all .5s linear 10ms;
    }

        .index-customer-list li img:first-child {
        }

        .index-customer-list li img:last-child {
            opacity: .6;
        }

        .index-customer-list li:hover img:last-child,
        .index-customer-list li img:first-child {
            opacity: 0;
            transform: translateY(-50%) rotateY(180deg);
        }

    .index-customer-list li img,
    .index-customer-list li:hover img:first-child {
        opacity: 1;
        transform: translateY(-50%) rotateY(0deg);
    }

    .index-customer-list .dot {
        position: absolute;
        display: block;
        width: 2px;
        height: 2px;
        background: #e6e6e6;
    }

    .index-customer-list .lt-dot {
        left: 0;
        top: 0;
    }

    .index-customer-list .lb-dot {
        left: 0;
        bottom: 0;
    }

    .index-customer-list .rt-dot {
        right: 0;
        top: 0;
    }

    .index-customer-list .rb-dot {
        right: 0;
        bottom: 0;
    }

    .index-title, .index-service-scroll-wrap {
        opacity: 0;
        margin-top: 30px;
        transition: all .5s ease-in-out;
    }

    .normal-more-wrap1 {
        padding-top: 50px;
        text-align: center;
    }

        .normal-more-wrap1 .more {
            position: relative;
            display: inline-block;
            width: 60px;
            height: 60px;
            padding-top: 23px;
            background: #fff;
            border-radius: 100%;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
        }

            .normal-more-wrap1 .more .icon {
                z-index: 1;
                position: relative;
                display: inline-block;
                width: 22px;
                height: 10px;
                background: url(/Content/main/images/more-icon.png) no-repeat center center;
                transition: all .5s ease-in-out;
            }

            .normal-more-wrap1 .more:hover .icon {
                background: url(/Content/main/images/more-icon.png) no-repeat center center;
            }

            .normal-more-wrap1 .more:after {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                display: block;
                width: 100%;
                height: 100%;
                background: #339ec1;
                border-radius: 100%;
                -moz-border-radius: 100%;
                -webkit-border-radius: 100%;
                transform: scale(0);
                transition: all .5s ease-in-out;
            }

            .normal-more-wrap1 .more:hover:after {
                transform: scale(1);
            }

    .swiper-container {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .inner-main-container {
        background: #f2f2f2;
    }

        .inner-main-container img {
            max-width: 100%;
            vertical-align: middle;
        }

        .inner-main-container.contact-us {
            background: #f6f6f6;
        }

    .ourwork-mobile-article .code-wrap img {
        max-width: 120px;
    }

    .inner-main-container .each-item .image-wrap img {
        display: block;
        width: 100%;
        height: 100%;
        max-width: none;
        transition: all .4s;
    }

    .ourwork-list .each-item .image-wrap,
    .solution-list .each-item .image-wrap {
        position: relative;
        overflow: hidden;
    }

    .ourwork-list .each-item:hover .image-wrap img,
    .solution-list .each-item:hover .image-wrap img {
        transform: scale(1.025);
    }

    .inner-main-container .fullwindow-banner .each-item img {
        height: 70px;
    }

    .normal-inner-banner,
    .fullwindow-banner {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .fullwindow-banner {
        height: 100vh;
    }

        .fullwindow-banner img {
            width: 100%;
            height: 100%;
        }

    .normal-inner-banner .normal-banner-inner-wrap {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        background: -moz-linear-gradient(left, rgba(30,95,116,.7) 0%, rgba(23,9,49,.7) 100%);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(30,95,116,.7)), to(rgba(23,9,49,.7))));
        background: -webkit-linear-gradient(left, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);
        background: -o-linear-gradient(left, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);
        background: -ms-linear-gradient(left, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);
        background: linear-gradient(to right, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(30,95,116,.7)', endColorstr='rgba(23,9,49,.7)',GradientType=1 );
    }

    .normal-inner-banner.left-text-banner .normal-banner-inner {
        padding-top: 90px;
        color: #fff;
        text-align: left;
    }

    .news-page .normal-inner-banner .container {
        max-width: 1350px;
    }

    .normal-inner-banner .normal-banner-inner {
        position: absolute;
        top: 50%;
        width: 100%;
        transform: translateY(-50%);
    }

    .normal-inner-banner img {
        display: block;
        height: 100%;
        min-height: 450px;
    }

    .solution-info-banner.normal-inner-banner img {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }

    .left-text-banner .inner-banner-title1 {
        font: 42px/1 'Gotham-Bold';
        text-transform: uppercase;
    }

    .left-text-banner .inner-banner-title2 {
        font-size: 28px;
        font-weight: bold;
        color: #fff;
    }

    .left-text-banner .inner-line {
        margin: 25px 0 20px;
        background: #fff;
    }

    .inner-banner-title {
        padding-top: 40px;
        font-weight: bold;
        font-size: 32px;
        color: #fff;
        text-align: center;
    }

        .inner-banner-title .mark img {
            display: inline-block;
            max-width: 100%;
            height: 26px;
            min-height: 26px;
        }

    .normal-inner-banner .descrition {
        margin-top: 16px;
        font-size: 16px;
        color: #fff;
        line-height: 28px;
    }

    .fullwindow-banner-inner-wrap {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(30,95,116,.6)), to(rgba(23,9,49,.6)));
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,95,116,.6)), to(rgba(23,9,49,.6)));
        background: -webkit-linear-gradient(left,rgba(30,95,116,.6),rgba(23,9,49,.6));
        background: -moz-linear-gradient(left, rgba(30,95,116,.6) 0%, rgba(23,9,49,.6) 100%);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(30,95,116,.6)), to(rgba(23,9,49,.6))));
        background: -webkit-linear-gradient(left, rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);
        background: -o-linear-gradient(left, rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);
        background: -ms-linear-gradient(left, rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);
        background: linear-gradient(to right, rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(30,95,116,.6)', endColorstr='rgba(23,9,49,.6)',GradientType=1 );
    }

    .fullwindow-banner-inner {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 60.5%;
        margin-left: -30%;
        transform: translateY(-50%);
    }

        .fullwindow-banner-inner li {
            position: relative;
            float: left;
            width: 34.33%;
            height: 25vh;
            text-align: center;
            border-top: 1px solid rgba(255,255,255,.15);
            border-left: 1px solid rgba(255,255,255,.15);
        }

            .fullwindow-banner-inner li:nth-child(2),
            .fullwindow-banner-inner li:nth-child(5) {
                width: 31.33%;
            }

            .fullwindow-banner-inner li:first-child,
            .fullwindow-banner-inner li:nth-child(2),
            .fullwindow-banner-inner li:nth-child(3) {
                border-top: 0;
            }

            .fullwindow-banner-inner li:first-child,
            .fullwindow-banner-inner li:nth-child(3n+1) {
                border-left: 0;
            }

        .fullwindow-banner-inner .each-item img {
            width: auto;
            max-width: 100%;
            margin: 0 auto;
        }

        .fullwindow-banner-inner .item-inner {
            position: absolute;
            top: 50%;
            width: 100%;
            transform: translateY(-50%);
        }

            .fullwindow-banner-inner .item-inner .icon-wrap {
                display: block;
                height: 70px;
            }

            .fullwindow-banner-inner .item-inner .text-inner {
                display: block;
                padding-top: 15px;
                font-weight: normal;
                font-size: 16px;
                color: #fff;
            }

    .inner-title {
        font-weight: bold;
        font-size: 42px;
        color: #333;
    }

    .inner-line {
        display: inline-block;
        width: 55px;
        height: 4px;
        margin: 15px 0 30px;
        background: #333;
    }

    .inner-descrition {
        font-size: 16px;
        color: #333;
        line-height: 1.75;
    }

    .about-page {
        padding-bottom: 85px;
    }

        .about-page .each-item .image-wrap img {
            width: 100%;
        }

    .about-wrap-first {
        z-index: 1;
        position: relative;
        height: 43vh;
        text-align: center;
        background: #fff;
    }

        .about-wrap-first .inner-descrition {
            width: 720px;
            margin: 0 auto;
        }

        .about-wrap-first .inner-text-wrap {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 60%;
            margin-left: -30%;
            transform: translateY(-50%);
        }

    .about-wrap-second .item-list {
        margin-left: -1%;
    }

    .about-wrap-second .each-item {
        float: left;
        width: 49%;
        margin: 0 0 1% 1%;
    }

    .about-page .image-wrap {
        position: relative;
        overflow: hidden;
    }

        .about-page .image-wrap:after,
        .join-list .each-item .image-wrap:after,
        .ourwork-list .each-item .image-wrap:after,
        .solution-list .each-item .image-wrap:after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.4);
            opacity: 0;
            transition: all .6s ease-in-out;
        }

    .ourwork-list .each-item .image-wrap:after,
    .solution-list .each-item .image-wrap:after {
        background: rgba(0,0,0,0);
    }

    .about-wrap-second .each-item:hover .image-wrap:after,
    .about-wrap-four .each-item:hover .image-wrap:after,
    .about-page .each-item .image-wrap:hover:after,
    .join-list .each-item:hover .image-wrap:after,
    .ourwork-list .each-item:hover .image-wrap:after,
    .solution-list .each-item:hover .image-wrap:after {
        opacity: 1;
    }

    .about-page .each-item img,
    .join-list .each-item .image-wrap img {
        transition: all .4s ease-in-out;
    }

    .about-wrap-second .each-item:hover .image-wrap img,
    .about-page .each-item .image-wrap:hover img,
    .join-list .each-item:hover .image-wrap img {
        transform: scale(1.05);
    }

    .about-wrap-second .item-inner {
        position: relative;
    }

        .about-wrap-second .item-inner .text-wrap {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));
            background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));
            background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
            background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));
            background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));
        }

        .about-wrap-second .item-inner .text-inner {
            padding: 5%;
            color: #fff;
        }

        .about-wrap-second .item-inner .title {
            font-weight: bold;
            font-size: 20px;
            color: #fff;
        }

        .about-wrap-second .item-inner .line {
            display: inline-block;
            width: 55px;
            height: 2px;
            margin: 10px 0 5px;
            background: #fff;
        }

        .about-wrap-second .item-inner .descrition {
            width: 66%;
            font-size: 12px;
            color: #fff;
            line-height: 2;
        }

    .about-wrap-three .each-item, .about-wrap-five .each-item {
        margin-bottom: 1%;
        overflow: hidden;
    }

        .about-wrap-three .each-item .item-inner > div,
        .about-wrap-five .each-item .item-inner a > div {
            float: left;
        }

            .about-wrap-three .each-item .item-inner > div.image-wrap, .about-wrap-five .each-item .item-inner a > div.image-wrap {
                float: right;
            }

        .about-wrap-three .each-item .item-inner > div {
            width: 50%;
        }

    .about-wrap-three .each-item,
    .about-wrap-five .each-item {
        position: relative;
        background: #fff;
    }

        .about-wrap-three .each-item .text-inner {
            padding: 9.25%;
        }

        .about-wrap-three .each-item .inner-title {
            font-size: 36px;
        }

        .about-wrap-three .each-item .inner-line {
            width: 40px;
            margin: 20px 0;
        }

        .about-wrap-three .each-item .inner-descrition {
            width: 80%;
        }

    .about-wrap-four .each-item {
        position: relative;
    }

        .about-wrap-four .each-item .text-wrap {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            text-align: center;
        }

        .about-wrap-four .each-item .text-inner {
            position: absolute;
            top: 50%;
            width: 100%;
            transform: translateY(-50%);
        }

            .about-wrap-four .each-item .text-inner .title {
                margin-bottom: 50px;
                font-size: 36px;
                font-weight: bold;
                color: #fff;
                transform: translateY(20px);
                opacity: 0;
                transition: all .6s ease-in-out;
            }

        .about-wrap-four .each-item .normal-more-wrap2 {
            transform: translateY(-20px);
            opacity: 0;
            transition: all .6s ease-in-out;
        }

            .about-wrap-four .each-item .normal-more-wrap2:before {
                border-color: #fff;
            }

            .about-wrap-four .each-item .normal-more-wrap2:after {
                background: #fff;
            }

        .about-wrap-four .each-item:hover .text-inner .title,
        .about-wrap-four .each-item:hover .normal-more-wrap2 {
            opacity: 1;
            transform: none;
        }

    .about-wrap-five .each-item .text-wrap {
        width: 42.5%;
    }

    .about-wrap-five .each-item .text-inner {
        padding: 11.5%;
    }

    .about-wrap-five .each-item .inner-title {
        margin-bottom: 23px;
        font-size: 36px;
        text-transform: uppercase;
    }

    .about-wrap-five .each-item .image-wrap {
        width: 57.5%;
    }

    .about-wrap-five .each-item .inner-descrition {
        width: 77.5%;
        font-size: 18px;
    }

    .about-wrap-five .normal-more-wrap2 {
        position: absolute;
        bottom: 10%;
        border-color: #333;
        transition: all .4s;
    }

        .about-wrap-five .normal-more-wrap2:hover {
            border-color: #fff;
        }

        .about-wrap-five .normal-more-wrap2:before {
            background: url(/Content/main/images/more-icon.png) no-repeat center center;
        }

        .about-wrap-five .normal-more-wrap2:hover:before {
            background: url(/Content/main/images/more-icon.png) no-repeat center center;
        }

    /*about*/
    .fullwindow-banner-inner li .icon-wrap,
    .fullwindow-banner-inner li .text,
    .about-wrap-second .item-inner .title,
    .about-wrap-second .item-inner .line,
    .about-wrap-second .item-inner .descrition {
        opacity: 0;
        transform: translateY(50px);
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
    }

    .fullwindow-banner-inner.active li .icon-wrap,
    .fullwindow-banner-inner.active li .text,
    .about-wrap-second .each-item:hover .item-inner .title,
    .about-wrap-second .each-item:hover .item-inner .line,
    .about-wrap-second .each-item:hover .item-inner .descrition {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
    }

    .fullwindow-banner-inner li:nth-of-type(1) .icon-wrap,
    .about-wrap-second .item-inner .title,
    .about-wrap-second .item-inner .line,
    .about-wrap-second .item-inner .descrition {
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
    }

    .fullwindow-banner-inner li:nth-of-type(1) .text {
        transition: all 0.5s ease-out .1s;
        -webkit-transition: all 0.5s ease-out .1s;
        -moz-transition: all 0.5s ease-out .1s;
    }

    .fullwindow-banner-inner li:nth-of-type(2) .icon-wrap {
        transition: all 0.5s ease-out .2s;
        -webkit-transition: all 0.5s ease-out .2s;
        -moz-transition: all 0.5s ease-out .2s;
    }

    .fullwindow-banner-inner li:nth-of-type(2) .text {
        transition: all 0.5s ease-out .3s;
        -webkit-transition: all 0.5s ease-out .3s;
        -moz-transition: all 0.5s ease-out .3s;
    }

    .fullwindow-banner-inner li:nth-of-type(3) .icon-wrap {
        transition: all 0.5s ease-out .4s;
        -webkit-transition: all 0.5s ease-out .4s;
        -moz-transition: all 0.5s ease-out .4s;
    }

    .fullwindow-banner-inner li:nth-of-type(3) .text {
        transition: all 0.5s ease-out .5s;
        -webkit-transition: all 0.5s ease-out .5s;
        -moz-transition: all 0.5s ease-out .5s;
    }

    .fullwindow-banner-inner li:nth-of-type(4) .icon-wrap {
        transition: all 0.5s ease-out .6s;
        -webkit-transition: all 0.5s ease-out .6s;
        -moz-transition: all 0.5s ease-out .6s;
    }

    .fullwindow-banner-inner li:nth-of-type(4) .text {
        transition: all 0.5s ease-out .7s;
        -webkit-transition: all 0.5s ease-out .7s;
        -moz-transition: all 0.5s ease-out .7s;
    }

    .fullwindow-banner-inner li:nth-of-type(5) .icon-wrap {
        transition: all 0.5s ease-out .8s;
        -webkit-transition: all 0.5s ease-out .8s;
        -moz-transition: all 0.5s ease-out .8s;
    }

    .fullwindow-banner-inner li:nth-of-type(5) .text {
        transition: all 0.5s ease-out .9s;
        -webkit-transition: all 0.5s ease-out .9s;
        -moz-transition: all 0.5s ease-out .9s;
    }

    .fullwindow-banner-inner li:nth-of-type(6) .icon-wrap {
        transition: all 0.5s ease-out 1s;
        -webkit-transition: all 0.5s ease-out 1s;
        -moz-transition: all 0.5s ease-out 1s;
    }

    .fullwindow-banner-inner li:nth-of-type(6) .text {
        transition: all 0.5s ease-out 1.1s;
        -webkit-transition: all 0.5s ease-out 1.1s;
        -moz-transition: all 0.5s ease-out 1.1s;
    }


    /*index-advantage*/
    .index-advantage {
        padding: 33px 0px;
        background: #fff;
        position: relative;
        z-index: 3;
    }

        .index-advantage .index-advantage_title {
            text-align: center;
            margin-bottom: 60px;
        }

            .index-advantage .index-advantage_title .index-advantage_title_dd {
                font-size: 40px;
                color: #333333;
                margin-bottom: 20px;
                letter-spacing: .2em;
            }

            .index-advantage .index-advantage_title .index-advantage_title_dt {
                font-size: 16px;
                color: #888888;
            }

        .index-advantage .index-advantage_content {
            display: flex;
        }

    @media screen and (max-width: 1200px) {

        .index-advantage .index-advantage_content {
            display: block;
        }
    }

    .index-advantage .index-advantage_content .index-advantage_content_list {
        width: 50%;
        transition: all 0.5s ease 0s;
        -webkit-transform: all 0.5s ease 0s;
    }

    @media screen and (max-width: 1200px) {
        .index-advantage .index-advantage_content .index-advantage_content_list {
            width: 100%;
        }
    }

    .index-advantage .index-advantage_content .index-advantage_content_list .content_list_top {
        background: url(/Content/main/images/bg1.jpg) no-repeat 50%/cover;
        transition: all 0.5s ease 0s;
        -webkit-transform: all 0.5s ease 0s;
    }

    .index-advantage .index-advantage_content .index-advantage_content_list:last-child .content_list_top {
        background: url(/Content/main/images/bg2.jpg) no-repeat 50%/cover;
    }

    .index-advantage .index-advantage_content .index-advantage_content_list .content_list_top {
        height: 460px;
        position: relative;
    }

        .index-advantage .index-advantage_content .index-advantage_content_list .content_list_top .list_top_p {
            position: absolute;
            right: 0;
            top: 0;
            right: 10%;
            height: 100%;
            display: flex;
            align-items: flex-start;
            flex-direction: column;
            justify-content: center;
        }

        .index-advantage .index-advantage_content .index-advantage_content_list .content_list_top .list_top_title {
            font-size: 32px;
            color: #fff;
            position: relative;
            margin-bottom: 44px;
            padding-bottom: 33px;
        }

    @media screen and (max-width: 768px) {
        .index-advantage .index-advantage_content .index-advantage_content_list .content_list_top .list_top_title {
            font-size: 16px;
            padding-bottom: 12px;
            margin-bottom: 10px;
        }
    }

    .index-advantage .index-advantage_content .index-advantage_content_list .content_list_top .list_top_title::before {
        content: "";
        display: inline-block;
        width: 55px;
        height: 2px;
        background: #fff;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .index-advantage .index-advantage_content .index-advantage_content_list .content_list_top .list_top_txt p {
        font-size: 18px;
        color: #fff;
        display: flex;
        align-items: center;
        margin-bottom: 18px;
        transition: all 0.5s ease 0s;
    }

    @media screen and (max-width: 768px) {

        .index-advantage .index-advantage_content .index-advantage_content_list .content_list_top .list_top_txt p {
            font-size: 14px;
            margin-bottom: 10px;
        }
    }

    .index-advantage .index-advantage_content .index-advantage_content_list .content_list_top .list_top_txt p::before {
        content: "";
        display: inline-block;
        width: 5px;
        height: 5px;
        background: #2085c7;
        margin-right: 10px;
    }

    .index-advantage .index-advantage_content .index-advantage_content_list .content_list_top .list_top_txt p:last-child {
        margin-bottom: 0px;
    }

    .index-advantage .index-advantage_content .index-advantage_content_list .content_list_top .list_top_txt p:hover {
        color: #2085c7;
        transition: all 0.5s ease 0s;
    }

    .index-advantage .index-advantage_content .index-advantage_content_list .content_list_bottom {
        display: flex;
        flex-wrap: wrap;
    }

        .index-advantage .index-advantage_content .index-advantage_content_list .content_list_bottom .list_bottom_li {
            width: 50%;
            height: 198px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            text-align: center;
            border-bottom: 1px solid #dcdcdc;
            border-right: 1px solid #dcdcdc;
        }

    .index-advantage .index-advantage_content .index-advantage_content_list:last-child .content_list_bottom .list_bottom_li:nth-child(2n) {
        border-right: 0px;
    }

    .index-advantage .index-advantage_content .index-advantage_content_list .content_list_bottom .list_bottom_li .bottom_li_txt {
        margin-top: 20px;
    }

        .index-advantage .index-advantage_content .index-advantage_content_list .content_list_bottom .list_bottom_li .bottom_li_txt dd {
            font-size: 18px;
            color: #333333;
            margin-bottom: 10px;
            transition: all 0.5s ease 0s;
            -webkit-transform: all 0.5s ease 0s;
        }

        .index-advantage .index-advantage_content .index-advantage_content_list .content_list_bottom .list_bottom_li .bottom_li_txt dt {
            font-size: 14px;
            color: #666666;
            transition: all 0.5s ease 0s;
            -webkit-transform: all 0.5s ease 0s;
        }

    .index-advantage .index-advantage_content .index-advantage_content_list .content_list_bottom .list_bottom_li:hover .bottom_li_txt dd {
        color: #2085c7;
        transition: all 0.5s ease 0s;
        -webkit-transform: all 0.5s ease 0s;
    }

    .index-advantage .index-advantage_content .index-advantage_content_list.on .content_list_top {
        height: 527px;
        transition: all 0.5s ease 0s;
        -webkit-transform: all 0.5s ease 0s;
    }

    .index-advantage .index-advantage_content .index-advantage_content_list.on {
        box-shadow: 0px 0px 49px rgba(0,0,0,.13);
        transition: all 0.5s ease 0s;
        -webkit-transform: all 0.5s ease 0s;
    }

    @media screen and (max-width: 768px) {
        .index-advantage .index-advantage_title .index-advantage_title_dd {
            font-size: 18px;
        }

        .index-advantage .index-advantage_title .index-advantage_title_dt {
            font-size: 14px;
        }
    }

    /*index-case*/
    .index-case {
        width: 100%;
        padding: 30px 0 80px;
    }

    .index-case-title {
        font-size: 36px;
        line-height: 36px;
        color: #222;
        font-weight: bold;
        text-align: center;
    }

    .index-case .mores {
        font-family: 'sheepsansbold';
        font-size: 16px;
        line-height: 36px;
        color: #000;
        background: url(/Content/main/images/icon21.png) right center no-repeat;
        padding-right: 35px;
        display: block;
        position: absolute;
        right: 0;
        top: 50px;
    }

    .index-case-menu {
        width: 100%;
        display: table;
        margin-top: 30px;
    }

        .index-case-menu li {
            height: 28px;
            line-height: 26px;
            float: left;
            border: 1px solid #666;
            border-radius: 14px;
            margin-right: 10px;
        }

            .index-case-menu li:hover {
                border-radius: 14px;
                border-color: #222;
            }

            .index-case-menu li a {
                padding: 0 20px;
                display: inline-block;
                font-size: 16px;
                border-radius: 14px;
                color: #666;
                transition: all ease .3s;
            }

            .index-case-menu li:hover a {
                background: #222;
                color: #fff;
            }

            .index-case-menu li.on a {
                background: #222;
                color: #fff;
            }

    .index-case-list {
        width: 100%;
        display: table;
        margin-top: 40px;
    }

        .index-case-list li {
            width: 32.5%;
            float: left;
            margin-right: 1.25%;
            margin-bottom: 20px;
        }

            .index-case-list li:nth-child(3n) {
                margin-right: 0;
            }

            .index-case-list li:hover {
                box-shadow: 0 0 15px 1px rgba(0,0,0,.1);
            }

            .index-case-list li .img {
                width: 100%;
                overflow: hidden;
            }

                .index-case-list li .img img {
                    width: 100%;
                    -moz-transition: all 0.5s linear;
                    -o-transition: all 0.5s linear;
                    transition: all 0.5s linear;
                }

            .index-case-list li:hover .img img {
                -webkit-transform: scale(1.05);
                -moz-transform: scale(1.05);
                -ms-transform: scale(1.05);
                -o-transform: scale(1.05);
                transform: scale(1.05);
            }

            .index-case-list li .tbox {
                width: 100%;
                box-sizing: border-box;
                border: 1px solid #ebebeb;
                border-top: none;
                padding: 20px 20px 0;
            }

                .index-case-list li .tbox .title {
                    width: 100%;
                    position: relative;
                    line-height: 36px;
                }

                    .index-case-list li .tbox .title .t1 {
                        font-size: 16px;
                        font-weight: bold;
                        color: #222;
                    }

                    .index-case-list li .tbox .title .t2 {
                        font-size: 14px;
                        color: #666;
                    }

                    .index-case-list li .tbox .title .icon {
                        position: absolute;
                        right: 0;
                        top: 20px;
                    }

                        .index-case-list li .tbox .title .icon span {
                            display: inline-block;
                            width: 18px;
                            height: 16px;
                            margin-left: 10px;
                        }

                        .index-case-list li .tbox .title .icon a {
                            display: inline-block;
                            width: 18px;
                            height: 16px;
                            margin-left: 10px;
                        }

                        .index-case-list li .tbox .title .icon .icon1 {
                            background: url(/Content/main/images/icon17.png) center center no-repeat;
                        }

                        .index-case-list li .tbox .title .icon .icon2 {
                            background: url(/Content/main/images/icon18.png) center center no-repeat;
                        }

                        .index-case-list li .tbox .title .icon .icon3 {
                            background: url(/Content/main/images/icon19.png) center center no-repeat;
                        }

                .index-case-list li .tbox .more {
                    width: 100%;
                    border-top: 1px solid #e3e3e3;
                    margin-top: 7px;
                    font-size: 14px;
                    color: #666;
                    line-height: 36px;
                    padding: 7px;
                    background: url(/Content/main/images/icon20.png) right center no-repeat;
                    transition: all ease .3s;
                }

            .index-case-list li:hover .tbox .more {
                background: url(/Content/main/images/icon21.png) right center no-repeat;
            }

    .index-solution {
        width: 100%;
        padding: 80px 0;
    }

    .index-solution-box {
        width: 100%;
        background: #373737;
        display: table;
    }

        .index-solution-box .img {
            width: 60%;
            float: left;
        }

        .index-solution-box .tbox {
            width: 40%;
            float: left;
            padding: 8.5% 0 0 80px;
            display: inline-block;
        }

            .index-solution-box .tbox .title {
                font-size: 36px;
                font-weight: bold;
                color: #fff;
                line-height: 1;
                margin-bottom: 20px;
            }

            .index-solution-box .tbox .txt {
                max-width: 475px;
                font-size: 14px;
                line-height: 28px;
                color: #fff;
            }

            .index-solution-box .tbox .list {
                width: 100%;
                margin-top: 53px;
            }

                .index-solution-box .tbox .list li {
                    float: left;
                    margin: 0 20px 20px 0;
                }

                    .index-solution-box .tbox .list li a {
                        line-height: 36px;
                        border: 1px solid #bbb;
                        border-radius: 19px;
                        display: block;
                        padding: 0 21px;
                        font-size: 14px;
                        color: #bbb;
                        transition: all ease .3s;
                    }

                    .index-solution-box .tbox .list li:hover a {
                        color: #222;
                        background: #fff;
                        border: 1px solid #fff;
                    }


    /**
    新闻开始
*/
    .IndexNews {
        background: #fff;
    }

        .IndexNews .IndexService_content_title {
            margin-bottom: 55px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .IndexNews .IndexService_content_title dd {
                font-size: 34px;
                color: #333333;
                letter-spacing: .2em;
            }

        .IndexNews .IndexNews_title a {
            padding: 0px 18px;
            min-width: 120px;
            line-height: 50px;
            display: inline-block;
            background: #eeeeee;
            font-size: 16px;
            color: #333333;
            margin-right: 13px;
            text-align: center;
        }

            .IndexNews .IndexNews_title a:hover {
                color: #fff;
                background: #2085c7;
            }

            .IndexNews .IndexNews_title a.on {
                color: #fff;
                background: #2085c7;
            }

            .IndexNews .IndexNews_title a:last-child {
                margin-right: 0px;
            }

        .IndexNews .IndexNews_content .IndexNews_content_video {
            width: 40%;
        }

            .IndexNews .IndexNews_content .IndexNews_content_video .content_video_title {
                cursor: pointer;
                position: relative;
            }

                .IndexNews .IndexNews_content .IndexNews_content_video .content_video_title img {
                    width: 100%;
                    height: 370px;
                    object-fit: cover;
                }

            .IndexNews .IndexNews_content .IndexNews_content_video .content_video_body {
                border: 1px solid #e5e5e5;
                border-top: 0px;
                padding: 25px 25px;
            }

                .IndexNews .IndexNews_content .IndexNews_content_video .content_video_body dd {
                    font-size: 18px;
                    color: #333333;
                    line-height: 30px;
                    margin-bottom: 15px;
                }

                    .IndexNews .IndexNews_content .IndexNews_content_video .content_video_body dd a {
                        font-size: 18px;
                        color: #333333;
                    }

                    .IndexNews .IndexNews_content .IndexNews_content_video .content_video_body dd span {
                        font-size: 30px;
                        position: relative;
                        top: 3px;
                        margin-right: 12px;
                    }

                .IndexNews .IndexNews_content .IndexNews_content_video .content_video_body dt {
                    color: #666666;
                    font-size: 14px;
                    line-height: 22px;
                    display: -webkit-box;
                    height: 42px;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                }

        .IndexNews .IndexNews_content .IndexNews_content_right {
            width: 58%;
        }

            .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list {
                display: inline-block;
                width: 100%;
                margin-bottom: 31px;
            }

                .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list:last-child {
                    margin-bottom: 0px;
                }

                .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img a {
                    display: inline-block;
                    background: #000;
                }

                .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img {
                    width: 25%;
                    overflow: hidden;
                }

                .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list:hover .tra {
                    -webkit-transform: scale(1.15);
                    -moz-transform: scale(1.15);
                    -ms-transform: scale(1.15);
                    -o-transform: scale(1.15);
                    filter: scale(1.15);
                    filter: transform;
                    transition: all 0.5s ease 0s;
                    -webkit-transform: all 0.5s ease 0s;
                    cursor: pointer;
                    opacity: 1;
                }

                .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list:hover .right_list_content .list_content_title dd {
                    color: #ff7019;
                    transition: all 0.5s ease 0s;
                    -webkit-transform: all 0.5s ease 0s;
                }

                .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img img {
                    width: 100%;
                    height: 150px;
                    object-fit: cover;
                    opacity: .8;
                }

                .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content {
                    width: 72%;
                }

                    .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title {
                        border-bottom: 1px solid #e5e5e5;
                        margin-bottom: 15px;
                        line-height: 40px;
                    }

                        .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title dd {
                            width: 85%;
                        }

                            .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title dd a {
                                font-size: 18px;
                                color: #333333;
                                width: 100%;
                                transition: all 0.5s ease 0s;
                                display: inline-block;
                                -webkit-transform: all 0.5s ease 0s;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }

                        .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title dt {
                            font-size: 18px;
                            color: #999999;
                        }

                    .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content p {
                        color: #666666;
                        line-height: 24px;
                        font-size: 14px;
                        display: -webkit-box;
                        height: 69px;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 3;
                        overflow: hidden;
                    }

                .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list:hover .right_list_content .list_content_title dd a {
                    color: #2085c7;
                }

    .JiJin1 {
        padding: 90px 0px;
        background: #fff;
        position: relative;
        z-index: 3;
    }

    .IndexNews2023 .IndexService_content_title dd span {
        font-size: 14px;
        color: #666666;
        margin-left: 14px;
        letter-spacing: 0;
    }

    .IndexNews2023 h3 {
        font-weight: normal;
    }

    .IndexNews2023 .IndexNews_title a {
        min-width: auto;
    }

    .IndexNews2023 .IndexService_content {
        display: flex;
        justify-content: space-between;
    }

        .IndexNews2023 .IndexService_content .IndexNews2023_left {
            width: 69%;
        }

            .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top {
                display: flex;
                justify-content: space-between;
            }

                .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list {
                    width: 32%;
                    box-shadow: 0px 0px 35px rgba(0,0,0,.05);
                }

                    .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_img img {
                        width: 100%;
                        height: 240px;
                        object-fit: cover;
                    }

                    .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_txt {
                        padding: 30px;
                    }

                        .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_txt .list_txt_dd {
                            font-size: 20px;
                            color: #333333;
                            margin-bottom: 25px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            font-weight: normal;
                        }

                    .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list:hover .top_list_txt .list_txt_dd {
                        color: #2085c7;
                    }

                    .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_txt .list_txt_dt {
                        font-size: 14px;
                        color: #666666;
                        line-height: 24px;
                        margin-bottom: 50px;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        overflow: hidden;
                    }

                    .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_txt .list_txt_time {
                        font-size: 14px;
                        color: #999999;
                    }

            .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom {
                display: flex;
                flex-wrap: wrap;
                margin-top: 20px;
            }

                .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom .content_bottom_list {
                    width: 32%;
                    margin-right: 2%;
                    padding: 20px 0px;
                    padding-left: 14px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    border-bottom: 1px solid #f5f5f5;
                }

                    .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom .content_bottom_list:nth-child(3n) {
                        margin-right: 0;
                    }

                    .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom .content_bottom_list .bottom_list_dd {
                        font-size: 16px;
                        color: #666666;
                        width: calc(100% - 120px);
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        font-weight: normal;
                    }

                    .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom .content_bottom_list:hover {
                        border-bottom: 1px solid #2085c7;
                    }

                        .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom .content_bottom_list:hover .bottom_list_dd {
                            color: #2085c7;
                        }

                    .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom .content_bottom_list .bottom_list_dt {
                        font-size: 14px;
                        color: #999999;
                    }

        .IndexNews2023 .IndexService_content .IndexNews2023_right {
            width: 28.5%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

            .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_title {
                font-size: 16px;
                color: #333333;
                padding-left: 16px;
                border-left: 5px solid #2085c7;
                height: 50px;
                display: flex;
                align-items: center;
                background: #f2f3f6;
            }

                .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_title span {
                    font-size: 14px;
                    color: #666666;
                    margin-left: 12px;
                }

            .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content {
                height: 60%;
                overflow: hidden;
                border-bottom: 1px solid #f2f3f6;
                position: relative;
            }

                .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .IndexNews2023_right_con {
                    padding: 30px 20px;
                    border: 1px solid #f2f3f6;
                    padding-bottom: 0;
                    width: 100%;
                    position: relative;
                    padding-top: 0;
                }

                    .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .IndexNews2023_right_con::before {
                        content: "";
                        display: inline-block;
                        width: 100%;
                        height: 40px;
                        background: linear-gradient(to top,rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
                        position: absolute;
                        left: 0;
                        top: 0;
                        z-index: 2;
                    }

                .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content ul {
                    width: 100%;
                }

                .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list {
                    margin-bottom: 20px;
                }

                    .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list .content_list_user {
                        display: flex;
                        justify-content: space-between;
                    }

                        .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list .content_list_user .list_user_left {
                            width: 40px;
                            height: 40px;
                            border-radius: 100%;
                        }

                            .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list .content_list_user .list_user_left img {
                                width: 40px;
                                height: 40px;
                                border-radius: 100%;
                                object-fit: cover;
                            }

                        .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list .content_list_user .list_user_right {
                            width: calc(100% - 55px);
                        }

                            .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list .content_list_user .list_user_right .user_right_dd {
                                padding: 15px 12px;
                                border-radius: 4px;
                                background: #f5f5f5;
                                font-size: 14px;
                            }

                                .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list .content_list_user .list_user_right .user_right_dd span {
                                    color: #666666;
                                }

                            .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list .content_list_user .list_user_right .user_right_dt {
                                margin-top: 5px;
                                font-size: 12px;
                                color: #999999;
                            }

                    .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list .content_list_jijin {
                        flex-flow: row-reverse;
                        margin-top: 15px;
                    }

            .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_bottom {
                border: 1px solid #f2f3f6;
                padding: 35px 20px;
                padding-bottom: 15px;
                padding-right: 0;
                background: linear-gradient(to bottom,white, #f3f4f6);
                height: calc(40% - 15px);
            }

                .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_bottom a {
                    font-size: 14px;
                    color: #666666;
                    display: inline-block;
                    padding: 11px 16px;
                    border-radius: 100px;
                    box-shadow: 0px 0px 21px rgba(114,64,6,.1);
                    margin-right: 10px;
                    margin-bottom: 15px;
                }

                    .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_bottom a:hover {
                        color: #fff;
                        background: #2085c7;
                    }

    /**
    新闻结束
*/
    .index-client {
        width: 100%;
    }

    .index-client-box {
        width: 100%;
        display: table;
    }

    .index-client-img {
        width: 65%;
        height: 635px;
        position: relative;
        float: left;
    }

        .index-client-img .img {
            position: absolute;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
            transition: all ease 1.5s;
            left: 459px;
            top: 328px;
            width: 1px;
            height: 1px;
            cursor: pointer;
            transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            -webkit-transform-origin: 50% 50%;
            -moz-transform-origin: 50% 50%;
            -o-transform-origin: 50% 50%;
            -moz-transition: all .8s linear;
            -o-transition: all .8s linear;
            transition: all .8s linear;
        }

            .index-client-img .img img {
                width: 100%;
            }

        .index-client-img .img10 {
            z-index: 2;
        }

        .index-client-img .img:hover {
            -webkit-transform: scale(1.5);
            -moz-transform: scale(1.5);
            -ms-transform: scale(1.5);
            -o-transform: scale(1.5);
            transform: scale(1.5);
        }

        .index-client-img .img6:hover, .index-client-img .img7:hover, .index-client-img .img9:hover, .index-client-img .img11:hover {
            -webkit-transform: scale(1.3);
            -moz-transform: scale(1.3);
            -ms-transform: scale(1.3);
            -o-transform: scale(1.3);
            transform: scale(1.3);
        }

        .index-client-img .img10:hover {
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            transform: scale(1.2);
        }

    .index-client.active .index-client-img .img1 {
        left: 17px;
        top: 87px;
        width: 58px;
        height: 58px;
    }

    .index-client.active .index-client-img .img2 {
        left: 93px;
        top: 174px;
        width: 82px;
        height: 82px;
    }

    .index-client.active .index-client-img .img3 {
        left: 46px;
        top: 317px;
        width: 71px;
        height: 71px;
    }

    .index-client.active .index-client-img .img4 {
        left: 17px;
        top: 487px;
        width: 56px;
        height: 56px;
    }

    .index-client.active .index-client-img .img5 {
        left: 210px;
        top: 75px;
        width: 82px;
        height: 82px;
    }

    .index-client.active .index-client-img .img6 {
        left: 244px;
        top: 200px;
        width: 96px;
        height: 96px;
    }

    .index-client.active .index-client-img .img7 {
        left: 177px;
        top: 337px;
        width: 91px;
        height: 91px;
    }

    .index-client.active .index-client-img .img8 {
        left: 164px;
        top: 484px;
        width: 82px;
        height: 82px;
    }

    .index-client.active .index-client-img .img9 {
        left: 412px;
        top: 112px;
        width: 105px;
        height: 105px;
    }

    .index-client.active .index-client-img .img10 {
        left: 389px;
        top: 261px;
        width: 135px;
        height: 135px;
    }

    .index-client.active .index-client-img .img11 {
        left: 325px;
        top: 418px;
        width: 100px;
        height: 100px;
    }

    .index-client.active .index-client-img .img12 {
        left: 591px;
        top: 80px;
        width: 82px;
        height: 82px;
    }

    .index-client.active .index-client-img .img13 {
        left: 583px;
        top: 255px;
        width: 96px;
        height: 96px;
    }

    .index-client.active .index-client-img .img14 {
        left: 533px;
        top: 409px;
        width: 100px;
        height: 100px;
    }

    .index-client.active .index-client-img .img15 {
        left: 782px;
        top: 100px;
        width: 65px;
        height: 65px;
    }

    .index-client.active .index-client-img .img16 {
        left: 735px;
        top: 222px;
        width: 82px;
        height: 82px;
    }

    .index-client.active .index-client-img .img17 {
        left: 714px;
        top: 374px;
        width: 82px;
        height: 82px;
    }

    .index-client.active .index-client-img .img18 {
        left: 688px;
        top: 518px;
        width: 67px;
        height: 67px;
    }

    .index-client.active .index-client-img .img19 {
        left: 867px;
        top: 333px;
        width: 65px;
        height: 65px;
    }

    .index-client.active .index-client-img .img20 {
        left: 827px;
        top: 490px;
        width: 64px;
        height: 64px;
    }

    .index-client-tbox {
        width: 35%;
        float: right;
        padding-top: 200px;
    }

        .index-client-tbox .title {
            font-size: 36px;
            line-height: 36px;
            font-weight: bold;
            color: #000;
            margin-bottom: 24px;
        }

        .index-client-tbox .txt {
            font-size: 14px;
            line-height: 24px;
            color: #666;
            margin-bottom: 50px;
        }

        .index-client-tbox .more {
            font-size: 16px;
            line-height: 36px;
            padding-right: 35px;
            background: url(/Content/main/images/icon21.png) right center no-repeat;
            display: inline-block;
            color: #000;
            font-family: 'sheepsansbold';
        }



    @media(max-width:1630px) {
        .index-box {
            width: 100%;
            padding: 0 40px;
        }

        .index-news {
            overflow: hidden;
            padding: 0 40px;
        }

        .advantage-list li {
            width: 23%;
            margin: 0 1.125% 0 0.5%;
            padding: 60px 20px 20px 20px
        }

        .index-case .mores, .index-news-more {
            right: 40px;
        }

        .index-solution-box .tbox {
            padding: 4.5% 20px 0 40px;
        }

        .index-news-list .lbox .box3 .tbox .titles {
            width: calc(100% - 110px);
        }

        .index-client-tbox {
            padding: 100px 20px 0;
        }

        .top-foot {
            padding: 60px 40px 0;
        }

        .friend-link {
            padding: 41px 40px 21px;
        }

        .index-client.active .index-client-img .img1 {
            left: 1.6%;
            top: 13.7%;
        }

        .index-client.active .index-client-img .img2 {
            left: 9%;
            top: 27.4%;
        }

        .index-client.active .index-client-img .img3 {
            left: 4.4%;
            top: 50%;
        }

        .index-client.active .index-client-img .img4 {
            left: 1.6%;
            top: 76.7%;
        }

        .index-client.active .index-client-img .img5 {
            left: 20%;
            top: 11.8%;
        }

        .index-client.active .index-client-img .img6 {
            left: 23.5%;
            top: 31.5%;
        }

        .index-client.active .index-client-img .img7 {
            left: 17%;
            top: 53%;
        }

        .index-client.active .index-client-img .img8 {
            left: 15.8%;
            top: 76%;
        }

        .index-client.active .index-client-img .img9 {
            left: 39.6%;
            top: 17.6%;
        }

        .index-client.active .index-client-img .img10 {
            left: 37.4%;
            top: 41.1%;
        }

        .index-client.active .index-client-img .img11 {
            left: 31.25%;
            top: 65.8%;
        }

        .index-client.active .index-client-img .img12 {
            left: 56.8%;
            top: 12.6%;
        }

        .index-client.active .index-client-img .img13 {
            left: 56%;
            top: 40%;
        }

        .index-client.active .index-client-img .img14 {
            left: 51.25%;
            top: 64.4%;
        }

        .index-client.active .index-client-img .img15 {
            left: 75.2%;
            top: 15.7%;
        }

        .index-client.active .index-client-img .img16 {
            left: 70.6%;
            top: 35%;
        }

        .index-client.active .index-client-img .img17 {
            left: 68.7%;
            top: 59%;
        }

        .index-client.active .index-client-img .img18 {
            left: 66%;
            top: 81.6%;
        }

        .index-client.active .index-client-img .img19 {
            left: 83.4%;
            top: 52.4%;
        }

        .index-client.active .index-client-img .img20 {
            left: 80%;
            top: 77%;
        }
    }

    @media(max-width:1330px) {
        .data-background {
            height: 100%;
        }

        header .right-side li {
            margin: 0 13px;
            display: inline-block;
        }
    }

    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

        .animated.infinite {
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
        }

        .animated.hinge {
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
        }

    @-webkit-keyframes bounce {
        0%,100%,20%,53%,80% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

        40%,43% {
            -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
            transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
            -webkit-transform: translate3d(0,-30px,0);
            transform: translate3d(0,-30px,0);
        }

        70% {
            -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
            transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
            -webkit-transform: translate3d(0,-15px,0);
            transform: translate3d(0,-15px,0);
        }

        90% {
            -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
        }
    }

    @keyframes bounce {
        0%,100%,20%,53%,80% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

        40%,43% {
            -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
            transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
            -webkit-transform: translate3d(0,-30px,0);
            transform: translate3d(0,-30px,0);
        }

        70% {
            -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
            transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
            -webkit-transform: translate3d(0,-15px,0);
            transform: translate3d(0,-15px,0);
        }

        90% {
            -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
        }
    }

    .bounce {
        -webkit-animation-name: bounce;
        animation-name: bounce;
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    @-webkit-keyframes flash {
        0%,100%,50% {
            opacity: 1;
        }

        25%,75% {
            opacity: 0;
        }
    }

    @keyframes flash {
        0%,100%,50% {
            opacity: 1;
        }

        25%,75% {
            opacity: 0;
        }
    }

    .flash {
        -webkit-animation-name: flash;
        animation-name: flash;
    }

    @-webkit-keyframes pulse {
        0% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }

        50% {
            -webkit-transform: scale3d(1.05,1.05,1.05);
            transform: scale3d(1.05,1.05,1.05);
        }

        100% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }
    }

    @keyframes pulse {
        0% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }

        50% {
            -webkit-transform: scale3d(1.05,1.05,1.05);
            transform: scale3d(1.05,1.05,1.05);
        }

        100% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }
    }

    .pulse {
        -webkit-animation-name: pulse;
        animation-name: pulse;
    }

    @-webkit-keyframes rubberBand {
        0% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }

        30% {
            -webkit-transform: scale3d(1.25,.75,1);
            transform: scale3d(1.25,.75,1);
        }

        40% {
            -webkit-transform: scale3d(0.75,1.25,1);
            transform: scale3d(0.75,1.25,1);
        }

        50% {
            -webkit-transform: scale3d(1.15,.85,1);
            transform: scale3d(1.15,.85,1);
        }

        65% {
            -webkit-transform: scale3d(.95,1.05,1);
            transform: scale3d(.95,1.05,1);
        }

        75% {
            -webkit-transform: scale3d(1.05,.95,1);
            transform: scale3d(1.05,.95,1);
        }

        100% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }
    }

    @keyframes rubberBand {
        0% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }

        30% {
            -webkit-transform: scale3d(1.25,.75,1);
            transform: scale3d(1.25,.75,1);
        }

        40% {
            -webkit-transform: scale3d(0.75,1.25,1);
            transform: scale3d(0.75,1.25,1);
        }

        50% {
            -webkit-transform: scale3d(1.15,.85,1);
            transform: scale3d(1.15,.85,1);
        }

        65% {
            -webkit-transform: scale3d(.95,1.05,1);
            transform: scale3d(.95,1.05,1);
        }

        75% {
            -webkit-transform: scale3d(1.05,.95,1);
            transform: scale3d(1.05,.95,1);
        }

        100% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }
    }

    .rubberBand {
        -webkit-animation-name: rubberBand;
        animation-name: rubberBand;
    }

    @-webkit-keyframes shake {
        0%,100% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

        10%,30%,50%,70%,90% {
            -webkit-transform: translate3d(-10px,0,0);
            transform: translate3d(-10px,0,0);
        }

        20%,40%,60%,80% {
            -webkit-transform: translate3d(10px,0,0);
            transform: translate3d(10px,0,0);
        }
    }

    @keyframes shake {
        0%,100% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

        10%,30%,50%,70%,90% {
            -webkit-transform: translate3d(-10px,0,0);
            transform: translate3d(-10px,0,0);
        }

        20%,40%,60%,80% {
            -webkit-transform: translate3d(10px,0,0);
            transform: translate3d(10px,0,0);
        }
    }

    .shake {
        -webkit-animation-name: shake;
        animation-name: shake;
    }

    @-webkit-keyframes swing {
        20% {
            -webkit-transform: rotate3d(0,0,1,15deg);
            transform: rotate3d(0,0,1,15deg);
        }

        40% {
            -webkit-transform: rotate3d(0,0,1,-10deg);
            transform: rotate3d(0,0,1,-10deg);
        }

        60% {
            -webkit-transform: rotate3d(0,0,1,5deg);
            transform: rotate3d(0,0,1,5deg);
        }

        80% {
            -webkit-transform: rotate3d(0,0,1,-5deg);
            transform: rotate3d(0,0,1,-5deg);
        }

        100% {
            -webkit-transform: rotate3d(0,0,1,0deg);
            transform: rotate3d(0,0,1,0deg);
        }
    }

    @keyframes swing {
        20% {
            -webkit-transform: rotate3d(0,0,1,15deg);
            transform: rotate3d(0,0,1,15deg);
        }

        40% {
            -webkit-transform: rotate3d(0,0,1,-10deg);
            transform: rotate3d(0,0,1,-10deg);
        }

        60% {
            -webkit-transform: rotate3d(0,0,1,5deg);
            transform: rotate3d(0,0,1,5deg);
        }

        80% {
            -webkit-transform: rotate3d(0,0,1,-5deg);
            transform: rotate3d(0,0,1,-5deg);
        }

        100% {
            -webkit-transform: rotate3d(0,0,1,0deg);
            transform: rotate3d(0,0,1,0deg);
        }
    }

    .swing {
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
        -webkit-animation-name: swing;
        animation-name: swing;
    }

    @-webkit-keyframes tada {
        0% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }

        10%,20% {
            -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
            transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        }

        30%,50%,70%,90% {
            -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
            transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        }

        40%,60%,80% {
            -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
            transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        }

        100% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }
    }

    @keyframes tada {
        0% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }

        10%,20% {
            -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
            transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        }

        30%,50%,70%,90% {
            -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
            transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        }

        40%,60%,80% {
            -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
            transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        }

        100% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }
    }

    .tada {
        -webkit-animation-name: tada;
        animation-name: tada;
    }

    @-webkit-keyframes wobble {
        0% {
            -webkit-transform: none;
            transform: none;
        }

        15% {
            -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
            transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        }

        30% {
            -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
            transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        }

        45% {
            -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
            transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        }

        60% {
            -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
            transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        }

        75% {
            -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
            transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        }

        100% {
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes wobble {
        0% {
            -webkit-transform: none;
            transform: none;
        }

        15% {
            -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
            transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        }

        30% {
            -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
            transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        }

        45% {
            -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
            transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        }

        60% {
            -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
            transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        }

        75% {
            -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
            transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        }

        100% {
            -webkit-transform: none;
            transform: none;
        }
    }

    .wobble {
        -webkit-animation-name: wobble;
        animation-name: wobble;
    }

    @-webkit-keyframes bounceIn {
        0%,100%,20%,40%,60%,80% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        }

        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3,.3,.3);
            transform: scale3d(.3,.3,.3);
        }

        20% {
            -webkit-transform: scale3d(1.1,1.1,1.1);
            transform: scale3d(1.1,1.1,1.1);
        }

        40% {
            -webkit-transform: scale3d(.9,.9,.9);
            transform: scale3d(.9,.9,.9);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(1.03,1.03,1.03);
            transform: scale3d(1.03,1.03,1.03);
        }

        80% {
            -webkit-transform: scale3d(.97,.97,.97);
            transform: scale3d(.97,.97,.97);
        }

        100% {
            opacity: 1;
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }
    }

    @keyframes bounceIn {
        0%,100%,20%,40%,60%,80% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        }

        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3,.3,.3);
            transform: scale3d(.3,.3,.3);
        }

        20% {
            -webkit-transform: scale3d(1.1,1.1,1.1);
            transform: scale3d(1.1,1.1,1.1);
        }

        40% {
            -webkit-transform: scale3d(.9,.9,.9);
            transform: scale3d(.9,.9,.9);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(1.03,1.03,1.03);
            transform: scale3d(1.03,1.03,1.03);
        }

        80% {
            -webkit-transform: scale3d(.97,.97,.97);
            transform: scale3d(.97,.97,.97);
        }

        100% {
            opacity: 1;
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }
    }

    .bounceIn {
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

    @-webkit-keyframes bounceInDown {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,-3000px,0);
            transform: translate3d(0,-3000px,0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0,25px,0);
            transform: translate3d(0,25px,0);
        }

        75% {
            -webkit-transform: translate3d(0,-10px,0);
            transform: translate3d(0,-10px,0);
        }

        90% {
            -webkit-transform: translate3d(0,5px,0);
            transform: translate3d(0,5px,0);
        }

        100% {
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes bounceInDown {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,-3000px,0);
            transform: translate3d(0,-3000px,0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0,25px,0);
            transform: translate3d(0,25px,0);
        }

        75% {
            -webkit-transform: translate3d(0,-10px,0);
            transform: translate3d(0,-10px,0);
        }

        90% {
            -webkit-transform: translate3d(0,5px,0);
            transform: translate3d(0,5px,0);
        }

        100% {
            -webkit-transform: none;
            transform: none;
        }
    }

    .bounceInDown {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown;
    }

    @-webkit-keyframes bounceInLeft {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px,0,0);
            transform: translate3d(-3000px,0,0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px,0,0);
            transform: translate3d(25px,0,0);
        }

        75% {
            -webkit-transform: translate3d(-10px,0,0);
            transform: translate3d(-10px,0,0);
        }

        90% {
            -webkit-transform: translate3d(5px,0,0);
            transform: translate3d(5px,0,0);
        }

        100% {
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes bounceInLeft {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px,0,0);
            transform: translate3d(-3000px,0,0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px,0,0);
            transform: translate3d(25px,0,0);
        }

        75% {
            -webkit-transform: translate3d(-10px,0,0);
            transform: translate3d(-10px,0,0);
        }

        90% {
            -webkit-transform: translate3d(5px,0,0);
            transform: translate3d(5px,0,0);
        }

        100% {
            -webkit-transform: none;
            transform: none;
        }
    }

    .bounceInLeft {
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft;
    }

    @-webkit-keyframes bounceInRight {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(3000px,0,0);
            transform: translate3d(3000px,0,0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px,0,0);
            transform: translate3d(-25px,0,0);
        }

        75% {
            -webkit-transform: translate3d(10px,0,0);
            transform: translate3d(10px,0,0);
        }

        90% {
            -webkit-transform: translate3d(-5px,0,0);
            transform: translate3d(-5px,0,0);
        }

        100% {
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes bounceInRight {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(3000px,0,0);
            transform: translate3d(3000px,0,0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px,0,0);
            transform: translate3d(-25px,0,0);
        }

        75% {
            -webkit-transform: translate3d(10px,0,0);
            transform: translate3d(10px,0,0);
        }

        90% {
            -webkit-transform: translate3d(-5px,0,0);
            transform: translate3d(-5px,0,0);
        }

        100% {
            -webkit-transform: none;
            transform: none;
        }
    }

    .bounceInRight {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight;
    }

    @-webkit-keyframes bounceInUp {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,3000px,0);
            transform: translate3d(0,3000px,0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0,-20px,0);
            transform: translate3d(0,-20px,0);
        }

        75% {
            -webkit-transform: translate3d(0,10px,0);
            transform: translate3d(0,10px,0);
        }

        90% {
            -webkit-transform: translate3d(0,-5px,0);
            transform: translate3d(0,-5px,0);
        }

        100% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    }

    @keyframes bounceInUp {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,3000px,0);
            transform: translate3d(0,3000px,0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0,-20px,0);
            transform: translate3d(0,-20px,0);
        }

        75% {
            -webkit-transform: translate3d(0,10px,0);
            transform: translate3d(0,10px,0);
        }

        90% {
            -webkit-transform: translate3d(0,-5px,0);
            transform: translate3d(0,-5px,0);
        }

        100% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    }

    .bounceInUp {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp;
    }

    @-webkit-keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(.9,.9,.9);
            transform: scale3d(.9,.9,.9);
        }

        50%,55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1,1.1,1.1);
            transform: scale3d(1.1,1.1,1.1);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(.3,.3,.3);
            transform: scale3d(.3,.3,.3);
        }
    }

    @keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(.9,.9,.9);
            transform: scale3d(.9,.9,.9);
        }

        50%,55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1,1.1,1.1);
            transform: scale3d(1.1,1.1,1.1);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(.3,.3,.3);
            transform: scale3d(.3,.3,.3);
        }
    }

    .bounceOut {
        -webkit-animation-name: bounceOut;
        animation-name: bounceOut;
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

    @-webkit-keyframes bounceOutDown {
        20% {
            -webkit-transform: translate3d(0,10px,0);
            transform: translate3d(0,10px,0);
        }

        40%,45% {
            opacity: 1;
            -webkit-transform: translate3d(0,-20px,0);
            transform: translate3d(0,-20px,0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0,2000px,0);
            transform: translate3d(0,2000px,0);
        }
    }

    @keyframes bounceOutDown {
        20% {
            -webkit-transform: translate3d(0,10px,0);
            transform: translate3d(0,10px,0);
        }

        40%,45% {
            opacity: 1;
            -webkit-transform: translate3d(0,-20px,0);
            transform: translate3d(0,-20px,0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0,2000px,0);
            transform: translate3d(0,2000px,0);
        }
    }

    .bounceOutDown {
        -webkit-animation-name: bounceOutDown;
        animation-name: bounceOutDown;
    }

    @-webkit-keyframes bounceOutLeft {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(20px,0,0);
            transform: translate3d(20px,0,0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px,0,0);
            transform: translate3d(-2000px,0,0);
        }
    }

    @keyframes bounceOutLeft {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(20px,0,0);
            transform: translate3d(20px,0,0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px,0,0);
            transform: translate3d(-2000px,0,0);
        }
    }

    .bounceOutLeft {
        -webkit-animation-name: bounceOutLeft;
        animation-name: bounceOutLeft;
    }

    @-webkit-keyframes bounceOutRight {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(-20px,0,0);
            transform: translate3d(-20px,0,0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(2000px,0,0);
            transform: translate3d(2000px,0,0);
        }
    }

    @keyframes bounceOutRight {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(-20px,0,0);
            transform: translate3d(-20px,0,0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(2000px,0,0);
            transform: translate3d(2000px,0,0);
        }
    }

    .bounceOutRight {
        -webkit-animation-name: bounceOutRight;
        animation-name: bounceOutRight;
    }

    @-webkit-keyframes bounceOutUp {
        20% {
            -webkit-transform: translate3d(0,-10px,0);
            transform: translate3d(0,-10px,0);
        }

        40%,45% {
            opacity: 1;
            -webkit-transform: translate3d(0,20px,0);
            transform: translate3d(0,20px,0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0,-2000px,0);
            transform: translate3d(0,-2000px,0);
        }
    }

    @keyframes bounceOutUp {
        20% {
            -webkit-transform: translate3d(0,-10px,0);
            transform: translate3d(0,-10px,0);
        }

        40%,45% {
            opacity: 1;
            -webkit-transform: translate3d(0,20px,0);
            transform: translate3d(0,20px,0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0,-2000px,0);
            transform: translate3d(0,-2000px,0);
        }
    }

    .bounceOutUp {
        -webkit-animation-name: bounceOutUp;
        animation-name: bounceOutUp;
    }

    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
    }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }

    @-webkit-keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,-2000px,0);
            transform: translate3d(0,-2000px,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,-2000px,0);
            transform: translate3d(0,-2000px,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    .fadeInDownBig {
        -webkit-animation-name: fadeInDownBig;
        animation-name: fadeInDownBig;
    }

    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }

    @-webkit-keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px,0,0);
            transform: translate3d(-2000px,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px,0,0);
            transform: translate3d(-2000px,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    .fadeInLeftBig {
        -webkit-animation-name: fadeInLeftBig;
        animation-name: fadeInLeftBig;
    }

    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

    @-webkit-keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(2000px,0,0);
            transform: translate3d(2000px,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(2000px,0,0);
            transform: translate3d(2000px,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    .fadeInRightBig {
        -webkit-animation-name: fadeInRightBig;
        animation-name: fadeInRightBig;
    }

    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }

    @-webkit-keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,2000px,0);
            transform: translate3d(0,2000px,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,2000px,0);
            transform: translate3d(0,2000px,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    .fadeInUpBig {
        -webkit-animation-name: fadeInUpBig;
        animation-name: fadeInUpBig;
    }

    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes fadeOut {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
    }

    @-webkit-keyframes fadeOutDown {
        0% {
            opacity: 1;
        }

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

    @keyframes fadeOutDown {
        0% {
            opacity: 1;
        }

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

    .fadeOutDown {
        -webkit-animation-name: fadeOutDown;
        animation-name: fadeOutDown;
    }

    @-webkit-keyframes fadeOutDownBig {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0,2000px,0);
            transform: translate3d(0,2000px,0);
        }
    }

    @keyframes fadeOutDownBig {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0,2000px,0);
            transform: translate3d(0,2000px,0);
        }
    }

    .fadeOutDownBig {
        -webkit-animation-name: fadeOutDownBig;
        animation-name: fadeOutDownBig;
    }

    @-webkit-keyframes fadeOutLeft {
        0% {
            opacity: 1;
        }

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

    @keyframes fadeOutLeft {
        0% {
            opacity: 1;
        }

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

    .fadeOutLeft {
        -webkit-animation-name: fadeOutLeft;
        animation-name: fadeOutLeft;
    }

    @-webkit-keyframes fadeOutLeftBig {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px,0,0);
            transform: translate3d(-2000px,0,0);
        }
    }

    @keyframes fadeOutLeftBig {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px,0,0);
            transform: translate3d(-2000px,0,0);
        }
    }

    .fadeOutLeftBig {
        -webkit-animation-name: fadeOutLeftBig;
        animation-name: fadeOutLeftBig;
    }

    @-webkit-keyframes fadeOutRight {
        0% {
            opacity: 1;
        }

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

    @keyframes fadeOutRight {
        0% {
            opacity: 1;
        }

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

    .fadeOutRight {
        -webkit-animation-name: fadeOutRight;
        animation-name: fadeOutRight;
    }

    @-webkit-keyframes fadeOutRightBig {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(2000px,0,0);
            transform: translate3d(2000px,0,0);
        }
    }

    @keyframes fadeOutRightBig {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(2000px,0,0);
            transform: translate3d(2000px,0,0);
        }
    }

    .fadeOutRightBig {
        -webkit-animation-name: fadeOutRightBig;
        animation-name: fadeOutRightBig;
    }

    @-webkit-keyframes fadeOutUp {
        0% {
            opacity: 1;
        }

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

    @keyframes fadeOutUp {
        0% {
            opacity: 1;
        }

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

    .fadeOutUp {
        -webkit-animation-name: fadeOutUp;
        animation-name: fadeOutUp;
    }

    @-webkit-keyframes fadeOutUpBig {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0,-2000px,0);
            transform: translate3d(0,-2000px,0);
        }
    }

    @keyframes fadeOutUpBig {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0,-2000px,0);
            transform: translate3d(0,-2000px,0);
        }
    }

    .fadeOutUpBig {
        -webkit-animation-name: fadeOutUpBig;
        animation-name: fadeOutUpBig;
    }

    @-webkit-keyframes flip {
        0% {
            -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
            transform: perspective(400px) rotate3d(0,1,0,-360deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }

        40% {
            -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
            transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }

        50% {
            -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
            transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        80% {
            -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
            transform: perspective(400px) scale3d(.95,.95,.95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
    }

    @keyframes flip {
        0% {
            -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
            transform: perspective(400px) rotate3d(0,1,0,-360deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }

        40% {
            -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
            transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }

        50% {
            -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
            transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        80% {
            -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
            transform: perspective(400px) scale3d(.95,.95,.95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
    }

    .animated.flip {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation-name: flip;
        animation-name: flip;
    }

    @-webkit-keyframes flipInX {
        0% {
            -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
            transform: perspective(400px) rotate3d(1,0,0,90deg);
            -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
            opacity: 0;
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
            transform: perspective(400px) rotate3d(1,0,0,-20deg);
            -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
            transform: perspective(400px) rotate3d(1,0,0,10deg);
            opacity: 1;
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
            transform: perspective(400px) rotate3d(1,0,0,-5deg);
        }

        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
    }

    @keyframes flipInX {
        0% {
            -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
            transform: perspective(400px) rotate3d(1,0,0,90deg);
            -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
            opacity: 0;
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
            transform: perspective(400px) rotate3d(1,0,0,-20deg);
            -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
            transform: perspective(400px) rotate3d(1,0,0,10deg);
            opacity: 1;
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
            transform: perspective(400px) rotate3d(1,0,0,-5deg);
        }

        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
    }

    .flipInX {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInX;
        animation-name: flipInX;
    }

    @-webkit-keyframes flipInY {
        0% {
            -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
            transform: perspective(400px) rotate3d(0,1,0,90deg);
            -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
            opacity: 0;
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
            transform: perspective(400px) rotate3d(0,1,0,-20deg);
            -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
            transform: perspective(400px) rotate3d(0,1,0,10deg);
            opacity: 1;
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
            transform: perspective(400px) rotate3d(0,1,0,-5deg);
        }

        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
    }

    @keyframes flipInY {
        0% {
            -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
            transform: perspective(400px) rotate3d(0,1,0,90deg);
            -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
            opacity: 0;
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
            transform: perspective(400px) rotate3d(0,1,0,-20deg);
            -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
            transform: perspective(400px) rotate3d(0,1,0,10deg);
            opacity: 1;
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
            transform: perspective(400px) rotate3d(0,1,0,-5deg);
        }

        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
    }

    .flipInY {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInY;
        animation-name: flipInY;
    }

    @-webkit-keyframes flipOutX {
        0% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }

        30% {
            -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
            transform: perspective(400px) rotate3d(1,0,0,-20deg);
            opacity: 1;
        }

        100% {
            -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
            transform: perspective(400px) rotate3d(1,0,0,90deg);
            opacity: 0;
        }
    }

    @keyframes flipOutX {
        0% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }

        30% {
            -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
            transform: perspective(400px) rotate3d(1,0,0,-20deg);
            opacity: 1;
        }

        100% {
            -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
            transform: perspective(400px) rotate3d(1,0,0,90deg);
            opacity: 0;
        }
    }

    .flipOutX {
        -webkit-animation-name: flipOutX;
        animation-name: flipOutX;
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
    }

    @-webkit-keyframes flipOutY {
        0% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }

        30% {
            -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
            transform: perspective(400px) rotate3d(0,1,0,-15deg);
            opacity: 1;
        }

        100% {
            -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
            transform: perspective(400px) rotate3d(0,1,0,90deg);
            opacity: 0;
        }
    }

    @keyframes flipOutY {
        0% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }

        30% {
            -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
            transform: perspective(400px) rotate3d(0,1,0,-15deg);
            opacity: 1;
        }

        100% {
            -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
            transform: perspective(400px) rotate3d(0,1,0,90deg);
            opacity: 0;
        }
    }

    .flipOutY {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipOutY;
        animation-name: flipOutY;
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

    @-webkit-keyframes lightSpeedIn {
        0% {
            -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
            transform: translate3d(100%,0,0) skewX(-30deg);
            opacity: 0;
        }

        60% {
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1;
        }

        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1;
        }

        100% {
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    @keyframes lightSpeedIn {
        0% {
            -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
            transform: translate3d(100%,0,0) skewX(-30deg);
            opacity: 0;
        }

        60% {
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1;
        }

        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1;
        }

        100% {
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    .lightSpeedIn {
        -webkit-animation-name: lightSpeedIn;
        animation-name: lightSpeedIn;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    @-webkit-keyframes lightSpeedOut {
        0% {
            opacity: 1;
        }

        100% {
            -webkit-transform: translate3d(100%,0,0) skewX(30deg);
            transform: translate3d(100%,0,0) skewX(30deg);
            opacity: 0;
        }
    }

    @keyframes lightSpeedOut {
        0% {
            opacity: 1;
        }

        100% {
            -webkit-transform: translate3d(100%,0,0) skewX(30deg);
            transform: translate3d(100%,0,0) skewX(30deg);
            opacity: 0;
        }
    }

    .lightSpeedOut {
        -webkit-animation-name: lightSpeedOut;
        animation-name: lightSpeedOut;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    @-webkit-keyframes rotateIn {
        0% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0,0,1,-200deg);
            transform: rotate3d(0,0,1,-200deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    @keyframes rotateIn {
        0% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0,0,1,-200deg);
            transform: rotate3d(0,0,1,-200deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    .rotateIn {
        -webkit-animation-name: rotateIn;
        animation-name: rotateIn;
    }

    @-webkit-keyframes rotateInDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0,0,1,-45deg);
            transform: rotate3d(0,0,1,-45deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    @keyframes rotateInDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0,0,1,-45deg);
            transform: rotate3d(0,0,1,-45deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    .rotateInDownLeft {
        -webkit-animation-name: rotateInDownLeft;
        animation-name: rotateInDownLeft;
    }

    @-webkit-keyframes rotateInDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0,0,1,45deg);
            transform: rotate3d(0,0,1,45deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    @keyframes rotateInDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0,0,1,45deg);
            transform: rotate3d(0,0,1,45deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    .rotateInDownRight {
        -webkit-animation-name: rotateInDownRight;
        animation-name: rotateInDownRight;
    }

    @-webkit-keyframes rotateInUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0,0,1,45deg);
            transform: rotate3d(0,0,1,45deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    @keyframes rotateInUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0,0,1,45deg);
            transform: rotate3d(0,0,1,45deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    .rotateInUpLeft {
        -webkit-animation-name: rotateInUpLeft;
        animation-name: rotateInUpLeft;
    }

    @-webkit-keyframes rotateInUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0,0,1,-90deg);
            transform: rotate3d(0,0,1,-90deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    @keyframes rotateInUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0,0,1,-90deg);
            transform: rotate3d(0,0,1,-90deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    .rotateInUpRight {
        -webkit-animation-name: rotateInUpRight;
        animation-name: rotateInUpRight;
    }

    @-webkit-keyframes rotateOut {
        0% {
            -webkit-transform-origin: center;
            transform-origin: center;
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0,0,1,200deg);
            transform: rotate3d(0,0,1,200deg);
            opacity: 0;
        }
    }

    @keyframes rotateOut {
        0% {
            -webkit-transform-origin: center;
            transform-origin: center;
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0,0,1,200deg);
            transform: rotate3d(0,0,1,200deg);
            opacity: 0;
        }
    }

    .rotateOut {
        -webkit-animation-name: rotateOut;
        animation-name: rotateOut;
    }

    @-webkit-keyframes rotateOutDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0,0,1,45deg);
            transform: rotate3d(0,0,1,45deg);
            opacity: 0;
        }
    }

    @keyframes rotateOutDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0,0,1,45deg);
            transform: rotate3d(0,0,1,45deg);
            opacity: 0;
        }
    }

    .rotateOutDownLeft {
        -webkit-animation-name: rotateOutDownLeft;
        animation-name: rotateOutDownLeft;
    }

    @-webkit-keyframes rotateOutDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0,0,1,-45deg);
            transform: rotate3d(0,0,1,-45deg);
            opacity: 0;
        }
    }

    @keyframes rotateOutDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0,0,1,-45deg);
            transform: rotate3d(0,0,1,-45deg);
            opacity: 0;
        }
    }

    .rotateOutDownRight {
        -webkit-animation-name: rotateOutDownRight;
        animation-name: rotateOutDownRight;
    }

    @-webkit-keyframes rotateOutUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0,0,1,-45deg);
            transform: rotate3d(0,0,1,-45deg);
            opacity: 0;
        }
    }

    @keyframes rotateOutUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0,0,1,-45deg);
            transform: rotate3d(0,0,1,-45deg);
            opacity: 0;
        }
    }

    .rotateOutUpLeft {
        -webkit-animation-name: rotateOutUpLeft;
        animation-name: rotateOutUpLeft;
    }

    @-webkit-keyframes rotateOutUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0,0,1,90deg);
            transform: rotate3d(0,0,1,90deg);
            opacity: 0;
        }
    }

    @keyframes rotateOutUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0,0,1,90deg);
            transform: rotate3d(0,0,1,90deg);
            opacity: 0;
        }
    }

    .rotateOutUpRight {
        -webkit-animation-name: rotateOutUpRight;
        animation-name: rotateOutUpRight;
    }

    @-webkit-keyframes hinge {
        0% {
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }

        20%,60% {
            -webkit-transform: rotate3d(0,0,1,80deg);
            transform: rotate3d(0,0,1,80deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }

        40%,80% {
            -webkit-transform: rotate3d(0,0,1,60deg);
            transform: rotate3d(0,0,1,60deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            opacity: 1;
        }

        100% {
            -webkit-transform: translate3d(0,700px,0);
            transform: translate3d(0,700px,0);
            opacity: 0;
        }
    }

    @keyframes hinge {
        0% {
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }

        20%,60% {
            -webkit-transform: rotate3d(0,0,1,80deg);
            transform: rotate3d(0,0,1,80deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }

        40%,80% {
            -webkit-transform: rotate3d(0,0,1,60deg);
            transform: rotate3d(0,0,1,60deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            opacity: 1;
        }

        100% {
            -webkit-transform: translate3d(0,700px,0);
            transform: translate3d(0,700px,0);
            opacity: 0;
        }
    }

    .hinge {
        -webkit-animation-name: hinge;
        animation-name: hinge;
    }

    @-webkit-keyframes rollIn {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
            transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes rollIn {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
            transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    .rollIn {
        -webkit-animation-name: rollIn;
        animation-name: rollIn;
    }

    @-webkit-keyframes rollOut {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
            transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        }
    }

    @keyframes rollOut {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
            transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        }
    }

    .rollOut {
        -webkit-animation-name: rollOut;
        animation-name: rollOut;
    }

    @-webkit-keyframes zoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3,.3,.3);
            transform: scale3d(.3,.3,.3);
        }

        50% {
            opacity: 1;
        }
    }

    @keyframes zoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3,.3,.3);
            transform: scale3d(.3,.3,.3);
        }

        50% {
            opacity: 1;
        }
    }

    .zoomIn {
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn;
    }

    @-webkit-keyframes zoomInDown {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
            transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
            transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

    @keyframes zoomInDown {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
            transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
            transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

    .zoomInDown {
        -webkit-animation-name: zoomInDown;
        animation-name: zoomInDown;
    }

    @-webkit-keyframes zoomInLeft {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
            transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
            transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

    @keyframes zoomInLeft {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
            transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
            transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

    .zoomInLeft {
        -webkit-animation-name: zoomInLeft;
        animation-name: zoomInLeft;
    }

    @-webkit-keyframes zoomInRight {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
            transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
            transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

    @keyframes zoomInRight {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
            transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
            transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

    .zoomInRight {
        -webkit-animation-name: zoomInRight;
        animation-name: zoomInRight;
    }

    @-webkit-keyframes zoomInUp {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
            transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
            transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

    @keyframes zoomInUp {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
            transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
            transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

    .zoomInUp {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp;
    }

    @-webkit-keyframes zoomOut {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 0;
            -webkit-transform: scale3d(.3,.3,.3);
            transform: scale3d(.3,.3,.3);
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes zoomOut {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 0;
            -webkit-transform: scale3d(.3,.3,.3);
            transform: scale3d(.3,.3,.3);
        }

        100% {
            opacity: 0;
        }
    }

    .zoomOut {
        -webkit-animation-name: zoomOut;
        animation-name: zoomOut;
    }

    @-webkit-keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
            transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
            transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

    @keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
            transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
            transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

    .zoomOutDown {
        -webkit-animation-name: zoomOutDown;
        animation-name: zoomOutDown;
    }

    @-webkit-keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
            transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(-2000px,0,0);
            transform: scale(.1) translate3d(-2000px,0,0);
            -webkit-transform-origin: left center;
            transform-origin: left center;
        }
    }

    @keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
            transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(-2000px,0,0);
            transform: scale(.1) translate3d(-2000px,0,0);
            -webkit-transform-origin: left center;
            transform-origin: left center;
        }
    }

    .zoomOutLeft {
        -webkit-animation-name: zoomOutLeft;
        animation-name: zoomOutLeft;
    }

    @-webkit-keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
            transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(2000px,0,0);
            transform: scale(.1) translate3d(2000px,0,0);
            -webkit-transform-origin: right center;
            transform-origin: right center;
        }
    }

    @keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
            transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(2000px,0,0);
            transform: scale(.1) translate3d(2000px,0,0);
            -webkit-transform-origin: right center;
            transform-origin: right center;
        }
    }

    .zoomOutRight {
        -webkit-animation-name: zoomOutRight;
        animation-name: zoomOutRight;
    }

    @-webkit-keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
            transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
            transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

    @keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
            transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
            transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

    .zoomOutUp {
        -webkit-animation-name: zoomOutUp;
        animation-name: zoomOutUp;
    }

    @-webkit-keyframes slideInDown {
        0% {
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
            visibility: visible;
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes slideInDown {
        0% {
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
            visibility: visible;
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .slideInDown {
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown;
    }

    @-webkit-keyframes slideInLeft {
        0% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            visibility: visible;
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @keyframes slideInLeft {
        0% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            visibility: visible;
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    .slideInLeft {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft;
    }

    @-webkit-keyframes slideInRight {
        0% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            visibility: visible;
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @keyframes slideInRight {
        0% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            visibility: visible;
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    .slideInRight {
        -webkit-animation-name: slideInRight;
        animation-name: slideInRight;
    }

    @-webkit-keyframes slideInUp {
        0% {
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
            visibility: visible;
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes slideInUp {
        0% {
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
            visibility: visible;
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .slideInUp {
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp;
    }

    @-webkit-keyframes slideOutDown {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            visibility: hidden;
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
        }
    }

    @keyframes slideOutDown {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            visibility: hidden;
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
        }
    }

    .slideOutDown {
        -webkit-animation-name: slideOutDown;
        animation-name: slideOutDown;
    }

    @-webkit-keyframes slideOutLeft {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

        100% {
            visibility: hidden;
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }
    }

    @keyframes slideOutLeft {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

        100% {
            visibility: hidden;
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }
    }

    .slideOutLeft {
        -webkit-animation-name: slideOutLeft;
        animation-name: slideOutLeft;
    }

    @-webkit-keyframes slideOutRight {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

        100% {
            visibility: hidden;
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }
    }

    @keyframes slideOutRight {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

        100% {
            visibility: hidden;
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }
    }

    .slideOutRight {
        -webkit-animation-name: slideOutRight;
        animation-name: slideOutRight;
    }

    @-webkit-keyframes slideOutUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            visibility: hidden;
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
        }
    }

    @keyframes slideOutUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            visibility: hidden;
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
        }
    }

    .slideOutUp {
        -webkit-animation-name: slideOutUp;
        animation-name: slideOutUp;
    }

    /*--------footer--------*/
    footer {
        width: 100%;
    }

    .foot-top {
        width: 100%;
        min-height: 365px;
        padding: 60px 7.8% 18px;
        display: table;
        background: url(/Content/main/images/f-bg1.jpg) center center repeat-x;
        background-size: auto 100%;
    }

        .foot-top li {
            width: 30%;
            float: left;
            margin-right: 2.6%;
        }

            .foot-top li:last-child {
                margin-right: 0;
            }

            .foot-top li .title {
                font-size: 18px;
                line-height: 28px;
                color: #fff;
                font-weight: bold;
                border-bottom: 1px solid rgba(255,255,255,.08);
                padding-bottom: 12px;
            }

            .foot-top li .tbox {
                font-size: 14px;
                line-height: 28px;
                padding-top: 22px;
            }

                .foot-top li .tbox .txt {
                    color: #999;
                }

                .foot-top li .tbox .more {
                    width: 96px;
                    height: 32px;
                    border: 1px solid #504f4f;
                    border-radius: 16px;
                    display: block;
                    color: #666;
                    font-size: 12px;
                    margin-top: 32px;
                    padding-left: 20px;
                    background: url(/Content/main/images/f-icon4.png) 62px center no-repeat;
                    transition: all ease .5s;
                }

                    .foot-top li .tbox .more:hover {
                        border: 1px solid #fff;
                        color: #fff;
                        background: url(/Content/main/images/f-icon5.png) 62px center no-repeat;
                    }

                .foot-top li .tbox .link {
                    width: 50%;
                    display: block;
                    color: #999;
                    float: left;
                    transition: all ease .5s;
                }

                    .foot-top li .tbox .link:hover {
                        color: #fff;
                    }

                .foot-top li .tbox li {
                    width: 100%;
                    display: table;
                    padding: 12px 0;
                    border-bottom: 1px dashed #494848;
                }

                    .foot-top li .tbox li:last-child {
                        border: none;
                    }

                    .foot-top li .tbox li .img {
                        width: 90px;
                        float: left;
                    }

                    .foot-top li .tbox li .tboxs {
                        width: calc(100% - 110px);
                        float: right;
                        font-size: 14px;
                        line-height: 28px;
                        color: #999;
                    }

                        .foot-top li .tbox li .tboxs .t1 {
                            color: #fff;
                            font-weight: bold;
                        }

                        .foot-top li .tbox li .tboxs .t2 {
                            width: 100%;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

    .foot-center {
        width: 100%;
        padding: 60px 7.8% 18px;
        display: table;
        min-height: 220px;
        background: #222;
        color: #999;
    }

        .foot-center li {
            width: 22%;
            float: left;
            margin-right: 2.6%;
        }

            .foot-center li:last-child {
                margin-right: 0;
            }

            .foot-center li .f-ewm {
                width: 100px;
                margin-right: 10px;
                float: left;
            }

            .foot-center li .tbox {
                display: inline-block;
                line-height: 28px;
            }

                .foot-center li .tbox.ewm {
                    padding-top: 22px;
                }

                .foot-center li .tbox.tel {
                    padding: 6px 0 0 45px;
                    background: url(/Content/main/images/f-icon1.png) left 8px no-repeat;
                }

                .foot-center li .tbox.sz {
                    padding: 8px 0 0 45px;
                    background: url(/Content/main/images/f-icon2.png) left 4px no-repeat;
                }

                .foot-center li .tbox.gz {
                    padding: 8px 0 0 45px;
                    background: url(/Content/main/images/f-icon3.png) left top no-repeat;
                }

                .foot-center li .tbox .t1 {
                    font-size: 14px;
                    color: #fff;
                    font-weight: bold;
                }

                .foot-center li .tbox .t2 {
                }


    .foot-button {
        width: 100%;
        padding: 30px 7.8% 18px;
        display: table;
    }

        .foot-button .link-box {
            width: 88%;
            float: left;
        }

            .foot-button .link-box .a-box {
                width: 100%;
            }

                .foot-button .link-box .a-box a {
                    font-size: 12px;
                    line-height: 30px;
                    color: #666;
                    margin-right: 20px;
                    transition: all ease .5s;
                }

                .foot-button .link-box .a-box span {
                    font-size: 12px;
                    line-height: 30px;
                    color: #666;
                    margin-right: 20px;
                    transition: all ease .5s;
                }

                .foot-button .link-box .a-box a:hover {
                    color: #222;
                }

            .foot-button .link-box .copyright {
                line-height: 28px;
                color: #999;
                margin-top: 10px;
            }

                .foot-button .link-box .copyright a {
                    color: #999;
                }

        .foot-button .makelink {
            width: 106px;
            height: 30px;
            border: 1px solid #e4e4e4;
            text-align: center;
            line-height: 28px;
            display: block;
            color: #999;
            float: right;
            transition: all ease .5s;
        }

            .foot-button .makelink:hover {
                color: #222;
            }

    .right-side .menu_ico {
        display: none
    }

    @media(max-width:1370px) {
        .foot-top li .tbox .txt, .foot-top li .tbox .link, .foot-top li .tbox li .tboxs .t2 {
            font-size: 12px;
        }
    }
    /*-------footer-end--------*/

    @media (max-width: 1280px) {
        .index-case .mores, .index-news-more {
            top: 10px;
        }

        .ny-banner .nb-menu ul li a {
            padding: 0 15px;
        }
    }

    @media (max-width: 1280px) {
        .foot-top {
            padding: 60px 3.8% 18px;
        }

            .foot-top li {
                margin-right: 2%;
            }

            .foot-top li {
                width: 23%;
            }
    }

    @media (max-width: 1200px) {
        header .logo {
            width: 100px;
            left: 20px;
        }

        header .right-side li a {
            padding: 15px 0 6px;
            font-size: 14px;
        }

        .header-phone-number {
            right: 20px;
            top: 16px;
            font-size: 16px;
            padding-left: 22px;
        }

        .ny-banner .nb-menu ul {
            width: 100%;
            overflow-x: auto;
            display: flex;
            white-space: nowrap;
        }

            .ny-banner .nb-menu ul::-webkit-scrollbar {
                display: none;
            }


        .ny-banner .boxs.n2 .box {
            bottom: 20px;
        }

        .index-banner .carousel-item2 .img-box .img1 {
            left: 735px;
            top: 370px;
        }

        .index-banner .carousel-item2 .img-box .img2 {
            right: 295px;
            top: 355px;
        }


        .index-case .mores, .index-news-more {
            top: 10px;
        }

        .index-case-menu li:last-child {
            margin-right: 0;
        }

        .index-case-menu li a, .index-news-menu li a {
            padding: 0 10px;
            font-size: 14px;
        }

        .index-case-list li .tbox .title .icon {
            top: 5px;
        }

        .index-data .index-data-list {
            width: 100%;
            padding: 110px 30px;
        }

        .index-solution .index-box {
            padding: 0;
        }

        .index-solution-box .tbox .title {
            font-size: 28px;
        }

        .index-solution-box .tbox .list {
            margin-top: 35px;
        }

            .index-solution-box .tbox .list li a {
                padding: 0px 10px;
            }

            .index-solution-box .tbox .list li {
                margin: 0 20px 15px 0;
            }

        .index-news-list .lbox .box1 .img {
            height: 270px;
        }

        .index-news-list .lbox .box1 .tbox {
            height: 280px;
        }

        .index-client.active .index-client-img .img10 {
            left: 39.4%;
            top: 41.1%;
        }

        .index-client.active .index-client-img .img13 {
            left: 57%;
            top: 28%;
        }

        .index-client.active .index-client-img .img16 {
            left: 68.6%;
            top: 43%;
        }
    }

    @media (max-width: 960px) {

        header .logo {
            width: 120px;
            left: 20px;
            top: 10px;
        }

        .header-phone-number {
            right: 20px;
            top: 14px;
            font-size: 16px;
            line-height: 36px;
        }

        header .right-side li {
            margin: 0 5px;
        }
    }


    @media (max-width: 900px) {

        .foot-top {
            display: none;
        }

        .foot-center {
            padding: 20px 7.8% 18px;
        }

            .foot-center li {
                width: 100%;
                margin-right: 0;
            }

                .foot-center li:first-child {
                    display: none;
                }

        .foot-button {
            padding: 15px 3%;
        }

            .foot-button .link-box .copyright {
                text-align: center;
                margin-top: 0;
                display: block;
            }


        header .right-side {
            width: 100%;
            float: right;
            margin-top: 0;
            margin-right: 0;
            padding-right: 20px;
            padding-top: 15px;
            padding: 15px 20px 15px 0;
        }

            header .right-side .menu_ico {
                float: right;
            }

                header .right-side .menu_ico img {
                    width: 34px;
                }

        .right-side .menu_ico {
            display: block;
        }

        header .right-side ul {
            display: none;
            background-color: rgba(0,0,0,.9);
            width: 100%;
            height: 100vh;
            position: absolute;
            top: 0;
            z-index: -1;
            padding-top: 75px;
        }

            header .right-side ul li {
                display: block;
            }

                header .right-side ul li.on {
                    display: block;
                }

                header .right-side ul li a {
                    color: #fff;
                    width: 100%;
                    padding: 0;
                    height: 50px;
                    line-height: 50px;
                    font-size: 16px;
                }

                header .right-side ul li.on a {
                    color: #f00;
                }

        header .right-side li a:after {
            display: none;
        }

        .header-phone-number {
            display: none;
        }


        .index-banner .carousel-item1 .swiper-inner-text .cansual-des {
            font-size: 18px;
            line-height: 24px;
        }

            .index-banner .carousel-item1 .swiper-inner-text .cansual-des span {
                font-size: 26px;
                line-height: 30px;
                margin-bottom: 10px;
            }

        .index-banner .carousel-item2 .cansual-des {
            font-size: 18px;
            line-height: 24px;
        }

            .index-banner .carousel-item2 .cansual-des .s2 {
                font-size: 26px;
                line-height: 30px;
            }

        .index-banner .carousel-item2 .img-box {
            width: 100%;
        }

            .index-banner .carousel-item2 .img-box .img1 {
                left: 335px;
                top: 235px;
                height: 205px;
            }

            .index-banner .carousel-item2 .img-box .img2 {
                height: 210px;
                right: 0;
                top: 218px;
            }

            .index-banner .carousel-item2 .img-box .img3 {
                width: 50%;
                top: 15%;
                right: 6%;
                height: 330px;
                padding: 20px 1px;
            }


        .index-banner .carousel-item3 .cansual-des {
            font-size: 18px;
            line-height: 24px;
        }

            .index-banner .carousel-item3 .cansual-des .s2 {
                font-size: 26px;
                line-height: 30px;
            }

        .index-banner .carousel-item .link {
            width: 135px;
            height: 40px;
            line-height: 40px;
            margin-top: 30px;
        }

        .carousel-scroll-btn {
            left: 70px;
        }

        .page-header-bar {
            height: 50px;
            line-height: 50px;
        }

        .carousel-controls {
            width: 400px;
            height: 50px;
        }

            .carousel-controls .count {
                width: 150px;
                padding-left: 40px;
                font: bold 18px/50px 'gotham-medium';
            }

            .carousel-controls .controls {
                left: 150px;
            }

            .carousel-controls .carousel-control {
                height: 50px;
            }

        .advantage-title {
            padding-bottom: 30px;
        }

            .advantage-title .bdl {
                line-height: 20px;
            }

            .advantage-title .title {
                font-size: 26px;
                margin-bottom: 10px;
            }

            .advantage-title .bdr {
                line-height: 52px;
            }

        .index-box {
            padding: 0 30px;
        }

        .advantage-list {
            padding-bottom: 30px;
        }

            .advantage-list li {
                padding: 30px 10px 30px 10px;
            }

                .advantage-list li .icon {
                    height: 60px;
                }

                .advantage-list li .icon1 {
                    background: url(/Content/main/images/icon8.png) left top no-repeat;
                    background-size: 40px;
                }

                .advantage-list li .icon2 {
                    background: url(/Content/main/images/icon9.png) left top no-repeat;
                    background-size: 40px;
                }

                .advantage-list li .icon3 {
                    background: url(/Content/main/images/icon10.png) left top no-repeat;
                    background-size: 40px;
                }

                .advantage-list li .icon4 {
                    background: url(/Content/main/images/icon11.png) left top no-repeat;
                    background-size: 40px;
                }

                .advantage-list li:hover .icon1 {
                    background: url(/Content/main/images/icon12.png) left top no-repeat;
                    background-size: 40px;
                }

                .advantage-list li:hover .icon2 {
                    background: url(/Content/main/images/icon13.png) left top no-repeat;
                    background-size: 40px;
                }

                .advantage-list li:hover .icon3 {
                    background: url(/Content/main/images/icon14.png) left top no-repeat;
                    background-size: 40px;
                }

                .advantage-list li:hover .icon4 {
                    background: url(/Content/main/images/icon15.png) left top no-repeat;
                    background-size: 40px;
                }

                .advantage-list li .title {
                    font-size: 16px;
                    line-height: 30px;
                    margin-bottom: 10px;
                }

                .advantage-list li .link {
                    margin-top: 25px;
                }

        .index-case {
            padding: 30px 0;
        }

        .index-case-title {
            font-size: 26px;
        }

        .index-case-menu {
            margin-top: 20px;
        }

            .index-case-menu li {
                margin-bottom: 10px;
            }

        .index-case-list {
            margin-top: 20px;
        }

            .index-case-list li .tbox .title .t2 {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

        .index-case .mores, .index-news-more {
            top: 0;
            line-height: 26px;
        }

        .index-data .text-wrap .number-wrap {
            font: normal 80px/1 'AkzidenzGrotesk-BoldCondAlt';
        }

            .index-data .text-wrap .number-wrap .icon {
                vertical-align: 4px;
            }

        .index-solution {
            padding: 50px 3% 50px;
        }

        .index-solution-box .img {
            width: 100%;
        }

        .index-solution-box .tbox {
            width: 100%;
            padding: 4.5% 20px 20px 40px;
        }

            .index-solution-box .tbox .title {
                font-size: 26px;
            }

        .index-news {
            padding: 0 30px;
        }

        .index-news-title {
            font-size: 26px;
        }

        .index-news-menu {
            margin-top: 20px;
        }

        .index-news-list {
            margin-top: 30px;
        }

            .index-news-list .lbox .box3 .tbox .time {
                margin-right: 10px;
            }

        .index-client-img {
            width: 100%;
        }

        .index-client-tbox {
            width: 100%;
            padding: 0;
        }

            .index-client-tbox .title {
                font-size: 26px;
                margin-bottom: 10px;
            }

            .index-client-tbox .txt {
                margin-bottom: 0;
            }

        .foot-button .link-box {
            width: 100%;
        }

        .index-case-menu {
            display: flex;
            overflow-x: scroll;
            white-space: normal;
        }

            .index-case-menu ul {
                display: flex;
                white-space: nowrap;
            }

        .index-news-menu {
            display: flex;
            overflow-x: scroll;
            white-space: normal;
        }

            .index-news-menu ul {
                display: flex;
                white-space: nowrap;
            }

        .index-news-list .lbox .box1 .tbox {
            height: auto;
        }
    }

    .hidden-xs {
        display: block;
    }

    .hidden-pc {
        display: none;
    }

    .box-container {
        width: 1440px;
        margin: 0 auto;
    }

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

    .box-container-fluid {
        width: 100%;
        margin: 0 auto;
    }

    .medium-box-container {
        width: 80%;
        margin: 0 auto;
    }

    body {
        font-size: 16px;
        overflow-x: hidden;
    }

    .rl {
        writing-mode: tb-rl;
        writing-mode: vertical-lr;
    }

    @font-face {
        font-family: "cn_light";
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: "bold";
        src: url('../font/iconfont-1561461869476.TTF');
        font-weight: normal;
        font-style: normal;
    }

    .light {
        font-family: "cn_light";
    }

    .pic {
        font-size: 0;
        overflow: hidden;
        display: block;
        width: 100%;
    }

        .pic img {
            display: block;
            width: 100%;
            transition: transform 0.8s ease;
            -webkit-transition: transform 0.8s ease;
            -moz-transition: transform 0.8s ease;
            -ms-transition: transform 0.8s ease;
            -o-transition: transform 0.8s ease;
        }

    .phone-nav {
        display: none;
    }

    .phonebanner {
        display: none;
    }

    .phone-banner {
        display: none;
    }
    /*------- phone-begin --------*/
    @media (max-width: 767px) {

        header .logo {
            width: 94px;
        }

        header .right-side .menu_ico img {
            width: 25px;
        }

        .ny-banner {
            height: 360px;
        }

        .foot-button .makelink {
            display: none;
        }

        .about-address {
            display: none;
        }

        .index-banner {
            height: 500px;
        }

            .index-banner .carousel-item1 img {
                width: 220%;
                left: -25%;
                max-width: initial;
            }

            .index-banner .carousel-item1.active img {
                top: -140px;
            }

        .page-header-bar {
            display: none;
        }

        .phonebanner {
            display: block;
            position: absolute;
            left: 0;
            bottom: 16px;
            text-align: center;
            width: 100%;
            z-index: 9;
        }

            .phonebanner span {
                width: 7px;
                height: 7px;
                background: #fff;
                border-radius: 50%;
                margin: 0 5px;
                display: inline-block;
                transition: all ease .5s;
            }

                .phonebanner span.active {
                    width: 15px;
                }

        .index-banner {
            display: none;
        }

        .phone-banner {
            width: 100%;
            position: relative;
            display: none;
        }

        .pbanner-box {
            width: 100%;
            position: relative;
        }

            .pbanner-box .img {
                width: 100%;
            }

                .pbanner-box .img img {
                    width: 100%;
                }

            .pbanner-box .tbox {
                position: absolute;
                left: 12px;
                top: 50%;
                transform: translateY(-50%);
            }

                .pbanner-box .tbox .t1 {
                    font-size: 26px;
                    line-height: 30px;
                    color: #fff;
                }

                .pbanner-box .tbox .t2 {
                    font-size: 18px;
                    line-height: 24px;
                    color: #fff;
                    margin-top: 9px;
                }

            .pbanner-box .tbox2 {
                width: 100%;
                position: absolute;
                left: 0;
                top: 110px;
                text-align: center;
            }

                .pbanner-box .tbox2 .t1 {
                    font-size: 26px;
                    line-height: 1;
                    color: #fff;
                }

                .pbanner-box .tbox2 .t2 {
                    font-size: 18px;
                    line-height: 24px;
                    color: #fff;
                    margin-top: 11px;
                }

            .pbanner-box .tbox3 {
                width: 100%;
                position: absolute;
                left: 0;
                top: 110px;
                text-align: center;
            }

                .pbanner-box .tbox3 .t1 {
                    font-size: 26px;
                    line-height: 1;
                    color: #fff;
                }

                .pbanner-box .tbox3 .t2 {
                    font-size: 18px;
                    line-height: 24px;
                    color: #fff;
                    margin-top: 11px;
                }




        .phone-banner .swiper-pagination {
            bottom: 16px;
        }

            .phone-banner .swiper-pagination .swiper-pagination-bullet {
                width: 7px;
                height: 7px;
                border-radius: 3px;
                background: #fff;
                opacity: 1;
            }

            .phone-banner .swiper-pagination .swiper-pagination-bullet-active {
                width: 15px;
            }




        .index-case-menu li a {
            font-size: 14px;
        }

        .index-solution {
            padding: 40px 3%;
        }

        .index-solution-box {
            display: flex;
            flex-wrap: wrap;
            flex-direction: column-reverse;
        }

            .index-solution-box .tbox {
                padding: 40px 25px 35px;
            }

                .index-solution-box .tbox .list {
                    width: 100%;
                }

                    .index-solution-box .tbox .list li {
                        float: left;
                        margin: 0 10px 10px 0;
                    }

                        .index-solution-box .tbox .list li:nth-child(2n) {
                            margin-right: 0;
                        }

                        .index-solution-box .tbox .list li a {
                            line-height: 30px;
                            border-radius: 15px;
                            padding: 0 10px;
                            font-size: 14px;
                        }

                .index-solution-box .tbox .title {
                    font-size: 18px;
                    margin-bottom: 10px;
                }

                .index-solution-box .tbox .txt {
                    line-height: 20px;
                }

        .index-client.active .index-client-img .img9 {
            left: 36.6%;
            top: 17.6%;
        }

        .carousel-scroll-btn {
            display: none;
        }


        .carousel-controls {
            width: 210px;
        }

            .carousel-controls .count {
                width: 90px;
                padding-left: 15px;
            }

            .carousel-controls .controls {
                left: 90px;
            }

            .carousel-controls .carousel-control {
                width: 60px;
                height: 50px;
            }

        .index-banner .carousel-item2 .bg-img {
            width: 200%;
            left: -50%;
            max-width: initial;
            height: 100%;
        }

        .index-banner .carousel-item2 .img-box .img3 {
            width: 70%;
            top: 28%;
            right: 15%;
            height: 330px;
            padding: 10px 5px;
        }

        .index-banner .carousel-item2 .img-box .img2 {
            right: 65px;
            top: 312px;
            width: 95px;
            height: 115px;
            padding: 8px 10px 0 10px;
        }

        .index-banner .carousel-item2 .img-box .img1 {
            left: 115px;
            top: 335px;
            height: 82px;
            width: 40px;
            padding: 3px;
        }

        .index-banner .carousel-item3 .bg-img {
            height: 100%;
        }

        .index-banner .carousel-item3 .img-box .img2 {
            top: 20%;
            height: auto;
        }

        .index-banner .carousel-item3 .img-box li.img2 img {
            height: auto;
        }

        .index-banner .swiper-inner-text {
            left: 3%;
        }

        .index-banner .carousel-item1 .swiper-inner-text .cansual-des,
        .index-banner .carousel-item2 .cansual-des,
        .index-banner .carousel-item3 .cansual-des {
            font-size: 18px;
            line-height: 24px;
        }

            .index-banner .carousel-item1 .swiper-inner-text .cansual-des span,
            .index-banner .carousel-item2 .cansual-des .s2,
            .index-banner .carousel-item3 .cansual-des .s2 {
                font-size: 26px;
                line-height: 30px;
                margin-bottom: 10px;
                display: block;
            }

        .index-banner .carousel-item .link {
            background: #222 url(/Content/main/images/icon22.png) 68px center no-repeat;
            width: 100px;
            font-size: 12px;
            padding-left: 10px;
            margin-top: 10px;
        }


        .index-box {
            padding: 0 20px;
        }

        .advantage-title .bdl {
            font-size: 40px;
        }

        .advantage-title .bdr {
            font-size: 40px;
            line-height: 70px;
        }

        .advantage-title .title {
            margin-top: -40px;
        }

        .advantage-title .txt {
            width: 100%;
        }

        .advantage-title .bdr span {
            width: 170px;
            top: 23px;
            right: 50px;
        }

        .advantage-list li {
            width: 47%;
            margin: 0 1.5%;
        }

            .advantage-list li .txt {
                min-height: 0px;
            }

        .index-case {
            padding: 0px 0;
        }

        .index-case-list li {
            width: 100%;
            margin-right: 0;
        }

        .index-data .text-wrap .number-wrap {
            font: normal 30px/1 'AkzidenzGrotesk-BoldCondAlt';
        }

            .index-data .text-wrap .number-wrap .icon {
                font-size: 20px;
            }

        .index-case .mores, .index-news-more {
            right: 20px;
        }

        .index-news {
            padding: 0 10px;
        }

            .index-news .index-box {
                padding: 0 10px;
            }

        .index-news-title {
            margin: 30px;
        }

        .index-news-more {
            font-size: 14px;
            margin-top: 60%;
        }

        .index-news-list .lbox .box1 {
            margin-bottom: 10px;
        }

        .index-news-list .lbox .box1,
        .index-news-list .lbox .box2,
        .index-news-list .lbox .box3 {
            width: 100%;
            margin-right: 0;
        }

        .index-client-tbox .title {
            font-size: 18px;
            line-height: 24px;
        }

        .index-client-tbox .txt {
            line-height: 20px;
        }

        .foot-button .link-box .a-box a {
            line-height: 20px;
        }

        .foot-button .makelink {
            margin-top: 10px;
        }

        .index-data .index-data-list {
            padding: 30px 20px;
        }

        .index-data .item {
            width: 50%;
            height: 175px;
        }

            .index-data .item:nth-child(3n) .item-inner {
                border-right: 1px solid rgba(255,255,255,.2);
            }

            .index-data .item:nth-child(2n) .item-inner {
                border-right: 0;
            }

            .index-data .item:nth-child(4) .item-inner {
                border-bottom: 1px solid rgba(255,255,255,.2);
            }

        .index-data .item-inner {
            height: 175px;
        }

        .index-data .video {
            display: none;
        }

        .index-client.active .index-client-img .img2,
        .index-client.active .index-client-img .img12,
        .index-client.active .index-client-img .img17,
        .index-client.active .index-client-img .img18,
        .index-client.active .index-client-img .img19 {
            display: none;
        }


        .index-client.active .index-client-img .img5 {
            left: 0%;
            top: 1.8%;
        }

        .index-client.active .index-client-img .img6 {
            left: 6.5%;
            top: 17.5%;
        }

        .index-client.active .index-client-img .img9 {
            left: 26.6%;
            top: 2.6%;
        }

        .index-client.active .index-client-img .img15 {
            left: 79.2%;
            top: 4.7%;
        }

        .index-client.active .index-client-img .img13 {
            left: 56%;
            top: 14%;
        }

        .index-client.active .index-client-img .img7 {
            left: 5%;
            top: 34%;
        }

        .index-client.active .index-client-img .img16 {
            left: 77.6%;
            top: 28%;
        }

        .index-client.active .index-client-img .img10 {
            left: 34.4%;
            top: 31.1%;
        }

        .index-client.active .index-client-img .img14 {
            left: 68.25%;
            top: 51.4%;
        }

        .index-client.active .index-client-img .img11 {
            left: 31.25%;
            top: 57.8%;
        }

        .index-client.active .index-client-img .img4 {
            left: 1.6%;
            top: 66.7%;
        }

        .index-client.active .index-client-img .img20 {
            left: 65%;
            top: 73%;
        }

        .carousel-controls .carousel-line {
            top: 8px;
        }

        .index-case-title {
            margin-top: -40px;
            margin-bottom: -40px;
        }

        .index-case-list li .tbox {
            padding: 13px;
        }

            .index-case-list li .tbox .title {
                line-height: 18px;
            }

                .index-case-list li .tbox .title .t1 {
                    font-size: 14px;
                }

                .index-case-list li .tbox .title .t2 {
                    font-size: 12px;
                    margin-top: 6px;
                }

            .index-case-list li .tbox .more {
                display: none;
            }

        .index-data .wrap {
            background: url(/Content/main/images/bimg1.jpg) center top no-repeat;
            background-size: 100% 100%;
        }

        .relevant-case {
            padding: 40px 3%;
        }

        .case-list {
            margin-top: 30px;
        }

        .index-client-box {
            padding-top: 20px;
            display: flex;
            flex-direction: column-reverse;
        }

        .foot-button {
            background: #fff;
        }

            .foot-button .link-box .a-box {
                display: none;
            }

        .index-news-list .lbox .box1 .tbox {
            display: flex;
            flex-wrap: wrap;
            padding: 17px 15px;
        }

            .index-news-list .lbox .box1 .tbox .time {
                order: 2;
                font-size: 12px;
                font-weight: initial;
                font-family: Arial;
                display: flex;
                background: none;
                line-height: 25px;
                padding: 0;
                border-bottom: none;
            }

                .index-news-list .lbox .box1 .tbox .time span {
                    font-size: 12px;
                    display: inline-block;
                    order: -1;
                    line-height: 25px;
                }

            .index-news-list .lbox .box1 .tbox .titles {
                order: 1;
                margin-top: 0;
                line-height: 22px;
            }

            .index-news-list .lbox .box1 .tbox .txts {
                order: 3;
                font-size: 12px;
                line-height: 18px;
                margin-top: 4px;
            }

        .index-news-list .lbox .box2 .tbox {
            padding: 17px 15px;
            height: auto;
        }

            .index-news-list .lbox .box2 .tbox a {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
            }

            .index-news-list .lbox .box2 .tbox .time {
                order: 2;
                font-size: 12px;
                font-weight: initial;
                font-family: Arial;
                display: flex;
                background: none;
                line-height: 25px;
                padding: 0;
                border-bottom: none;
            }

                .index-news-list .lbox .box2 .tbox .time span {
                    font-size: 12px;
                    display: inline-block;
                    order: -1;
                    line-height: 25px;
                }

            .index-news-list .lbox .box2 .tbox .titles {
                order: 1;
                margin-top: 0;
                line-height: 22px;
            }

            .index-news-list .lbox .box2 .tbox .txts {
                order: 3;
                font-size: 12px;
                line-height: 18px;
                margin-top: 4px;
            }

        .index-news-list .lbox .box3 {
            display: none;
        }
    }
    /*------- phone-end --------*/


    @media (max-width: 414px) {

        .advantage-title .bdr {
            top: initial;
            bottom: -5px;
        }

            .advantage-title .bdr span {
                width: 100px;
            }

        .index-banner .swiper-inner-text {
            top: 60%;
        }

        .advantage-list li {
            padding: 30px 5px;
        }
    }



    .new_index_Ourworks_Title {
        margin-top: 20px;
        position: relative;
    }

        .new_index_Ourworks_Title svg {
            height: 40px;
            width: 100%;
        }

        .new_index_Ourworks_Title text {
            font-size: 30px;
            font-weight: 900;
        }

            .new_index_Ourworks_Title text.Stroke {
                fill: #fff;
                stroke: #b97a7a;
            }

            .new_index_Ourworks_Title text.red {
                fill: #f9253b;
            }

        .new_index_Ourworks_Title h3 {
            font-size: 16px;
            color: #4c4f55;
        }

        .new_index_Ourworks_Title .desc1 {
            color: #6a6d73;
            font-size: 24px;
            padding-top: 10px;
        }

    .TabCasebtn {
        position: relative;
        font-size: 14px;
        right: 0px;
        top: 0px;
        margin: 20px auto 0px;
        background-color: #e8eaeb;
        width: 117px;
        cursor: pointer;
        padding: 2px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        .TabCasebtn ul {
            position: relative;
        }

            .TabCasebtn ul li {
                float: left;
                width: 100%;
                height: 40px;
                line-height: 40px;
                position: relative;
                z-index: 9;
                font-size: 14px;
                color: #96999c;
                font-weight: 700;
                text-align: center;
            }

                .TabCasebtn ul li.cur {
                    color: #4c4f55;
                }

            .TabCasebtn ul span {
                position: absolute;
                left: 0px;
                top: 0px;
                width: 100%;
                height: 100%;
                z-index: 1;
                background-color: #fff;
                display: block;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                -webkit-transition: all .6s ease-in-out;
                -o-transition: all .6s ease-in-out;
                transition: all .6s ease-in-out;
            }

    .new_index_Ourworks {
        display: none;
        padding-top: 110px;
    }

        .new_index_Ourworks ul {
            margin: 0px -10px;
            -webkit-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -o-transform: translateY(0px);
            transform: translateY(0px);
            -webkit-transition: all .6s ease-in-out;
            -o-transition: all .6s ease-in-out;
            transition: all .6s ease-in-out;
            opacity: 1;
        }

            .new_index_Ourworks ul li {
                width: 100%;
                padding: 0px 10px 30px;
            }

                .new_index_Ourworks ul li .Ourworksbox {
                    position: relative;
                    -webkit-transform: translateY(0px);
                    -ms-transform: translateY(0px);
                    -o-transform: translateY(0px);
                    transform: translateY(0px);
                    -webkit-transition: all .8s ease-in-out;
                    -o-transition: all .8s ease-in-out;
                    transition: all .8s ease-in-out;
                    overflow: hidden;
                    -webkit-transition: all .6s ease;
                    -o-transition: all .6s ease;
                    transition: all .6s ease;
                }

                .new_index_Ourworks ul li img {
                    width: 100%;
                    display: block;
                }

                .new_index_Ourworks ul li div.OurworksImgbox {
                    position: relative;
                }

                .new_index_Ourworks ul li div.OurworksContent {
                    position: absolute;
                    left: 0px;
                    right: 0px;
                    top: 0px;
                    bottom: 0px;
                    padding: 10px 15px 0px;
                    background-color: rgba(0, 0, 0, 0.8);
                    opacity: 0;
                    filter: alpha(opacity=0);
                    -webkit-transition: all .6s ease;
                    -o-transition: all .6s ease;
                    transition: all .6s ease;
                }

                    .new_index_Ourworks ul li div.OurworksContent h3 {
                        font-size: 20px;
                        color: #fff;
                        line-height: 36px;
                        padding-bottom: 10px;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        overflow: hidden;
                    }

                    .new_index_Ourworks ul li div.OurworksContent .subtitle {
                        font-size: 14px;
                        color: rgba(255, 255, 255, 0.6);
                        padding-bottom: 10px;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        overflow: hidden;
                    }

                    .new_index_Ourworks ul li div.OurworksContent .desc {
                        font-size: 14px;
                        color: #fff;
                        display: -webkit-box;
                        height: 48px;
                        line-height: 24px;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                    }

                    .new_index_Ourworks ul li div.OurworksContent .label {
                        font-size: 14px;
                        color: rgba(255, 255, 255, 0.6);
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        margin-top: 10px;
                        padding-left: 25px;
                    }

                .new_index_Ourworks ul li .positiveTitle {
                    color: #4c4f55;
                    font-size: 16px;
                    line-height: 36px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    margin-top: 25px;
                }

                    .new_index_Ourworks ul li .positiveTitle span {
                        float: right;
                        color: #afb0b3;
                        font-size: 14px;
                        font-weight: 700;
                        padding-left: 20px;
                    }

                .new_index_Ourworks ul li:hover .Ourworksbox {
                    -webkit-transform: translateY(-30px);
                    -ms-transform: translateY(-30px);
                    -o-transform: translateY(-30px);
                    transform: translateY(-30px);
                }

                .new_index_Ourworks ul li:hover div.OurworksContent {
                    opacity: 1;
                    filter: alpha(opacity=100);
                }

    .new_index_Ourworks_more {
        text-align: center;
        padding-bottom: 50px;
        padding-top: 0px;
    }

        .new_index_Ourworks_more a {
            border: 1px solid #e5e5e5;
            -webkit-transition: all .6s ease;
            -o-transition: all .6s ease;
            transition: all .6s ease;
            width: 180px;
            line-height: 50px;
            padding-left: 30px;
            font-size: 14px;
            position: relative;
            font-weight: 700;
            display: inline-block;
            text-align: left;
        }

            .new_index_Ourworks_more a:after {
                content: '';
                height: 100%;
                width: 0px;
                position: absolute;
                left: 0px;
                top: 0px;
                -webkit-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
            }

            .new_index_Ourworks_more a span {
                display: block;
                position: relative;
                z-index: 9;
                -webkit-transition: all .6s ease;
                -o-transition: all .6s ease;
                transition: all .6s ease;
            }

            .new_index_Ourworks_more a:hover span {
                color: #fff;
            }

            .new_index_Ourworks_more a:hover:after {
                width: 100%;
                background-color: #f9253b;
                color: #fff;
            }

    .new_index_Ourworks ul.new_index_Ourwork_Aadmission {
        -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0;
    }



    .new_index_Ourworks ul li {
        width: 100%;
        padding: 0px 10px 30px;
    }

        .new_index_Ourworks ul li .Ourworksbox {
            position: relative;
            -webkit-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -o-transform: translateY(0px);
            transform: translateY(0px);
            -webkit-transition: all .8s ease-in-out;
            -o-transition: all .8s ease-in-out;
            transition: all .8s ease-in-out;
            overflow: hidden;
            -webkit-transition: all .6s ease;
            -o-transition: all .6s ease;
            transition: all .6s ease;
        }

        .new_index_Ourworks ul li img {
            width: 100%;
            display: block;
        }

        .new_index_Ourworks ul li div.OurworksImgbox {
            position: relative;
        }

        .new_index_Ourworks ul li div.OurworksContent {
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            padding: 10px 15px 0px;
            background-color: rgba(0, 0, 0, 0.8);
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transition: all .6s ease;
            -o-transition: all .6s ease;
            transition: all .6s ease;
        }

            .new_index_Ourworks ul li div.OurworksContent h3 {
                font-size: 20px;
                color: #fff;
                line-height: 36px;
                padding-bottom: 10px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            .new_index_Ourworks ul li div.OurworksContent .subtitle {
                font-size: 14px;
                color: rgba(255, 255, 255, 0.6);
                padding-bottom: 10px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            .new_index_Ourworks ul li div.OurworksContent .desc {
                font-size: 14px;
                color: #fff;
                display: -webkit-box;
                height: 48px;
                line-height: 24px;
                text-overflow: ellipsis;
                overflow: hidden;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }

            .new_index_Ourworks ul li div.OurworksContent .label {
                font-size: 14px;
                color: rgba(255, 255, 255, 0.6);
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                margin-top: 10px;
                padding-left: 25px;
            }

        .new_index_Ourworks ul li .positiveTitle {
            color: #4c4f55;
            font-size: 16px;
            line-height: 36px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            margin-top: 25px;
        }

            .new_index_Ourworks ul li .positiveTitle span {
                float: right;
                color: #afb0b3;
                font-size: 14px;
                font-weight: 700;
                padding-left: 20px;
            }

        .new_index_Ourworks ul li:hover .Ourworksbox {
            -webkit-transform: translateY(-30px);
            -ms-transform: translateY(-30px);
            -o-transform: translateY(-30px);
            transform: translateY(-30px);
        }

        .new_index_Ourworks ul li:hover div.OurworksContent {
            opacity: 1;
            filter: alpha(opacity=100);
        }


    @media (min-width: 1660px) {
        .new_index_triangleBox:after {
            width: 170%;
            height: 170%;
        }

        .new_index_triangleBox:before {
            width: 170%;
            height: 170%;
        }

        .new_index_Ourworks_Title {
            position: relative;
        }

        .new_index_FeaturedTitle p img {
            height: 132px;
            max-width: 100%;
        }

        .new_index_Ourclient_title text {
            font-size: 60px;
        }

        .new_index_news_title text {
            font-size: 60px;
        }

        .new_index_newshot dl dt h3 {
            font-size: 18px;
            padding: 40px 15px 0px 0px;
        }

        .new_index_contact_title svg {
            height: 90px;
        }

        .new_index_contact_title text {
            font-size: 60px;
        }

        .new_index_contact_title h3 {
            font-size: 22px;
            padding-bottom: 25px;
        }

        .new_footReady text {
            font-size: 100px;
            font-weight: 900;
        }

        .new_footReady h3 {
            font-size: 72px;
        }

        .new_index_Applets_desc text {
            font-size: 56px;
            font-weight: 900;
        }

        .new_index_Applets_desc h3 {
            font-size: 28px;
        }

        .new_index_Applets_desc h4 {
            font-size: 48px;
        }

        .new_index_Applets_desc .moreIcon {
            padding-top: 25px;
        }

            .new_index_Applets_desc .moreIcon a {
                line-height: 36px;
                font-size: 24px;
                width: 50px;
                height: 50px;
            }

        .new_index_Applets_desc .desc {
            font-size: 14px;
            line-height: 24px;
            margin-top: 35px;
        }

        .popDemandLeft {
            width: 43%;
        }

        .popDemandRight {
            width: 57%;
            padding: 100px 80px 50px;
        }

        .DemandService p {
            font-size: 18px;
            font-weight: 700;
            padding-top: 15px;
        }

        .news_foot_contact_Telbox dl dt .desc2 span {
            margin-right: 40px;
            font-size: 30px;
            font-weight: normal;
        }

        .new_index_Ourworks ul li .positiveTitle {
            font-size: 30px;
            line-height: 36px;
            margin-top: 25px;
        }

        .new_index_banner ul li h3 {
            font-size: 48px;
        }

        .new_index_banner ul li p {
            font-size: 20px;
        }

        .new_index_bannertext02 .Multiplatformbox h3 {
            font-size: 42px;
        }

        .news_foot_contact_Telbox dl dt h3 {
            font-size: 42px;
        }

        .news_foot_contact_Telbox dl dd {
            width: 375px;
        }

        .news_foot_contact_Telbox dl {
            padding-bottom: 80px;
            padding-left: 50px;
        }
    }

    @media (min-width: 1420px) {
        .new_index_Ourworks ul li div.OurworksContent {
            padding: 40px 40px 0px;
        }

            .new_index_Ourworks ul li div.OurworksContent h3 {
                font-size: 30px;
                line-height: 36px;
                padding-bottom: 10px;
            }

            .new_index_Ourworks ul li div.OurworksContent .subtitle {
                font-size: 14px;
                padding-bottom: 20px;
            }

            .new_index_Ourworks ul li div.OurworksContent .desc {
                font-size: 14px;
                color: #fff;
                line-height: 24px;
                display: -webkit-box;
                height: 72px;
                line-height: 24px;
                text-overflow: ellipsis;
                overflow: hidden;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
            }

            .new_index_Ourworks ul li div.OurworksContent .label {
                font-size: 14px;
                color: rgba(255, 255, 255, 0.6);
                margin-top: 25px;
            }

        .new_index_newslistmain {
            padding-top: 200px;
        }
    }


    @media (min-width: 1260px) {
        .new_index_Ourworks ul li {
            float: left;
            width: 33.3333%;
            padding: 0px 20px 40px;
        }

            .new_index_Ourworks ul li div.OurworksContent {
                padding: 30px 30px 0px;
            }

                .new_index_Ourworks ul li div.OurworksContent h3 {
                    font-size: 26px;
                    line-height: 32px;
                    padding-bottom: 10px;
                }

                .new_index_Ourworks ul li div.OurworksContent .subtitle {
                    font-size: 14px;
                    padding-bottom: 15px;
                }

                .new_index_Ourworks ul li div.OurworksContent .desc {
                    font-size: 14px;
                    color: #fff;
                    line-height: 24px;
                    display: -webkit-box;
                    height: 48px;
                    line-height: 24px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                }

                .new_index_Ourworks ul li div.OurworksContent .label {
                    font-size: 14px;
                    color: rgba(255, 255, 255, 0.6);
                    margin-top: 15px;
                }

            .new_index_Ourworks ul li .positiveTitle {
                font-size: 20px;
                line-height: 36px;
                margin-top: 25px;
            }

        .new_foot {
            position: relative;
            z-index: 9;
        }
    }

    .index-title-box {
        text-align: center;
        padding-top: 80px;
        margin-bottom: 55px;
    }

        .index-title-box.phone {
            display: none;
        }

        .index-title-box h2 {
            font-size: 60px;
            color: #000;
            line-height: 60px;
            font-family: "bold";
            margin-bottom: 2px;
        }

        .index-title-box.left {
            text-align: left;
        }

        .index-title-box .title {
            font-size: 36px;
            line-height: 56px;
            margin-bottom: 18px;
            font-weight: bold;
        }

        .index-title-box .brief {
            font-size: 16px;
            line-height: 36px;
            width: 948px;
            margin: 0 auto;
        }

    .index-more {
        display: block;
        width: 205px;
        height: 58px;
        line-height: 58px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        background-color: #d61419;
        border-radius: 29px;
        margin: 64px auto 0;
        transition: box-shadow 0.3s ease;
        -webkit-transition: box-shadow 0.3s ease;
        -moz-transition: box-shadow 0.3s ease;
        -ms-transition: box-shadow 0.3s ease;
        -o-transition: box-shadow 0.3s ease;
    }

        .index-more:hover {
            font-weight: 700;
            box-shadow: 0 2px 30px rgba(214, 20, 25, 0.3);
        }

    .more {
        display: inline-block;
        font-size: 14px;
        font-family: "bold";
        text-transform: uppercase;
        line-height: 24px;
    }

        .more:hover,
        .more.on {
            color: #d61419;
        }

    .am-avg-sm-4 li {
        width: 25%;
        float: left;
        padding: 0 15px;
    }

    .index-box-2 {
        padding: 170px 0 164px;
        background: url(/Content/main/images/index2bg.jpg) no-repeat center center;
        background-size: cover;
        background-attachment: fixed;
    }

        .index-box-2 .index-title-box {
            padding-top: 0;
        }

            .index-box-2 .index-title-box .title,
            .index-box-2 .index-title-box .brief {
                color: #fff;
            }

            .index-box-2 .index-title-box .brief {
                width: 960px;
                line-height: 36px;
            }

        .index-box-2 .data {
            margin-top: 80px;
        }

            .index-box-2 .data ul {
                display: flex;
                display: -webkit-box;
                /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
                display: -moz-box;
                /* Firefox 17- */
                display: -webkit-flex;
                /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
                display: -moz-flex;
                /* Firefox 18+ */
                display: -ms-flexbox;
                /* IE 10 */
                justify-content: center;
            }

                .index-box-2 .data ul li {
                    margin-right: 148px;
                }

                    .index-box-2 .data ul li:last-child {
                        margin-right: 0;
                    }

            .index-box-2 .data span,
            .index-box-2 .data em,
            .index-box-2 .data p {
                color: #fff;
            }

            .index-box-2 .data .num {
                font-size: 60px;
                line-height: 60px;
                color: #fff;
                font-family: "cn_light";
            }

                .index-box-2 .data .num span,
                .index-box-2 .data .num em {
                    display: inline-block;
                }

                .index-box-2 .data .num em {
                    font-style: normal;
                }

            .index-box-2 .data p {
                line-height: 24px;
                margin-top: 10px;
            }

        .index-box-2 .index-more {
            margin-top: 34px;
        }

    .index-box-3 {
        padding-top: 104px;
        padding-bottom: 100px;
    }

        .index-box-3 .main {
            display: flex;
            display: -webkit-box;
            /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
            display: -moz-box;
            /* Firefox 17- */
            display: -webkit-flex;
            /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
            display: -moz-flex;
            /* Firefox 18+ */
            display: -ms-flexbox;
            /* IE 10 */
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            align-items: center;
        }

        .index-box-3 .index-title-box {
            padding-top: 0;
        }

        .index-box-3 .item {
            position: absolute;
            opacity: 0;
            visibility: hidden;
        }

            .index-box-3 .item.on {
                position: relative;
                opacity: 1;
                visibility: visible;
            }

                .index-box-3 .item.on .name,
                .index-box-3 .item.on .desc,
                .index-box-3 .item.on .more {
                    opacity: 1;
                    visibility: visible;
                    transform: translateY(0);
                    -webkit-transform: translateY(0);
                    -moz-transform: translateY(0);
                    -ms-transform: translateY(0);
                    -o-transform: translateY(0);
                }

        .index-box-3 .pix img {
            height: 533px;
            object-fit: cover;
        }

        .index-box-3 .info {
            width: 38%;
            padding-left: calc((100% - 1440px) / 2);
        }

        .index-box-3 .name,
        .index-box-3 .desc,
        .index-box-3 .more {
            opacity: 0;
            visibility: hidden;
            transform: translateY(60px);
            -webkit-transform: translateY(60px);
            -moz-transform: translateY(60px);
            -ms-transform: translateY(60px);
            -o-transform: translateY(60px);
            transition: all 0.7s ease;
            -webkit-transition: all 0.7s ease;
            -moz-transition: all 0.7s ease;
            -ms-transition: all 0.7s ease;
            -o-transition: all 0.7s ease;
        }

        .index-box-3 .name {
            transition-delay: 0.15s;
            width: 89%;
        }

        .index-box-3 .desc {
            transition-delay: 0.3s;
        }

        .index-box-3 .more {
            transition-delay: 0.5s;
        }

        .index-box-3 .name {
            font-size: 24px;
            line-height: 36px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            height: 72px;
            font-weight: 700;
        }

        .index-box-3 .desc {
            line-height: 30px;
            height: 90px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            margin: 24px auto 30px;
        }

        .index-box-3 .btn-box {
            margin-top: 85px;
            font-size: 0;
        }

            .index-box-3 .btn-box a {
                position: static;
                margin-top: 0;
            }

            .index-box-3 .btn-box a,
            .index-box-3 .btn-box img {
                vertical-align: middle;
            }

            .index-box-3 .btn-box img {
                display: inline-block;
            }

        .index-box-3 .swiper-box {
            width: 52%;
            padding-right: calc((100% - 1840px) / 2);
        }

        .index-box-3 .swiper-slide:hover .pic img {
            transform: scale(1.05);
            -webkit-transform: scale(1.05);
            -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
            -o-transform: scale(1.05);
        }

        .index-box-3 .swiper-slide a {
            display: block;
        }

        .index-box-3 .swiper-slide .name {
            font-weight: 500;
            color: #fff;
            position: absolute;
            left: 0;
            bottom: 27px;
            z-index: 10;
            height: 36px;
            -webkit-line-clamp: 1;
            width: 100%;
            text-align: center;
            padding: 0 30px;
            opacity: 1;
            visibility: visible;
            transform: none;
        }

        .index-box-3 .pic {
            position: relative;
        }

            .index-box-3 .pic:before {
                content: "";
                display: block;
                width: 100%;
                height: 50%;
                background: url(https://www.cxyun.net/style/pc/img/shadow.png) no-repeat center bottom;
                position: absolute;
                left: 0;
                bottom: 0;
                z-index: 10;
                background-size: 100%;
            }

        .index-box-3 .swiper-box .swiper-btn {
            display: none;
        }

    .index-box-4 {
        margin-top: 104px;
        padding-bottom: 108px;
        background: url(https://www.cxyun.net/style/pc/img/index4bg.jpg) no-repeat center center;
        background-size: cover;
        background-attachment: fixed;
    }

        .index-box-4 .index-title-box h2,
        .index-box-4 .index-title-box .title {
            color: #fff;
        }

        .index-box-4 .list ul {
            display: flex;
            display: -webkit-box;
            /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
            display: -moz-box;
            /* Firefox 17- */
            display: -webkit-flex;
            /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
            display: -moz-flex;
            /* Firefox 18+ */
            display: -ms-flexbox;
            /* IE 10 */
            flex-flow: wrap;
        }

        .index-box-4 li {
            width: 19.24%;
            background-color: #fff;
            box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07);
            margin-top: 0.95%;
            margin-right: 0.95%;
            border-radius: 5px;
            overflow: hidden;
        }

            .index-box-4 li:hover .pic img {
                transform: scale(1.05);
                -webkit-transform: scale(1.05);
                -moz-transform: scale(1.05);
                -ms-transform: scale(1.05);
                -o-transform: scale(1.05);
            }

            .index-box-4 li .pic img {
                height: 129px;
                object-fit: contain;
            }


    .header-wrapper {
        transition: background 0.3s ease;
        -webkit-transition: background 0.3s ease;
        -moz-transition: background 0.3s ease;
        -ms-transition: background 0.3s ease;
        -o-transition: background 0.3s ease;
    }

        .header-wrapper .box-container {
            display: flex;
            display: -webkit-box;
            /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
            display: -moz-box;
            /* Firefox 17- */
            display: -webkit-flex;
            /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
            display: -moz-flex;
            /* Firefox 18+ */
            display: -ms-flexbox;
            /* IE 10 */
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            height: 110px;
            align-items: center;
        }

        .header-wrapper .logo-box {
        }

            .header-wrapper .logo-box a {
                display: block;
            }

                .header-wrapper .logo-box a img {
                    display: block;
                }

        .header-wrapper .pc-nav-box {
            flex: 1;
            padding: 0 100px;
        }

            .header-wrapper .pc-nav-box:hover .child-box {
                display: block;
            }

            .header-wrapper .pc-nav-box ul {
                font-size: 0;
                display: flex;
                display: -webkit-box;
                /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
                display: -moz-box;
                /* Firefox 17- */
                display: -webkit-flex;
                /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
                display: -moz-flex;
                /* Firefox 18+ */
                display: -ms-flexbox;
                /* IE 10 */
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                margin-right: 0px;
            }

                .header-wrapper .pc-nav-box ul li {
                    position: relative;
                    text-align: center;
                }

                    .header-wrapper .pc-nav-box ul li.on > a,
                    .header-wrapper .pc-nav-box ul li:hover > a {
                        color: #d61419;
                        border-color: rgba(0, 0, 0, 0.05);
                    }

                        .header-wrapper .pc-nav-box ul li.on > a:after,
                        .header-wrapper .pc-nav-box ul li:hover > a:after {
                            display: none;
                        }

                        .header-wrapper .pc-nav-box ul li:hover > a:before {
                            transform: scale(1);
                            -webkit-transform: scale(1);
                            -moz-transform: scale(1);
                            -ms-transform: scale(1);
                            -o-transform: scale(1);
                        }

                    .header-wrapper .pc-nav-box ul li.prev > a:after,
                    .header-wrapper .pc-nav-box ul li.prev2 > a:after {
                        display: none;
                    }

                    .header-wrapper .pc-nav-box ul li:hover .hide-box {
                        opacity: 1;
                        visibility: visible;
                        transform: translateY(0);
                        -webkit-transform: translateY(0);
                        -moz-transform: translateY(0);
                        -ms-transform: translateY(0);
                        -o-transform: translateY(0);
                    }

                    .header-wrapper .pc-nav-box ul li > a {
                        position: relative;
                        display: block;
                        font-weight: 500;
                        font-size: 18px;
                        color: #000;
                        line-height: 110px;
                        text-align: center;
                    }

                        .header-wrapper .pc-nav-box ul li > a:before,
                        .header-wrapper .pc-nav-box ul li > a:after {
                            content: "";
                            display: block;
                            position: absolute;
                            z-index: 10;
                        }

                        .header-wrapper .pc-nav-box ul li > a:before {
                            width: 100%;
                            height: 3px;
                            background: #d61419;
                            left: 0;
                            bottom: 0;
                            transform: scale(0);
                            -webkit-transform: scale(0);
                            -moz-transform: scale(0);
                            -ms-transform: scale(0);
                            -o-transform: scale(0);
                            transition: transform 0.3s ease;
                            -webkit-transition: transform 0.3s ease;
                            -moz-transition: transform 0.3s ease;
                            -ms-transition: transform 0.3s ease;
                            -o-transition: transform 0.3s ease;
                        }

            .header-wrapper .pc-nav-box .hide-box {
                position: fixed;
                left: 0;
                top: 110px;
                z-index: -1;
                width: 100%;
                text-align: left;
                height: 0;
                transition: height 0.6s ease;
                -webkit-transition: height 0.6s ease;
                -moz-transition: height 0.6s ease;
                -ms-transition: height 0.6s ease;
                -o-transition: height 0.6s ease;
                background: #f2f2f2;
                opacity: 0;
                visibility: hidden;
            }

                .header-wrapper .pc-nav-box .hide-box:nth-child(2) .nav a {
                    width: 80%;
                }

                .header-wrapper .pc-nav-box .hide-box.on {
                    z-index: 40;
                    opacity: 1;
                    visibility: visible;
                }

                    .header-wrapper .pc-nav-box .hide-box.on .info,
                    .header-wrapper .pc-nav-box .hide-box.on .nav {
                        opacity: 1;
                        visibility: visible;
                        transform: translateX(0);
                        -webkit-transform: translateX(0);
                        -moz-transform: translateX(0);
                        -ms-transform: translateX(0);
                        -o-transform: translateX(0);
                    }

                .header-wrapper .pc-nav-box .hide-box .w1200 {
                    overflow: hidden;
                    padding: 61px 0;
                    display: flex;
                    display: -webkit-box;
                    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
                    display: -moz-box;
                    /* Firefox 17- */
                    display: -webkit-flex;
                    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
                    display: -moz-flex;
                    /* Firefox 18+ */
                    display: -ms-flexbox;
                    /* IE 10 */
                    align-items: center;
                }

                .header-wrapper .pc-nav-box .hide-box .info,
                .header-wrapper .pc-nav-box .hide-box .nav {
                    opacity: 0;
                    visibility: hidden;
                    transition: transform 1.4s, opacity 1.4s ease;
                }

                .header-wrapper .pc-nav-box .hide-box .info {
                    width: 698px;
                    transform: translateX(58px);
                    -webkit-transform: translateX(58px);
                    -moz-transform: translateX(58px);
                    -ms-transform: translateX(58px);
                    -o-transform: translateX(58px);
                }

                    .header-wrapper .pc-nav-box .hide-box .info > img {
                        float: left;
                        width: 320px;
                        margin-right: 40px;
                    }

                    .header-wrapper .pc-nav-box .hide-box .info .caption-box {
                        margin-top: 47px;
                    }

                    .header-wrapper .pc-nav-box .hide-box .info .caption {
                        font-size: 24px;
                        color: #000;
                        font-weight: 700;
                        line-height: 30px;
                    }

                    .header-wrapper .pc-nav-box .hide-box .info .brief {
                        font-size: 16px;
                        color: #666;
                        line-height: 30px;
                        margin-top: 30px;
                    }

                .header-wrapper .pc-nav-box .hide-box .nav {
                    width: 312px;
                    transform: translateX(-80px);
                    -webkit-transform: translateX(-80px);
                    -moz-transform: translateX(-80px);
                    -ms-transform: translateX(-80px);
                    -o-transform: translateX(-80px);
                    margin-left: 48px;
                }

                    .header-wrapper .pc-nav-box .hide-box .nav.more {
                        display: flex;
                        display: -webkit-box;
                        /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
                        display: -moz-box;
                        /* Firefox 17- */
                        display: -webkit-flex;
                        /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
                        display: -moz-flex;
                        /* Firefox 18+ */
                        display: -ms-flexbox;
                        /* IE 10 */
                        flex-flow: wrap;
                        -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                        -webkit-justify-content: space-between;
                        justify-content: space-between;
                    }

                    .header-wrapper .pc-nav-box .hide-box .nav.more2 {
                        display: flex;
                        display: -webkit-box;
                        /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
                        display: -moz-box;
                        /* Firefox 17- */
                        display: -webkit-flex;
                        /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
                        display: -moz-flex;
                        /* Firefox 18+ */
                        display: -ms-flexbox;
                        /* IE 10 */
                        flex-flow: wrap;
                    }

                        .header-wrapper .pc-nav-box .hide-box .nav.more2 a:nth-child(even) {
                            padding-left: 100px;
                        }

                    .header-wrapper .pc-nav-box .hide-box .nav a {
                        position: relative;
                        display: block;
                        font-size: 16px;
                        line-height: 36px;
                        padding-right: 20px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        width: 180px;
                    }

                        .header-wrapper .pc-nav-box .hide-box .nav a:hover,
                        .header-wrapper .pc-nav-box .hide-box .nav a.on {
                            font-weight: 700;
                        }

                            .header-wrapper .pc-nav-box .hide-box .nav a:hover:after,
                            .header-wrapper .pc-nav-box .hide-box .nav a.on:after {
                                background-image: url(https://www.cxyun.net/style/pc/img/i-right2.png);
                            }

                        .header-wrapper .pc-nav-box .hide-box .nav a:after {
                            content: "";
                            position: absolute;
                            right: 0;
                            top: 0;
                            z-index: 10;
                            width: 6px;
                            height: 100%;
                            background-image: url(https://www.cxyun.net/style/pc/img/i-right.png);
                            background-size: contain;
                            background-repeat: no-repeat;
                            background-position: center center;
                            transition: transform 0.3s ease;
                            -webkit-transition: transform 0.3s ease;
                            -moz-transition: transform 0.3s ease;
                            -ms-transition: transform 0.3s ease;
                            -o-transition: transform 0.3s ease;
                        }

        .header-wrapper .child-box {
            display: none;
        }

            .header-wrapper .child-box.scroll {
                display: none !important;
            }

        .header-wrapper .other-box {
            display: flex;
            display: -webkit-box;
            /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
            display: -moz-box;
            /* Firefox 17- */
            display: -webkit-flex;
            /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
            display: -moz-flex;
            /* Firefox 18+ */
            display: -ms-flexbox;
            /* IE 10 */
            align-items: center;
        }

        .header-wrapper .language,
        .header-wrapper .search {
            height: 110px;
        }

        .header-wrapper .language {
            position: relative;
            font-size: 0;
            padding-right: 28px;
        }

            .header-wrapper .language:hover .list {
                opacity: 1;
                visibility: visible;
                transform: translateY(0);
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
            }

            .header-wrapper .language .caption {
                position: relative;
                display: inline-block;
                line-height: 110px;
                font-size: 22px;
                color: red;
                cursor: pointer;
                background: url(/Content/main/images/icon1.png) no-repeat center left;
                padding-left: 0px;
            }

            .header-wrapper .language a:hover {
                color: #d61419;
            }

            .header-wrapper .language .list {
                position: absolute;
                top: 100%;
                width: 140px;
                left: 50%;
                margin-left: -70px;
                z-index: 10;
                background-color: #fff;
                box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
                opacity: 0;
                visibility: hidden;
                transform: translateY(15px);
                -webkit-transform: translateY(15px);
                -moz-transform: translateY(15px);
                -ms-transform: translateY(15px);
                -o-transform: translateY(15px);
                transition: transform 0.3s ease;
                -webkit-transition: transform 0.3s ease;
                -moz-transition: transform 0.3s ease;
                -ms-transition: transform 0.3s ease;
                -o-transition: transform 0.3s ease;
            }

                .header-wrapper .language .list:before {
                    content: "";
                    border: 8px solid transparent;
                    border-bottom-color: #fff;
                    position: absolute;
                    left: 50%;
                    margin-left: -8px;
                    top: -16px;
                    z-index: 10;
                }

                .header-wrapper .language .list a {
                    display: block;
                    font-size: 16px;
                    text-align: center;
                    line-height: 48px;
                    transition: color 0.3s ease;
                    -webkit-transition: color 0.3s ease;
                    -moz-transition: color 0.3s ease;
                    -ms-transition: color 0.3s ease;
                    -o-transition: color 0.3s ease;
                    border-bottom: 1px solid #f7f8f9;
                }

                    .header-wrapper .language .list a:hover {
                        color: #d61419;
                    }

                    .header-wrapper .language .list a:last-child {
                        border-bottom: none;
                    }

        .header-wrapper .search {
            width: 22px;
            height: 23px;
            cursor: pointer;
            background: url(https://www.cxyun.net/style/pc/img/search.png) no-repeat center center;
            background-size: contain;
        }

    .search-form {
        width: 100%;
        position: fixed;
        left: 0;
        top: 110px;
        background: #fff;
        z-index: 30;
        padding: 70px 0;
        display: none;
        border-top: 1px solid #f7f8f9;
        /* input placeholder  */
    }

        .search-form .w1200 {
            position: relative;
            display: flex;
            display: -webkit-box;
            /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
            display: -moz-box;
            /* Firefox 17- */
            display: -webkit-flex;
            /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
            display: -moz-flex;
            /* Firefox 18+ */
            display: -ms-flexbox;
            /* IE 10 */
            align-items: center;
            border-bottom: 1px solid #d9d9d9;
        }

        .search-form .keywords {
            flex: 1;
            overflow: hidden;
            line-height: 56px;
            margin-left: 20px;
            font-size: 15px;
            color: #999;
        }

        .search-form ::-webkit-input-placeholder {
            /* WebKit browsers */
            color: #999;
            font-size: 15px;
        }

        .search-form :-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: #999;
            font-size: 15px;
        }

        .search-form ::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: #999;
            font-size: 15px;
        }

        .search-form :-ms-input-placeholder {
            /* Internet Explorer 10+ */
            color: #999;
            font-size: 15px;
        }

        .search-form .close {
            position: absolute;
            right: 0;
            top: 50%;
            z-index: 10;
            color: #999;
            margin-top: -15px;
            width: 20px;
            height: 20px;
            background: url(https://www.cxyun.net/style/pc/img/close.png) no-repeat;
            background-size: contain;
            transition: transform 0.3s ease;
            -webkit-transition: transform 0.3s ease;
            -moz-transition: transform 0.3s ease;
            -ms-transition: transform 0.3s ease;
            -o-transition: transform 0.3s ease;
        }

            .search-form .close:hover {
                color: #d61419;
                transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -o-transform: rotate(180deg);
            }

    @media screen and (max-width: 768px) {

        .footer .footer_content {
            z-index: 50;
        }

        .footer .footer_content {
            display: block;
            z-index: 50;
        }

            .footer .footer_content .footer_content_top, .footer .footer_content .footer_content_bottom {
                display: none;
            }

        .footer {
            height: auto;
        }

            .footer #mydiv {
                display: none;
            }

        .footer_content_copyright {
            padding: 20px 2%;
        }

        .pc_all .pc_all_content {
            width: 96% !important;
            margin: 0 auto;
            overflow: hidden;
        }

        .IndexNews2023 .IndexService_content .IndexNews2023_left {
            margin-bottom: 22px;
        }

        .IndexNews .IndexService_content_title {
            margin-bottom: 25px;
            display: block;
            overflow: hidden;
        }

        .IndexNews .IndexService_content .IndexService_content_title dd, .IndexNews .IndexService_content .IndexService_content_title .IndexNews_title {
            width: 100%;
            float: none;
        }

        .IndexNews .IndexService_content .IndexService_content_title dd {
            line-height: 50px;
        }

        .IndexNews .IndexService_content_title dd {
            font-size: 18px;
        }

        .IndexNews .IndexService_content_title .IndexNews_title {
            flex-wrap: wrap;
            justify-content: center;
            display: flex;
        }

        .IndexNews .IndexNews_title a {
            padding: 0px 12px;
            width: 30%;
            margin-right: 13px;
            margin-bottom: 13px;
            line-height: 45px;
        }

        .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top {
            flex-wrap: wrap;
        }

            .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list {
                width: 100%;
                margin-bottom: 15px;
            }

                .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_img img {
                    height: 200px;
                    width: 100%;
                    object-fit: cover;
                }

        .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom {
            justify-content: space-between;
        }

        .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom {
            display: flex;
            flex-wrap: wrap;
            margin-top: 20px;
        }

            .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom .content_bottom_list {
                width: 100%;
            }
    }

    #editor h2 {
        margin: 1% 0;
        padding-left: 2%;
        position: relative;
        font-size: 22px;
    }

        #editor h2:before {
            position: absolute;
            left: 0px;
            top: 5px;
            width: 5px;
            height: 70%;
            content: "";
            background-color: #3478e9;
            border-radius: 3px;
        }
    /**首页解决方案开始**/
    .ni-title {
        width: 100%;
        height: auto;
        display: inline-block;
        text-align: center;
    }

        .ni-title h3 {
            font-size: 40px;
            color: #333333;
            letter-spacing: .2em;
            margin-bottom: 20px;
        }

        .ni-title p {
            font-size: 16px;
            color: #888888;
        }

        .ni-title span {
            width: 80px;
            height: 2px;
            background-color: #000;
            display: block;
            margin: 0 auto;
            margin-bottom: 16px;
        }

    .index_solution_box {
        width: 100%;
        height: auto;
        display: inline-block;
    }

    .a4a {
        margin-top: 60px;
    }

        .a4a ul li {
            float: left;
            width: 31%;
            margin-right: 2%;
        }

            .a4a ul li .pic {
                display: block;
                width: 100%;
                height: 221px;
                overflow: hidden;
            }

                .a4a ul li .pic img {
                    transition: all 0.5s;
                }

            .a4a ul li:hover .pic img {
                transform: scale(1.2);
            }

            .a4a ul li.sign2 {
                margin-left: 0.53rem;
            }

            .a4a ul li.sign3 {
                float: right;
            }

            .a4a ul li img {
                width: 100%;
                height: 235px;
                margin-bottom: 2%;
            }

            .a4a ul li .con {
                display: block;
                margin-top: 26px;
            }

    .dat {
        font-size: 14px;
        color: #8a8f9a;
        margin-top: 10px;
    }

    .a4a ul li .con .t {
        font-size: 18px;
        font-weight: normal;
        margin-bottom: 15px;
        color: #373d41;
        padding-right: 12px;
        width: auto;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-top: 3%;
        display: block;
    }

    .a4a ul li .con .p {
        padding-right: 12px;
        margin-bottom: 15px;
        line-height: 28px;
        height: auto;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: 15px;
        color: #777;
    }

    @media(max-width:1500px) {
        .a4a {
            margin-top: 30px;
        }

            .a4a ul li .con .p {
                font-size: 12px;
            }
    }

    @media(max-width:1100px) {
        .a4a {
            margin-top: 20px;
        }

            .a4a ul li .con .p {
                height: 60px;
            }

            .a4a ul li .con {
                margin-top: 8px;
            }
    }

    @media(max-width:640px) {
        .index_solution_box {
            padding: 0.5rem 0.2rem 0.4rem;
            width: 100%;
            box-sizing: border-box;
        }

        .a4a ul li {
            margin-bottom: 20px;
            width: 100%;
            float: none;
        }

            .a4a ul li.sign2 {
                margin-left: 0;
            }

            .a4a ul li.sign3 {
                float: none;
            }

            .a4a ul li .pic {
                height: auto;
            }

            .a4a ul li .con .p {
                height: auto;
            }
    }

    @media(max-width: 1530px) {
        .IndexSolution .index_solution_box {
            max-width: 1200px;
        }
    }

    .hx_cms {
        padding: 33px 0px;
    }

    .IndexSolution {
        width: 90%;
        margin: 0 auto;
    }

        .IndexSolution .index_solution_box {
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }

        .IndexSolution .gengduo .gengduo_a {
            background: #d6d6d6;
            color: #333333;
            border: none;
            margin-top: 30px;
            text-align: center;
        }

    .gengduo .gengduo_a {
        color: #ffffff;
        font-size: 16px;
        border: 1px solid #9198a9;
        display: inline-block;
        padding: 0 36px;
        line-height: 42px;
    }

    .gengduo {
        text-align: center;
    }

    @media screen and (max-width: 1200px) {
        .ni-title h3 {
            font-size: 18px !important;
            padding-bottom: 0px;
            margin-bottom: 16px;
            font-weight: normal;
        }

        .ni-title p {
            font-size: 14px;
            color: #888888;
        }
    }

    @media (max-width: 640px) {
        .Solution {
            padding: 0.5rem 0.2rem 0.4rem;
            width: 100%;
            box-sizing: border-box;
        }

        .index_solution_boxIndex {
            width: 90%;
        }
    }

    @media (max-width: 1100px) {
        .a4a {
            margin-top: 20px;
        }
    }

    @media (max-width: 1500px) {
        .a4a {
            margin-top: 30px;
        }
    }
    /**首页解决方案结束**/
    @media screen and (max-width: 768px) {
        .JiJin1 {
            padding: 33px 0px;
        }
    }
    /*首页联系我们*/

    .indexcontact .indexcontact_content .indexcontact_content_list {
        background: #00a3ff;
        width: 19%;
        margin-right: 10px;
        text-align: center;
        overflow: hidden;
        line-height: 130px;
        transition: all 0.5s ease 0s;
        -webkit-transform: all 0.5s ease 0s;
        border-right: 0px;
        margin-bottom: -1px;
        cursor: pointer;
        padding: 0px 7px;
    }

        .indexcontact .indexcontact_content .indexcontact_content_list p {
            padding: 10px;
            line-height: 30px;
            color: #fff;
        }

    .IndexService .IndexService_content {
        max-width: 1500px;
        margin: 0 auto;
        padding: 75px 0px;
    }

    @media screen and (max-width: 1480px) {
        .IndexService .all, .advantage .all, .footer .footer_content, .pc_header .pc_header_content, .case_banner .case_banner_content, .contact .contact_motto_map .motto_map_bottom .map_bottom_content, .ServiceBanner .ServiceBanner_content, .App .App_content {
            max-width: 1200px;
        }
    }

    .IndexService .IndexService_content .IndexService_content_title {
        text-align: center;
        padding-bottom: 55px;
    }

        .IndexService .IndexService_content .IndexService_content_title dd {
            font-size: 30px;
            color: #333333;
            text-transform: uppercase;
        }

        .IndexService .IndexService_content .IndexService_content_title dt {
            font-size: 16px;
            color: #999999;
            margin-top: 12px;
            line-height: 28px;
        }

    @media screen and (max-width: 414px) {
        .indexcontact .indexcontact_content .indexcontact_content_list {
            width: 47%;
            margin-bottom: 10px;
        }
    }
    /*首页联系我们结束*/