@charset "utf-8";
#author:after{display:none;content:'author: dengxuhui&zhangyichi, design: raoweining&jixueting, update: 20180903';}
/* ------ 头部 ------ */
.home-banner__wp {
    background-image: url("banner_bg.jpg-h=b150bd.jpg")/*tpa=https://www.xunlei.com/v2018/dist/banner_bg.jpg?h=b150bd*/;
    background-repeat: no-repeat;
    background-position: center top;
}
.home-banner__wp .xl-pro-banner:after {
    background-image: url("banner_bgmask.png-h=11c08a.png")/*tpa=https://www.xunlei.com/v2018/dist/banner_bgmask.png?h=11c08a*/;
    background-repeat: no-repeat;
    background-position: center top;
}

.banner-mask__box {
    background-image: url("banner-mask.png-h=6b6cfb.png")/*tpa=https://www.xunlei.com/v2018/dist/banner-mask.png?h=6b6cfb*/;
    background-repeat: no-repeat;
    background-position: center top;
    height: 351px;
}

.banner-earth01 {
    background: url("earth01.png-h=9bbded.png")/*tpa=https://www.xunlei.com/v2018/dist/earth01.png?h=9bbded*/ no-repeat;
    width: 730px;
    height: 730px;
}
.banner-earth02 {
    background: url("earth02.png-h=10e885.png")/*tpa=https://www.xunlei.com/v2018/dist/earth02.png?h=10e885*/ no-repeat;
    width: 730px;
    height: 730px;
}
.banner-earth03 {
    background: url("earth03.png-h=ab2f78.png")/*tpa=https://www.xunlei.com/v2018/dist/earth03.png?h=ab2f78*/ no-repeat;
    width: 730px;
    height: 730px;
}

