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

.banner-mask__box {
    background-image: url(../img/banner-mask0f45.png?h=6b6cfb);
    background-repeat: no-repeat;
    background-position: center top;
    height: 351px;
}

.banner-earth01 {
    background: url(../img/earth01d3ec.png?h=9bbded) no-repeat;
    width: 730px;
    height: 730px;
}
.banner-earth02 {
    background: url(../img/earth029c65.png?h=10e885) no-repeat;
    width: 730px;
    height: 730px;
}
.banner-earth03 {
    background: url(../img/earth03e4eb.png?h=ab2f78) no-repeat;
    width: 730px;
    height: 730px;
}

.banner-line__circle01 {
    background-image:url(../img/spr_bannerPathwayfd17.png?h=2a666c);
    background-position:-2436px 0px;
    background-repeat:no-repeat;
    width: 719px;
    height: 719px;
}
.banner-line__circle02 {
    background-image:url(../img/spr_bannerPathwayfd17.png?h=2a666c);
    background-position:-2436px -724px;
    background-repeat:no-repeat;
    width: 648px;
    height: 674px;
}
.banner-pathway__lite01 {
    background-image:url(../img/spr_bannerPathwayfd17.png?h=2a666c);
    background-position:0px -2075px;
    background-repeat:no-repeat;
    width: 1128px;
    height: 430px;
}
.banner-pathway__lite02 {
    background-image:url(../img/spr_bannerPathwayfd17.png?h=2a666c);
    background-position:0px -1487px;
    background-repeat:no-repeat;
    width: 1582px;
    height: 583px;
}
.banner-pathway__lite03 {
    background-image:url(../img/spr_bannerPathwayfd17.png?h=2a666c);
    background-position:0px -805px;
    background-repeat:no-repeat;
    width: 1772px;
    height: 677px;
}
.banner-pathway__lite04 {
    background-image:url(../img/spr_bannerPathwayfd17.png?h=2a666c);
    background-position:0px 0px;
    background-repeat:no-repeat;
    width: 2431px;
    height: 800px;
}
.home-banner__net01 {
    background-image:url(../img/spr_bannerPathwayfd17.png?h=2a666c);
    background-position:-925px -2510px;
    background-repeat:no-repeat;
    width: 910px;
    height: 514px;
}
.home-banner__net02 {
    background-image:url(../img/spr_bannerPathwayfd17.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(../img/spr_bannerTab8436.png?h=aa59a3);
    background-position:-487px -210px;
    background-repeat:no-repeat;
}
.home-banner__list .item01 .banner-tab__ico02 {
    background-image:url(../img/spr_bannerTab8436.png?h=aa59a3);
    background-position:-246px -330px;
    background-repeat:no-repeat;
}
.home-banner__list .item02 .banner-tab__ico01 {
    background-image:url(../img/spr_bannerTab8436.png?h=aa59a3);
    background-position:-487px -315px;
    background-repeat:no-repeat;
}
.home-banner__list .item02 .banner-tab__ico02 {
    background-image:url(../img/spr_bannerTab8436.png?h=aa59a3);
    background-position:0px -445px;
    background-repeat:no-repeat;
}
.home-banner__list .item03 .banner-tab__ico01 {
    background-image:url(../img/spr_bannerTab8436.png?h=aa59a3);
    background-position:-351px -330px;
    background-repeat:no-repeat;
}
.home-banner__list .item03 .banner-tab__ico02 {
    background-image:url(../img/spr_bannerTab8436.png?h=aa59a3);
    background-position:-487px 0px;
    background-repeat:no-repeat;
}
.banner__item.item01 .banner-detail__logo02 {
    background-image:url(../img/spr_bannerTab8436.png?h=aa59a3);
    background-position:0px 0px;
    background-repeat:no-repeat;
}
.banner__item.item02 .banner-detail__logo02 {
    background-image:url(../img/spr_bannerTab8436.png?h=aa59a3);
    background-position:-165px 0px;
    background-repeat:no-repeat;
}
.banner__item.item03 .banner-detail__logo02 {
    background-image:url(../img/spr_bannerTab8436.png?h=aa59a3);
    background-position:0px -165px;
    background-repeat:no-repeat;
}
.home-product__ico {
    width: 118px;
    height: 110px;
}
.home-product__ico.product__ico01 {
    background-image:url(../img/spr_bannerTab8436.png?h=aa59a3);
    background-position:-330px -190px;
    background-repeat:no-repeat;
}
.home-wp__02 .home-product__ico.product__ico01 {
    background-image:url(../img/spr_bannerTab8436.png?h=aa59a3);
    background-position:0px -330px;
    background-repeat:no-repeat;
}
.home-product__ico.product__ico02 {
    background-image:url(../img/spr_bannerTab8436.png?h=aa59a3);
    background-position:-123px -330px;
    background-repeat:no-repeat;
}
.home-product__link > .ico {
    background-image:url(../img/spr_bannerTab8436.png?h=aa59a3);
    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(../img/spr_bannerTab8436.png?h=aa59a3);
    background-position:-165px -165px;
    background-repeat:no-repeat;
}
.onething-list__ico.list__ico02 {
    background-image:url(../img/spr_bannerTab8436.png?h=aa59a3);
    background-position:-330px 0px;
    background-repeat:no-repeat;
}
.onething-list__ico.list__ico03 {
    background-image:url(../img/spr_bannerTab8436.png?h=aa59a3);
    background-position:-330px -95px;
    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(../img/spr_heade154.png?h=86a4c4);
    background-position:-156px -117px;
    background-repeat:no-repeat;
    width: 40px;
    height: 40px;
}
.banner-pathway__lite01 .pathway-dec.dec02 {
    background-image:url(../img/spr_heade154.png?h=86a4c4);
    background-position:-97px -117px;
    background-repeat:no-repeat;
    width: 54px;
    height: 54px;
}
.banner-pathway__lite02 .pathway-dec {
    background-image:url(../img/spr_heade154.png?h=86a4c4);
    background-position:0px -117px;
    background-repeat:no-repeat;
    width: 92px;
    height: 92px;
}
.banner-pathway__lite03 .pathway-dec {
    background-image:url(../img/spr_heade154.png?h=86a4c4);
    background-position:-201px -117px;
    background-repeat:no-repeat;
    width: 34px;
    height: 34px;
}
.banner-pathway__lite04 .pathway-dec {
    background-image:url(../img/spr_heade154.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(../img/spr_heade154.png?h=86a4c4);
    background-position:0px 0px;
    background-repeat:no-repeat;
}
/* ------ 头部 end ------ */

.home-wp {
    background:#080325;
	
}
.home-box {
    text-align: center;
    color: #e6e4e7;
	margin-top: -30px;
	
}
.home-box + .home-box {}
.home-tit {
    font-size: 44px; font-family:"黑体";
}
.home-info {
    
    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%; 
	
    overflow: hidden;
    
    background-color: #080325;
}
.home-scalewp {
    position: absolute;
    top: 50%; left: 50%;
    width: 0; height: 0;
}
.home-banner__wp {
    position: relative;
    top: 0%; 
    
    width: 100%; height: 1030px;
}

.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;-webkit-transform-origin: center center;-ms-transform-origin: center center;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;
    
	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: 350px; 
	left: 0; right: 0;
    margin: auto;
    width: 350px;
	height: 350px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    color: #fefefe;
	z-index:99;
}
.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;-webkit-transform-origin: center center;-ms-transform-origin: center center;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);-webkit-transition: .25s;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);-webkit-transform: scale3d(0.4, 1, 1);transform: scale3d(0.4, 1, 1);-webkit-transition: opacity .2s, -webkit-transform .2s;transition: opacity .2s, -webkit-transform .2s;transition: transform .2s, opacity .2s;transition: transform .2s, opacity .2s, -webkit-transform .2s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.banner-detail__btn > .mask {opacity: 0;-webkit-transition: .3s;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;-webkit-transform: translate3d(0, 0, 0);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;-webkit-transform: none;-ms-transform: none;transform: none;}
.home-banner__list > li.cur .banner-tab__ico02 {opacity: 1;-webkit-transform: none;-ms-transform: none;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%;-webkit-transition: .25s;transition: .25s;-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;}
.banner-tab__btn > span {display: none;}
.banner-tab__ico01 {
    opacity: .6;
    -webkit-transform: scale(.74);
        -ms-transform: scale(.74);
            transform: scale(.74);
}
.banner-tab__ico02 {
    opacity: 0;
    -webkit-transform: scale(.74);
        -ms-transform: scale(.74);
            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%;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: .25s;
    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;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;font-size: 24px;color: #fefefe;-webkit-perspective: 30px;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, #1884ae, #32a4bc 47%, #1892d4);}
.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;
    -webkit-transition: .5s;
    transition: .5s;
}
.home-product__mask {
    position: absolute; z-index: 1;
    top: 50%;
    left: 0; right: 0; 
    margin: auto;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-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;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all .35s ease;transition: all .35s ease;background-color: #fff;}
.home-product__link:hover .info:after {opacity: 1;-webkit-transform: scaleX(1);-ms-transform: scaleX(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 {font-size: 22px;letter-spacing: 0;color: #147aa8;}
.home-onething__mask {
    position: relative;
    height: 500px;
    
    overflow: hidden
}
.home-onething__mask > img {position: absolute;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:rgba(100, 178, 212, 0.52);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:rgba(100, 178, 212, 0.88);}
.home-onething__list > li:hover .onething-list__tit {-webkit-transform: translateY(-28px);-ms-transform: translateY(-28px);transform: translateY(-28px);}
.home-onething__list > li:hover .onething-list__info {-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);opacity: 0;}
.home-onething__list > li:hover .onething-list__ico {-webkit-transform: translateY(-76px);-ms-transform: translateY(-76px);transform: translateY(-76px);}
.home-onething__list > li:hover .home-onething__box .xl-common__btn {opacity: 1;-webkit-transform: translateY(-94px);-ms-transform: translateY(-94px);transform: translateY(-94px);}
.home-onething__box {
    position: absolute;
    top: 25%;
    left: 0; right: 0;
    text-align: center;
    color: #dcecf3;
    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;-webkit-transition-duration: .4s;transition-duration: .4s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;-webkit-transition-delay: .1s;transition-delay: .1s;}
.onething-list__tit,
.onething-list__info,
.onething-list__ico,
.home-onething__box .xl-common__btn {
    -webkit-transition-duration: .5s;
            transition-duration: .5s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}
.onething-list__tit {
    position: relative;
    font-size: 28px; 
	margin-top: 80px;
}
.onething-list__info {
    position: relative;
    margin-top: 4.59183%;
    font-size: 18px; white-space: nowrap;
    -webkit-transition-delay: .03s;
            transition-delay: .03s;
		
}
.onething-list__ico {
    position: relative;
    display: block;
    margin: 5.10204% auto 0;
    -webkit-transition-delay: .06s;
            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 {-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);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;
    -webkit-transition: .5s ease;
    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;-webkit-transition: .4s linear;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;box-shadow: 0 0 10px 10px #64b2d4;}
.home-news__listinfo {
    margin-top: 20px; padding-left: 6px;
    font-size: 18px; text-align: left;
    color: #e6e4e7;
}
.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: #e6e4e7;
}

.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;-webkit-transition: .4s ease;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 {
        -webkit-transform: none;
                transform: none;
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes ani_line {
    from {
        -webkit-transform: none;
                transform: none;
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-webkit-keyframes ani_logo02 {
    from {
        opacity: 0;
        -webkit-transform: scale(.6);
                transform: scale(.6);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
    }
}
@keyframes ani_logo02 {
    from {
        opacity: 0;
        -webkit-transform: scale(.6);
                transform: scale(.6);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
    }
}
@-webkit-keyframes ani_detailup {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
                transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
    }
}
@keyframes ani_detailup {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
                transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
                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;
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
    }
}
@keyframes ani_pathway {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
    }
}

.banner-line__circle01 {
    -webkit-animation: ani_line 30s linear infinite;
            animation: ani_line 30s linear infinite;
}
.banner-line__circle02 {
    animation: ani_line 19s steps(180) 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);-webkit-box-sizing: border-box;box-sizing: border-box;}
.pop_feedback .pop_cont textarea{display: block;width: 100%;-webkit-box-sizing: border-box;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;-webkit-transition: -webkit-transform .25s;transition: -webkit-transform .25s;transition: transform .25s;transition: transform .25s, -webkit-transform .25s;}
.pop_feedback .pop_close:hover{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);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);-webkit-transition: .25s;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(spr_bannerTab8436.png?h=aa59a3);
        background-position:-105px -445px;
        background-repeat:no-repeat;
    }
    .home-banner__list .item02 .banner-tab__ico01 {
        background-image:url(spr_bannerTab8436.png?h=aa59a3);
        background-position:-487px -105px;
        background-repeat:no-repeat;
    }
    .home-banner__list .item03 .banner-tab__ico01 {
        background-image:url(spr_bannerTab8436.png?h=aa59a3);
        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;}