.banner-line__circle01 {
    background-image:url("spr_bannerPathway.png-h=2a666c.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerPathway.png?h=2a666c*/;
    background-position:-2436px 0px;
    background-repeat:no-repeat;
    width: 719px;
    height: 719px;
}
.banner-line__circle02 {
    background-image:url("spr_bannerPathway.png-h=2a666c.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerPathway.png?h=2a666c*/;
    background-position:-2436px -724px;
    background-repeat:no-repeat;
    width: 648px;
    height: 674px;
}
.banner-pathway__lite01 {
    background-image:url("spr_bannerPathway.png-h=2a666c.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerPathway.png?h=2a666c*/;
    background-position:0px -2075px;
    background-repeat:no-repeat;
    width: 1128px;
    height: 430px;
}
.banner-pathway__lite02 {
    background-image:url("spr_bannerPathway.png-h=2a666c.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerPathway.png?h=2a666c*/;
    background-position:0px -1487px;
    background-repeat:no-repeat;
    width: 1582px;
    height: 583px;
}
.banner-pathway__lite03 {
    background-image:url("spr_bannerPathway.png-h=2a666c.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerPathway.png?h=2a666c*/;
    background-position:0px -805px;
    background-repeat:no-repeat;
    width: 1772px;
    height: 677px;
}
.banner-pathway__lite04 {
    background-image:url("spr_bannerPathway.png-h=2a666c.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerPathway.png?h=2a666c*/;
    background-position:0px 0px;
    background-repeat:no-repeat;
    width: 2431px;
    height: 800px;
}
.home-banner__net01 {
    background-image:url("spr_bannerPathway.png-h=2a666c.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerPathway.png?h=2a666c*/;
    background-position:-925px -2510px;
    background-repeat:no-repeat;
    width: 910px;
    height: 514px;
}
.home-banner__net02 {
    background-image:url("spr_bannerPathway.png-h=2a666c.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerPathway.png?h=2a666c*/;
    background-position:0px -2510px;
    background-repeat:no-repeat;
    width: 920px;
    height: 515px;
}

.home-banner__list .item01 .banner-tab__ico01 {
    background-image:url("open-tit.png-h=16c8ec.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerTab.png?h=1012f7*/;
    background-position:-246px -330px;
    background-repeat:no-repeat;
}
.home-banner__list .item01 .banner-tab__ico02 {
    background-image:url("open-tit.png-h=16c8ec.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerTab.png?h=1012f7*/;
    background-position:-351px -330px;
    background-repeat:no-repeat;
}
.home-banner__list .item02 .banner-tab__ico01 {
    background-image:url("open-tit.png-h=16c8ec.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerTab.png?h=1012f7*/;
    background-position:-487px 0px;
    background-repeat:no-repeat;
}
.home-banner__list .item02 .banner-tab__ico02 {
    background-image:url("open-tit.png-h=16c8ec.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerTab.png?h=1012f7*/;
    background-position:-487px -105px;
    background-repeat:no-repeat;
}
.home-banner__list .item03 .banner-tab__ico01 {
    background-image:url("open-tit.png-h=16c8ec.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerTab.png?h=1012f7*/;
    background-position:-487px -210px;
    background-repeat:no-repeat;
}
.home-banner__list .item03 .banner-tab__ico02 {
    background-image:url("open-tit.png-h=16c8ec.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerTab.png?h=1012f7*/;
    background-position:-487px -315px;
    background-repeat:no-repeat;
}
.banner__item.item01 .banner-detail__logo02 {
    background-image:url("logo06.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerTab.png?h=1012f7*/;
    background-position:0px 0px;
    background-repeat:no-repeat;
}
.banner__item.item02 .banner-detail__logo02 {
    background-image:url("logo06.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerTab.png?h=1012f7*/;
    background-position:0px 0px;
    background-repeat:no-repeat;
}
.banner__item.item03 .banner-detail__logo02 {
    background-image:url("open-tit.png-h=16c8ec.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerTab.png?h=1012f7*/;
    background-position:0px -165px;
    background-repeat:no-repeat;
}
.home-product__ico {
    width: 118px;
    height: 110px;
}
.home-product__ico.product__ico01 {
    background-image:url("open-tit.png-h=16c8ec.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerTab.png?h=1012f7*/;
    background-position:-330px -190px;
    background-repeat:no-repeat;
}
.home-wp__02 .home-product__ico.product__ico01 {
    background-image:url("open-tit.png-h=16c8ec.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerTab.png?h=1012f7*/;
    background-position:0px -330px;
    background-repeat:no-repeat;
}
.home-product__ico.product__ico02 {
    background-image:url("open-tit.png-h=16c8ec.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerTab.png?h=1012f7*/;
    background-position:-123px -330px;
    background-repeat:no-repeat;
}
.home-product__link > .ico {
    background-image:url("open-tit.png-h=16c8ec.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerTab.png?h=1012f7*/;
    background-position:-487px -420px;
    background-repeat:no-repeat;
    width: 11px;
    height: 18px;
}
.onething-list__ico {
    width: 152px;
    height: 90px;
}
.onething-list__ico.list__ico01 {
    background-image:url("spr_bannerTab.png-h=1012f7.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerTab.png?h=1012f7*/;
    background-position:-165px -165px;
    background-repeat:no-repeat;
}
.onething-list__ico.list__ico02 {
    background-image:url("123123111.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerTab.png?h=1012f7*/;
    background-position:0px 0px;
    background-repeat:no-repeat;
}
.onething-list__ico.list__ico03 {
    background-image:url("520520.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerTab.png?h=1012f7*/;
    background-position:0px 0px;
    background-repeat:no-repeat;
}

.banner-switch__line:after {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAADCAYAAAAN4CiOAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAHdJREFUKJHt00EKwkAMheFvakEQrB7KY3soW0EQ1LhoVZBOGUuX/rvkJS+LJCkiDj7ccDbOHV1Ge6DNaFN0g++SrNDM6NuhymjN4DvGFvUrSBERM4b/yVDj+JWr9NsqYYN1QV3CfmFPuOJSWHtCyfH84tnqv/PNEzuzGABa1tOXAAAAAElFTkSuQmCC') no-repeat;
    width: 84px;
    height: 3px;
}

.banner-pathway__lite01 .pathway-dec.dec01 {
    background-image:url("spr_head.png-h=86a4c4.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_head.png?h=86a4c4*/;
    background-position:-156px -117px;
    background-repeat:no-repeat;
    width: 40px;
    height: 40px;
}
.banner-pathway__lite01 .pathway-dec.dec02 {
    background-image:url("spr_head.png-h=86a4c4.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_head.png?h=86a4c4*/;
    background-position:-97px -117px;
    background-repeat:no-repeat;
    width: 54px;
    height: 54px;
}
.banner-pathway__lite02 .pathway-dec {
    background-image:url("spr_head.png-h=86a4c4.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_head.png?h=86a4c4*/;
    background-position:0px -117px;
    background-repeat:no-repeat;
    width: 92px;
    height: 92px;
}
.banner-pathway__lite03 .pathway-dec {
    background-image:url("spr_head.png-h=86a4c4.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_head.png?h=86a4c4*/;
    background-position:-201px -117px;
    background-repeat:no-repeat;
    width: 34px;
    height: 34px;
}
.banner-pathway__lite04 .pathway-dec {
    background-image:url("spr_head.png-h=86a4c4.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_head.png?h=86a4c4*/;
    background-position:-240px -117px;
    background-repeat:no-repeat;
    width: 34px;
    height: 34px;
}
.banner-detail__btn {
    width: 278px;
    height: 112px;
    line-height: 112px;
}
.banner-detail__btn > .mask {
    background-image:url("spr_head.png-h=86a4c4.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_head.png?h=86a4c4*/;
    background-position:0px 0px;
    background-repeat:no-repeat;
}
/* ------ 头部 end ------ */

.home-wp {
    background: #080325;
}
.home-box {
    text-align: center;
    color: #fff
}
.home-box + .home-box {
        margin-top: 90px;
    }
.home-tit {
    font-size: 44px; font-weight: lighter;
}
.home-info {
    margin-top: 8px;
    font-size: 18px; font-weight: lighter; letter-spacing: 6px;
    color: #c6ccdd;
}
.home-mask {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    display: block;
    width: 100%; height: 100%;
    background: #fff;
    filter:alpha(opacity=0);
    opacity: 0;
}
.home-banner {
    position: relative;
    width: 100%; height: 1080px;
    overflow: hidden;
    margin-bottom: -152px;
    background-color: #080325;
}
.home-scalewp {
    position: absolute;
    top: 50%; left: 50%;
    width: 0; height: 0;
}
.home-banner__wp {
    position: relative;
    top: 50%; left: 50%; 
    margin: -540px 0 0 -960px;
    width: 1920px; height: 1080px;
}

.home-banner__net {
    position: absolute;
    top: 0; right: 0;
    width: 100%; height: 100%;
    overflow: hidden
}

.home-banner__net > i {
        position: absolute;
        top: 228px;
        display: block;
    }

.home-banner__net .home-banner__net01 {
        left: -10px;
    }

.home-banner__net .home-banner__net02 {
        right: 10px;
    }

.home-banner__pathway {
    position: absolute; z-index: 1;
    top: 0; left: 50%; margin-left: -960px;
    width: 1920px; height: 100%;
    pointer-events: none
}

.home-banner__pathway > div {
        position: absolute;
        left: 0; right: 0;
        margin: auto;
        transform-origin: center center;
    }

.home-banner__pathway .pathway-dec {
        position: absolute;
        display: block;
    }

.home-banner__pathway .banner-pathway__lite01 {
        top: 188px
    }

.home-banner__pathway .banner-pathway__lite01 .pathway-dec.dec01 {
            top: 70px; left: 86px;
        }

.home-banner__pathway .banner-pathway__lite01 .pathway-dec.dec02 {
            top: 112px; right: 12px;
        }

.home-banner__pathway .banner-pathway__lite02 {
        top: 124px
    }

.home-banner__pathway .banner-pathway__lite02 .pathway-dec {
            bottom: 12px; left: 246px;
        }

.home-banner__pathway .banner-pathway__lite03 {
        top: 92px
    }

.home-banner__pathway .banner-pathway__lite03 .pathway-dec {
            top: 90px; left: 240px;
        }

.home-banner__pathway .banner-pathway__lite04 {
        top: 85px; left: -256px
    }

.home-banner__pathway .banner-pathway__lite04 .pathway-dec {
            top: 74px; right: 420px;
        }

.home-banner__box {
    position: relative;
    width: 100%; height: 100%;
}
.banner-earth {
    position: absolute;
    top: 82px; left: 0; right: 0;
    display: block; margin: auto;
}

.banner-line {
    position: absolute;
    top: 70px; left: 0; right: 0;
    width: 750px; height: 750px;
    margin: auto
}

.banner-line > i {
        position: absolute;
        top: 0; right: 0; bottom: 0; left: 0;
        display: block; margin: auto;
    }

.home-banner__wp .xl-pro-banner{
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.home-banner__wp .xl-pro-banner:after {
        display: block;
        position: absolute;
        top: 0; right: 0; bottom: 0; left: 0;
        width: 100%; height: 100%;
        content: '';
        margin: auto;
    }

.home-banner__wp .xl-pro-banner .banner-list {
        height: 100%;
    }

.home-banner__wp .xl-pro-banner .banner__item {
        opacity: 0;
        position: absolute;
        top: 0; left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

.home-banner__wp .xl-pro-banner .banner__item.item01 {
            opacity: 1;
        }

.banner-detail {
    position: absolute;
    top: 150px; left: 0; right: 0;
    margin: auto;
    width: 588px; height: 588px;
    box-sizing: border-box;
    text-align: center;
    color: #fefefe;
}
.banner-detail__logo {
    position: absolute; z-index: 1;
    top: 46px; left: 0; right: 0;
    width: 160px; height: 160px;
    margin: auto; display: block
}
.banner-detail__logo > i {
        position: absolute;
        top: 0; right: 0; bottom: 0; left: 0;
        margin: auto;
        width: 100%; height: 100%;
    }
.banner__item.item01 .banner-detail__logo02 { 
        display: block;
        opacity: 0; 
        transform-origin: center center;
    }

.banner-detail__tit {
    position: absolute; z-index: 1;
    top: 200px; left: 0; right: 0;
    font-size: 72px; font-weight: lighter; line-height: 1;
    letter-spacing: 12px;
}
.banner-detail__info {
    position: absolute;
    top: 310px; left: 0; right: 0;
    font-size: 24px; font-weight: lighter; line-height: 1;
    letter-spacing: 18px;
}
.banner-detail__btn {
    position: absolute; z-index: 2;
    top: 354px; left: 0; right: 0;
    display: block; margin: auto;
    overflow: hidden;
    color: inherit
}
.banner-detail__btn > .box,
    .banner-detail__btn > .mask,
    .banner-detail__btn > .info {
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        display: block; margin: auto;
    }
.banner-detail__btn > .box {
        width: 232px; height: 64px;
        line-height: 64px;
        border-radius: 34px;
        border: 1px solid #fff;
        background: #1ac5ff;
        background: rgba(26,197,255,.1);
        transition: .25s;
        overflow: hidden
    }
.banner-detail__btn > .box:before {
            position: absolute;
            top: 0; left: 0;
            content: '';
            width: 100%; height: 100%;
            border-radius: 20px;
            opacity: 0;
            background: #ffffff;
            background: rgba(255,255,255,.25);
            transform: scale3d(0.4, 1, 1);
            transition: transform .2s, opacity .2s;
            transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
        }
.banner-detail__btn > .mask {
        opacity: 0;
        transition: .3s;
    }
.banner-detail__btn > .info {
        width: 100%; height: 100%;
        text-align: center; text-decoration: none; font-size: 24px;
        color: #fff;
    }
.banner-detail__btn:hover > .box:before {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

.home-banner__tab {
    position: absolute; z-index: 1;
    top: 780px; left: 0; right: 0;
    height: 104px;
    margin: auto;
    overflow: hidden;
}
.home-banner__list {
    position: relative;
    font-size: 0; text-align: center
}
.home-banner__list > li {
        display: inline-block; vertical-align: top;
        margin: 0 30px
    }
.home-banner__list > li.cur .banner-tab__ico01 {
                opacity: 0;
                transform: none;
            }
.home-banner__list > li.cur .banner-tab__ico02 {
                opacity: 1;
                transform: none;
            }
.home-banner__list > li.cur:hover .banner-tab__ico01 {
                    opacity: 0;
                }
.home-banner__list > li:hover .banner-tab__ico01 {
                opacity: 1;
            }
.banner-tab__btn {
    position: relative;
    display: block;
    width: 100px; height: 100px;
    font-size: 0
}
.banner-tab__btn > i {
        position: absolute;
        top: 0; right: 0; bottom: 0; left: 0;
        display: block;
        width: 100%; height: 100%;
        transition: .25s;
        transform-origin: center center;
    }
.banner-tab__btn > span { display: none; }
.banner-tab__ico01 {
    opacity: .6;
    transform: scale(.74);
}
.banner-tab__ico02 {
    opacity: 0;
    transform: scale(.74);
}

.home-banner__switch {
    position: absolute;
    top: 0; left: 50%;
    margin-left: -960px;
    width: 1920px; height: 100%;
}
.banner-switch__line {
    display: none;
    position: absolute;
    bottom: 0; left: 50%;
    margin-left: -3200px;
    width: 6400px; height: 6400px;
    border-radius: 100%;
    transform-origin: center center;
    transition: .25s
}
.banner-switch__line:after {
        position: absolute;
        bottom: 0; left: 0; right: 0;
        display: block; content: '';
        margin: auto;
    }

.home-banner__img {
    position: absolute;
    top: 0; left: 50%; margin-left: -960px;
    width: 1920px; height: 900px;
    -o-object-fit: cover;
       object-fit: cover;
}
.banner__item.item04 .xl-common__btn {
        position: absolute; z-index: 1;
        margin: auto;
        top: 370px; left: 0; right: 0;
        width: 196px; height: 52px;
        line-height: 52px;
        border-radius: 26px;
        font-size: 20px;
    }
.banner-detail__logoimg {
    display: block;
    width: 100%; height: 100%;
}
.home-banner__mask {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    width: 100%
}
.home-banner__mask .banner-mask__box {
        display: block;
        width: 100%;
    }
.home-product__list {
    position: relative; z-index: 2;
    font-size: 0; text-align: left;
    overflow: hidden
}
.home-product__list > li {
        position: relative;
        float: right;
        width: 48.58333%;
        border-radius: 20px;
        box-sizing: border-box;
        text-align: center; font-size: 24px;
        color: #fefefe;
        perspective: 30px
    }
.home-product__list > li:before {
            display: block; content: '';
            width: 100%;
        }
.home-product__list > li.cur01 {
            float: left;
        }
.home-product__list > li.cur03 .home-product__bg {
            background-color: #3f0d99;
            background-image: -webkit-gradient(linear, left bottom, left top, from(#2a0070), color-stop(47%, #2a0070), to(#5e0eb0));
            background-image: linear-gradient(to top, #2a0070, #2a0070 47%, #5e0eb0);
        }
.home-product__list .xl-common__btn {
        margin: 30px auto 0;
        width: 196px; height: 50px;
        line-height: 50px;
        border-radius: 25px;
        font-size: 18px;
    }
.home-product__list + .xl-common__btn {
        margin: 52px auto 0;
        width: 194px; height: 54px;
        line-height: 54px;
        border-radius: 28px;
        font-size: 18px;
    }
.home-product__bg {
    position: absolute;
    top: 0; left: 0;
    display: block; width: 100%; height: 100%;
    border-radius: inherit;
    background-color: #190d7a;
    -o-object-fit: cover;
       object-fit: cover;
    transition: .5s;
}
.home-product__mask {
    position: absolute; z-index: 1;
    top: 50%;
    left: 0; right: 0; 
    margin: auto;
    transition: transform .5s;
}
.home-product__ico,
.home-product__tit {
    display: block;
    margin: 0 auto;
}
.home-product__tit {
    margin-top: -4px;
}
.home-product__info {
    margin-top: -2px;
    font-size: 24px; font-weight: lighter; letter-spacing: 10px;
}
.home-product__link {
    position: absolute;
    top: 50%; left: 0; right: 0;
    margin: -18px auto 0;
    display: block;
    font-size: 0; text-align: center
}
.home-product__link .info,
    .home-product__link .ico {
        display: inline-block; vertical-align: middle;
    }
.home-product__link .info {
        position: relative;
        font-size: 24px; margin-right: 14px
    }
.home-product__link .info:after {
            position: absolute;
            left: 0; right: 0; bottom: -6px;
            content: '';
            width: 100%; height: 2px;
            transform: scaleX(0);
            transition: all .35s ease;
            background-color: #fff;
        }
.home-product__link:hover .info:after {
        opacity: 1;
        transform: scaleX(1);
    }

.home-wp__01 .home-product__list + .xl-common__btn {
            display: none;
        }

.home-wp__01 .home-product__list > li + .xl-common__btn { 
                display: none; 
            }

.home-wp__01 .home-product__list > li.cur01:before {
                    padding-top: 100.8576%;
                }

.home-wp__01 .home-product__list > li.cur01 .home-product__mask {
                    margin-top: -162px;
                }

.home-wp__01 .home-product__list > li.cur01 .home-product__tit {
                    margin-top: 12px;
                    font-size: 38px;
                }

.home-wp__01 .home-product__list > li.cur01 .xl-common__btn {
                    margin: 58px auto 0;
                }

.home-wp__01 .home-product__list > li.cur02:before {
                    padding-top: 58.662%;
                }

.home-wp__01 .home-product__list > li.cur02 .home-product__mask {
                    margin-top: -120px;
                }

.home-wp__01 .home-product__list > li.cur03 {
                margin-top: 1.83333%
            }

.home-wp__01 .home-product__list > li.cur03:before {
                    padding-top: 38.422%;
                }

.home-wp__02 .home-product__info {
        display: none;
    }

.home-wp__02 .home-product__list > li.cur01:before, .home-wp__02 .home-product__list > li.cur02:before {
                padding-top: 66.8953%;
            }

.home-wp__02 .home-product__list > li.cur01 .home-product__mask, .home-wp__02 .home-product__list > li.cur02 .home-product__mask {
                margin-top: -112px;
            }

.home-wp__02 .home-product__list > li.cur01 .home-product__tit, .home-wp__02 .home-product__list > li.cur02 .home-product__tit {
                margin-top: 4px;
            }

.home-wp__02 .home-product__list > li.cur03 {
            display: none;
        }
.home-onething__wp .home-info {
        margin-top: 30px;
        font-size: 22px; letter-spacing: 0;
        color: #fff;
    }
.home-onething__mask {
    position: relative;
    height: 500px;
    margin-top: 52px;
    overflow: hidden
}
.home-onething__mask > img {
        position: absolute;
        top: 0; left: 50%;
        width: 1920px; height: 100%;
        display: block;
        margin-left: -960px;
    }
.home-onething__mask .main { height: 100%; }
.home-onething__list {
    position: relative;
    height: 100%;
    font-size: 0; text-align: left
}
.home-onething__list:before {
        display: inline-block; vertical-align: middle; 
        content: '';
        height: 100%; width: 1px;
    }
.home-onething__list > li {
        position: relative;
        display: inline-block; vertical-align: middle;
        width: 32.6666%;
        border-radius: 20px;
        overflow: hidden;
        background: #2e38df;
        background: rgba(46,56,223,.4);
        transition: .5s ease
    }
.home-onething__list > li + li {
            margin-left: 0.6666%;
        }
.home-onething__list > li:before {
            display: block; content: '';
            padding-top: 102.0408%;
        }
.home-onething__list > li:hover {
            background: #313be8;
            background: rgba(49,59,232,.7)
        }
.home-onething__list > li:hover .onething-list__tit {
                transform: translateY(-28px);
            }
.home-onething__list > li:hover .onething-list__info {
                transform: translateY(-20px);
                opacity: 0;
            }
.home-onething__list > li:hover .onething-list__ico {
                transform: translateY(-76px);
            }
.home-onething__list > li:hover .home-onething__box .xl-common__btn {
                opacity: 1;
                transform: translateY(-94px);
            }
.home-onething__box {
    position: absolute;
    top: 25%;
    left: 0; right: 0;
    text-align: center;
    color: #fefefe;
    cursor: pointer
}
.home-onething__box .xl-common__btn {
        margin: 52px auto 0;
        width: 165px; height: 46px;
        line-height: 46px;
        border-radius: 24px;
        font-size: 16px;
        opacity: 0;
        transition-duration: .4s;
        transition-timing-function: ease-out;
        transition-delay: .1s;
    }
.onething-list__tit,
.onething-list__info,
.onething-list__ico,
.home-onething__box .xl-common__btn {
    transition-duration: .5s;
    transition-timing-function: ease;
    transition-property: transform, opacity;
}
.onething-list__tit {
    position: relative;
    font-size: 28px; font-weight: lighter;
}
.onething-list__info {
    position: relative;
    margin-top: 4.59183%;
    font-size: 18px; white-space: nowrap;
    transition-delay: .03s;
}
.onething-list__ico {
    position: relative;
    display: block;
    margin: 5.10204% auto 0;
    transition-delay: .06s;
}
.home-news__wp .xl-common__btn {
    margin: 42px auto 0;
    width: 194px; height: 54px;
    line-height: 54px;
    border-radius: 28px;
    font-size: 18px;
}
.home-news__list {
    margin-top: 42px;
    font-size: 0; text-align: left
}
.home-news__list > li {
        position: relative;
        display: inline-block; vertical-align: top;
        width: 31.6666%;
        cursor: pointer
    }
.home-news__list > li + li {
            margin-left: 2.5%;
        }
.home-news__list > li:hover .home-news__listimg {
                transform: translateY(-10px);
            }
.home-news__list > li:hover .home-news__listimg:after {
                opacity: 0;
            }
.home-news__listimg {
    position: relative;
    width: 100%;
    border-radius: 20px;
    background-color: #190d7a;
    transition: .5s ease
}
.home-news__listimg:before {
        display: block; content: '';
        padding-top: 67.3684%;
    }
.home-news__listimg:after {
        position: absolute;
        top: 0; left: 0;
        display: block; content: '';
        width: 100%; height: 100%;
        background: #000; opacity: .2;
        border-radius: inherit;
        transition: .4s linear;
    }
.home-news__listimg > img {
        position: absolute;
        top: 0; left: 0;
        display: block;
        width: 100%; height: 100%;
        border-radius: inherit;
        -o-object-fit: cover;
           object-fit: cover;
    }
.home-news__listinfo {
    margin-top: 20px; padding-left: 6px;
    font-size: 18px; text-align: left;
    color: #fff;
}
.home-news__listinfo > span {
    display: block;
    line-height: 2.2;
}
.home-news__listinfo > .info {
    width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.home-news__listinfo > .time {
    color: #acb3c7;
}

.home-job__mask {
    margin-top: 46px;
    padding-bottom: 40px;
}
.home-job__banner {
    position: relative;
    width: 99.3333%;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden
}
.home-job__banner:before {
        display: block; content: '';
        padding-top: 21.4765%;
    }
.home-job__list {
    position: absolute;
    top: 0; left: 0;
    height: 100%;
    font-size: 0; text-align: left; white-space: nowrap
}
.home-job__list > li {
        display: inline-block; vertical-align: top;
        width: 100%; height: 100%;
    }
.job-banner__img {
    width: 100%; height: 100%
}
.job-banner__img > img {
        display: block;
        width: 100%; height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }

.home-job__tab {
    padding: 10px 0 80px;
    font-size: 0; text-align: center; white-space: nowrap;
}
.job-tab__btn {
    display: inline-block; vertical-align: top;
    padding: 20px 0; margin: 0 10px;
    width: 70px
}
.job-tab__btn .ico {
            display: block;
            width: 100%; height: 2px;
            background: #fff;
            opacity: .4;
            transition: .4s ease;
        }
.job-tab__btn:hover .ico,
        .job-tab__btn.cur .ico {
            opacity: 1;
        }
@-webkit-keyframes ani_opacity {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes ani_opacity {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes ani_opacity_re {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes ani_opacity_re {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-webkit-keyframes ani_line {
    from {
        transform: none;
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes ani_line {
    from {
        transform: none;
    }
    to {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes ani_logo02 {
    from {
        opacity: 0;
        transform: scale(.6);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes ani_logo02 {
    from {
        opacity: 0;
        transform: scale(.6);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@-webkit-keyframes ani_detailup {
    from {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes ani_detailup {
    from {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@-webkit-keyframes ani_detail_mask {
    from {
        opacity: 0;
    }
    33.3333% {
        opacity: 1;
    }
    66.6666% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes ani_detail_mask {
    from {
        opacity: 0;
    }
    33.3333% {
        opacity: 1;
    }
    66.6666% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes ani_detail_btn {
    from {
        color: #fff;
    }
    33.3333% {
        color: #5ceaff;
    }
    66.6666% {
        color: #5ceaff;
    }
    to {
        color: #fff;
    }
}
@keyframes ani_detail_btn {
    from {
        color: #fff;
    }
    33.3333% {
        color: #5ceaff;
    }
    66.6666% {
        color: #5ceaff;
    }
    to {
        color: #fff;
    }
}
@-webkit-keyframes ani_pathway {
    from {
        opacity: 0;
        transform: scale(0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes ani_pathway {
    from {
        opacity: 0;
        transform: scale(0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.banner-line__circle01 {
    -webkit-animation: ani_line 40s linear infinite;
            animation: ani_line 40s linear infinite;
}
.banner-line__circle02 {
    animation: ani_line 30s linear infinite reverse;
}

.home-banner__net {
    -webkit-animation: ani_opacity_re 1s .3s linear both;
            animation: ani_opacity_re 1s .3s linear both;
}
.banner-earth01 {
    -webkit-animation: ani_opacity_re .5s .2s linear both;
            animation: ani_opacity_re .5s .2s linear both;
}

.banner__item.item01 .banner-detail__tit,
    .banner__item.item01 .banner-detail__info,
    .banner__item.item01 .banner-detail__btn,
    .banner__item.item01 .home-banner .xl-common__btn {
        -webkit-animation-name: ani_detailup;
                animation-name: ani_detailup;
        -webkit-animation-duration: .4s;
                animation-duration: .4s;
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
    }

.banner__item.item01 .banner-detail__tit {
        -webkit-animation-delay: .2s;
                animation-delay: .2s;
    }

.banner__item.item01 .banner-detail__info {
        -webkit-animation-delay: .4s;
                animation-delay: .4s;
    }

.banner__item.item01 .banner-detail__btn,
    .banner__item.item01 .xl-common__btn {
        -webkit-animation-delay: .6s;
                animation-delay: .6s;
    }

.banner__item.item01 .banner-detail__logo02 {
        -webkit-animation: ani_logo02 .4s .1s both cubic-bezier(.79,0,.36,1.01);
                animation: ani_logo02 .4s .1s both cubic-bezier(.79,0,.36,1.01);
    }

.banner__item.item01 .banner-detail__btn > .mask {
        -webkit-animation: ani_detail_mask 1.2s .9s both;
                animation: ani_detail_mask 1.2s .9s both;
    }

.banner__item.item01 .banner-detail__btn > .info {
        -webkit-animation: ani_detail_btn 1.2s .9s both;
                animation: ani_detail_btn 1.2s .9s both;
    }

.home-banner__pathway > div {
    -webkit-animation: ani_pathway both;
            animation: ani_pathway both;
    -webkit-animation-delay: .2s;
            animation-delay: .2s
}

.home-banner__pathway > div.banner-pathway__lite01 {
        -webkit-animation-duration: .4s;
                animation-duration: .4s;
    }

.home-banner__pathway > div.banner-pathway__lite02 {
        -webkit-animation-duration: .48s;
                animation-duration: .48s;
    }

.home-banner__pathway > div.banner-pathway__lite03 {
        -webkit-animation-duration: .56s;
                animation-duration: .56s;
    }

.home-banner__pathway > div.banner-pathway__lite04 {
        -webkit-animation-duration: .64s;
                animation-duration: .64s;
    }



/*pop*/
.pop_wp{position: fixed;top: 0; right: 0;bottom: 0;left: 0;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;background: #000000;background: rgba(0,0,0,.4);}
.pop_wp .opc_bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #000;filter: alpha(opacity=40);}
.pop_feedback{position: absolute;z-index: 10;top: 0; right: 0; bottom: 0; left: 0; margin: auto; border-radius: 12px; background: #100640; width: 683px;height: 461px;}
.pop_feedback .pop_tt{height: 77px;}
.pop_feedback .txt_tt{font-size: 20px;color: #dedee2;text-align: center;line-height: 77px;}
.pop_feedback .pop_cont{height: 279px;padding: 20px 0;margin: 0 15px;border-radius: 8px;background: #000000;background: rgba(0,0,0,.16);box-sizing: border-box;}
.pop_feedback .pop_cont textarea{display: block;width: 100%;box-sizing: border-box;padding: 0 24px;height: 239px;font-size: 16px;line-height: 26px;outline: none;border: 0;background: none;font-weight: lighter;color: #fff;overflow-y: auto;resize: none;}
.pop_feedback .pop_cont textarea{scrollbar-arrow: hidden;scrollbar-arrow-color: #302c2c;scrollbar-face-color: #302c2c;scrollbar-darkshadow-color: #302c2c;scrollbar-highlight-color: #396395;scrollbar-3dlight-color: #302c2c;scrollbar-shadow-color: #302c2c;scrollbar-track-color: #666;}
.pop_feedback .pop_cont textarea::-webkit-scrollbar{width:10px;}
.pop_feedback .pop_cont textarea::-webkit-scrollbar-track{background:transparent;}
.pop_feedback .pop_cont textarea::-webkit-scrollbar-thumb{background:#ffffff;background:rgba(255,255,255,.2);}
.pop_feedback .pop_bot{padding: 26px 0 0;}
.pop_feedback .btn_submit{display: block;width: 268px;height: 50px;font-size: 18px;color: #fff;text-align: center;line-height: 50px;border-radius: 25px;background: #0f97ff;margin: 0 auto;}
.pop_feedback .btn_submit:hover{text-decoration: none;opacity: .9;filter: alpha(opacity=90);}
.pop_feedback .btn_submit.grey{background: #666;cursor: default;}
.pop_feedback .btn_submit.grey:hover{opacity: 1;filter: alpha(opacity=100);}
.pop_feedback .pop_close{position: absolute;top: 34px;right: 24px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAANRJREFUOI2d0r1NAzEUAODvjIQoQUIwAGIMRMcCGYEJSLJGWIKCmoaahgmYIhE1ouJR4Ejm4nNy96QnN/Ynv58uIs5whE/TYoavhHsscD4RucNxwhPSBGyLvOIlYY3Hkdg/RH5sJLaDlNChWBXpQ/uwQQS6iKh9/xJz/GCF2xbSgkrsJOcgwm5pZazxkZFvvDfuNqEZbvCWoeY0h6Cysc/++tRcjRpUm85mH9aHWiNuYiXU3JMKtiyxLXQI0se6Eku4HoEMYxEhIq7yOTYvIuIhIk5/AZQWechD4UvqAAAAAElFTkSuQmCC') no-repeat;width: 18px;height: 18px;transition: transform .25s;}
.pop_feedback .pop_close:hover{transform: rotate(90deg);}

.pop_tip{position: absolute;z-index: 10;top: 50%;left: 50%;background: #100640;width: 455px;height: 156px;margin: -78px 0 0 -228px;border-radius: 12px;}
.pop_tip .success_box{position: absolute;top: 50%;left: 0;width: 100%;font-size: 0;line-height: 0;text-align: center;margin-top: -22px;}
.pop_tip .txt_success{position: relative;display: inline-block;+display: inline;+zoom: 1;padding-left: 44px;font-size: 20px;line-height: 44px;color: #dddbdb;}
.pop_tip .txt_success .ic_yes{position: absolute;top: 50%;left: 0;width: 27px;height: 24px;margin-top: -12px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAYCAYAAAALQIb7AAABLUlEQVR42mNgoDH4//8/DxBPBWJFWlvEAcTzgfgMEC+ipUWsQDwNatFxINajlUVMQNwHtQiEo2llESMQNyNZ1AUSo5VlFUgWbQQlEFpZlItk0TEgVqeVRYlIFoFwEK0sCkWzqJlWFnkB8Wkki1YDMSctLHIA4lNIFh0BYiV8GuSBeBapkQlUbwbNrMjB50VI0yKk1BNGpEV6UF8gW1RNjEY1NI2gTMhLQP0BNIuWAjE7sUHijBbJm4BYG0eQ70azCGSxLKmRnYZmyAkgjoIVNUBaEoi3oakBOdCJ3DKtC80wEO4HYn4gXodFrpjS+mcZFkO3YEkQoHqKldK8I4YlXtDxXiCWoFZm1cOSh4jPT2RY6IfDoq1ALE2L4qiILhYhVe+TaW4RWlNsGjUsAgDI94wJcCeoowAAAABJRU5ErkJggg==');}
.pop_tip .txt_tip{position: absolute;top: 50%;left: 10%;width: 80%;text-align: center;font-size: 20px;line-height: 40px;color: #dddbdb;margin-top: -40px;}

/*pop end*/

.btn_feedback{position: fixed;z-index: 50;width: 54px;height: 34px;padding: 10px 0;border-radius: 4px;background: #333;bottom: 30px;right: 3.5%;text-align: center;font-size: 14px;font-weight: lighter;line-height: 17px;color: #fff;opacity: .6;filter: alpha(opacity=60);transition: .25s;}
.btn_feedback:hover{text-decoration: none;opacity: .9;}
/* ie8 */
@media \0screen\,screen\9 {
    .home-banner__list .item01 .banner-tab__ico01 {
        background-image:url("open-tit.png-h=16c8ec.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerTab.png?h=1012f7*/;
        background-position:0px -445px;
        background-repeat:no-repeat;
    }
    .home-banner__list .item02 .banner-tab__ico01 {
        background-image:url("open-tit.png-h=16c8ec.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerTab.png?h=1012f7*/;
        background-position:-105px -445px;
        background-repeat:no-repeat;
    }
    .home-banner__list .item03 .banner-tab__ico01 {
        background-image:url("open-tit.png-h=16c8ec.png")/*tpa=https://www.xunlei.com/v2018/dist/spr_bannerTab.png?h=1012f7*/;
        background-position:-210px -445px;
        background-repeat:no-repeat;
    }
    .banner-detail__btn > .mask {
        border-color: #fff;
    }
    .banner-detail__btn > .box,
    .ani .banner-detail__logo .banner-detail__logobg {
        background: transparent;
    }
    .banner-detail__btn > .mask:before,
    .banner-detail__btn > .box:before {
        display: none;
    }
    .item01.banner__item .banner-detail__logobg {
        filter:alpha(opacity=0);
    }
    .banner-detail__btn > .mask {
        display: none;
    }
        .home-banner__wp .xl-pro-banner .banner__item {
            display: none
        }

            .home-banner__wp .xl-pro-banner .banner__item.item01 {
                display: block;
            }

                .home-banner__list > li.cur .banner-tab__ico01 {
                    display: none;
                }
                .home-banner__list > li.cur .banner-tab__ico02 {
                    display: block;
                }
    .banner-tab__btn .banner-tab__ico02 {
        display: none;
    }
        
        .not_ani .home-onething__box {
            top: 16%;
        }

        .not_ani .home-onething__box .xl-common__btn {
            margin: 24px auto 0;
        }
}

.no_css3 .home-banner__wp .xl-pro-banner .banner__item {
        display: none;
        filter:alpha(opacity=100);
        opacity: 1;
    }

.no_css3 .banner__item.item01 .banner-detail__logo02 {
        opacity: 1;
    }

.not_ani .banner-detail__logo02 {
        opacity: 1;
    }

.not_ani .home-banner__net > i:before {
        display: none;
    }

.not_ani .home-banner__switch {
        display: none;
    }

.not_ani .banner-dec__anuwp {
        display: none;
    }

.not_ani .banner-dec__linesvg .dec_svg {
        stroke-width: 1px;
        -webkit-animation: none;
                animation: none;
    }

.not_ani .home-news__list > li:hover .home-news__listimg:after {
                opacity: 1;
            }

.not_ani .home-news__listimg:after {
        display: none;
    }


/*# sourceMappingURL=../maps/css/homepage.css.map */