.header {
    position: absolute;
}

.indban {
    width: 100%;
    position: relative;
}

.indban-img {
    width: 100%;
    position: relative;
}

.indban-img img {
    width: 100%;
    height: auto;
}

.indban-wd {
    position: absolute;
    z-index: 2;
    top: 26%;
    left: 5%;
}

.indban-wd-font {
    width: 81%;
    color: #fff;
}

.indban-wd-link {
    width: 100%;
    margin-top: .28rem;
    user-select: none;
}

.indban-wd h2 {
    font-size: 76px;
    line-height: 76px;
    margin-bottom: 23px;
    font-weight: bold;
}

.indban-wd p {
    font-size: 17px;
    line-height: 32px;
    padding-right: 2rem
}

@media screen and (max-width: 1601px) {
    .indban-wd p {
        display: none
    }
}

.anibtnwrap {
    display: flex;
}

.indban-wd-link {
    width: 151px;
    height: 56px;
    line-height: 56px;
    border: 1px solid #FFF;
    border-radius: 27px;
    text-align: center;
    font-size: 17px;
    color: #fff;
    margin-right: 16px
}

.indban-wd-link a {
    display: block;
}

.indban-wd-link span.ani {
    background: rgba(255, 255, 255, 0.3);
}

.indban-wd h2,
.indban-wd p,
.indban-wd-link {
    opacity: 0;
}

.swiper-wrapper {
    height: auto;
}

.swiper-slide-active .indban-wd h2 {
    animation: indbanLeft 1s ease both .4s;
}

.swiper-slide-active .indban-wd p {
    animation: indbanLeft 1s ease both .6s;
}

.swiper-slide-active .indban-wd-link {
    animation: indbanOpacity 1s ease both 1s;
}

@keyframes indbanLeft {
    0% {
        opacity: 0;
        transform: translateX(140px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes indbanOpacity {
    0% {
        opacity: 0;
        transform: translateX(80px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.indban-img-pro {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transform: translateY(-60px);
    transition: all 1s ease .5s;
}

.swiper-slide-active .indban-img-pro {
    transform: translateY(0);
    opacity: 1;
}

.bannerLineWrap.fxd {
    position: fixed;
    margin-top: 0;
    width: 100%;
    top: 0;
    box-shadow: 0px 0px 1.09rem 0px rgba(0, 0, 0, 0.06);
    padding-right: 5%
}

.bannerLineWrap {
    display: flex;
    align-items: center;
    padding: 0 1% 0 5%
}

.bannerLineWrap a {
    font-size: 17px;
    color: #2386EE;
    margin-right: .3rem
}

.bannerLineWrap .active {
    color: #2386EE
}

.bannerLineWrap a {
    color: #687086
}

.bannerLineWrap {
    height: 100px;
    background: #fff;
    width: 100%;
    position: static;
    z-index: 9999999999999999;
}

.galaxy {
    padding: 0 5%;
    background: #fff
}

.gal_tit dl {
    margin: 0 auto;
    text-align: center;
}

.gal_tit dl dt {
    font-size: .6rem;
    font-family: 'SamsungOne';
    color: #333;
    padding: 1rem 0 .4rem 0
}

.gal_tit dl dd {
    width: 80%;
    margin: 0 auto;
    color: #666;
    font-size: 16px
}

.gal_con {
    display: flex;
    padding: .5rem 0 1rem 0;
    justify-content: center;
}

.gal_con dl {
    width: 23%;
    margin-left: 2%
}

.gal_con dl:first-child {
    margin-left: 0
}

.gal_con dl dt img {
    width: .7rem;
    height: .7rem
}

.gal_con dl dd {
    color: #333;
    font-size: .30rem;
    line-height: .32rem;
    margin-top: .33rem;
}

.title {
    font-size: .6rem;
    font-family: 'SamsungOne';
    color: #333333;
    text-align: center;
}

.productList {
    position: relative;
    height: 10.2rem;
    background: url('../images/product/product_bg.jpg') no-repeat;
    background-size: cover;
}

.productList .probg {
    width: 100%;
    height: auto;
}

.procon {
    position: absolute;
    left: 5%;
    top: 1px;
    width: 88%
}

.procon .proconWrap {
    display: flex;
    justify-content: space-between;
}

.productList .title {
    color: #fff;
    padding: 1.3rem 0
}

.proconTab {
    width: 15%
}

.indpro-menu-link li {
    position: relative;
    font-size: 17px;
    color: #fff;
    cursor: pointer;
    transition: all .3s ease;
    padding: .16rem 0;
}

.indpro-menu-link li.ontrue {
    font-weight: bold;
}

.indpro-menu-link li:after {
    content: "";
    width: 0;
    right: 0;
    height: 1px;
    background: #2386EE;
    transition: all .3s ease;
    position: absolute;
    bottom: .1rem;
}

.indpro-menu-link li.ontrue:after {
    width: 100%;
    right: auto;
    left: 0;
}

.indpro-menu-link li:hover:after {
    width: 100%;
    right: auto;
    left: 0;
}

.indpro-item {
    display: none;
}

.indpro-item.ontrue {
    display: block;
}

.procon .proconRight {
    opacity: 0;
    width: 79%
}

.procon .proconRight.fadeInRight {
    opacity: 1;
    transition: 1s;
    transform: translateY(-19px);
}

.indpro-item-con {
    display: flex;
    justify-content: space-between;
}

.indpro-item-con div:nth-child(1) dl {
    color: #fff
}

.indpro-item-con div:nth-child(1) dl dt {
    font-size: .32rem
}

.indpro-item-con div:nth-child(1) dl dd {
    font-size: 17px;
    font-family: 'SamsungOne';
    color: rgba(255, 255, 255, 0.6);
    line-height: 25px;
    margin: .35rem 0 .6rem 0
}

.indpro-item-con>div:nth-child(1) p {
    display: flex;
}

.indpro-item-con>div:nth-child(1) {
    width: 61%
}

.indpro-item-con>div:nth-child(2) {
    width: 39%;
}

.indpro-item-con>div:nth-child(2) img {
    width: 251%;
    height: auto;
}

.indsto-btn {
    display: flex;
    margin-top: .6rem
}

.indsto-btn-li>div {
    width: 58px;
    height: 58px;
    overflow: hidden;
    border-radius: 50%;
    border: 4px solid #aab0c3;
    cursor: pointer;
    background: url('https://www.kingdee.com/r/cms/www/default/v0.1/images-index/index/indstoic.png') no-repeat center;
    transition: all .4s ease;
    margin-right: .2rem
}

.indsto-btn-next {
    transform: rotate(180deg);
}

.indsto-btn-li>div:hover {
    animation: stoarr .6s linear both;
    border-color: #2386ee;
    background-image: url('https://www.kingdee.com/r/cms/www/default/v0.1/images-index/index/indstoicH.png');
}

@keyframes stoarr {
    0% {
        background-position: center center;
    }
    60% {
        background-position: 60px center;
    }
    60.0001% {
        background-position: -60px center;
    }
    100% {
        background-position: center center;
    }
}

.sol {
    margin-top: 1.6rem;
    background: #fff;
}

.solcon {
    overflow: hidden;
    padding-top: .6rem
}

.sol-swiper-container .swiper-slide {
    width: 4.6rem !important;
    background: #fff;
    transition: .3s;
    margin-right: .3rem
}

.sol-swiper-container .swiper-slide:hover {
    transform: scale(1.06);
    box-shadow: 0px 0px 1.09rem 0px rgba(0, 0, 0, 0.05);
}

.sol-swiper-container .swiper-slide img {
    width: 4.6rem;
    height: 3rem;
}

.sol-swiper-container .swiper-slide dl {
    width: 90%;
    background: #fff;
    position: relative;
}

.sol-swiper-container .swiper-slide dl dt {
    height: 1.6rem;
    font-size: .22rem;
    font-family: 'SamsungOne';
    color: #333;
    line-height: .3rem;
    padding: .5rem .3rem .1rem .4rem;
    transition: .3s
}

.sol-swiper-container .swiper-slide dl dd {
    display: flex;
    padding: .1rem 0 .3rem .4rem;
    visibility: hidden;
}

.sol-swiper-container .swiper-slide:hover dl dt {
    padding-top: .2rem
}

.sol-swiper-container .swiper-slide:hover dl dd {
    visibility: visible;
}

.sol-swiper-container .swiper-slide dl dd .anibtn,
.indpro-item-con .anibtn {
    display: block;
    text-align: center;
    width: 1.43rem;
    height: .51rem;
    line-height: .51rem;
    border-radius: .27rem;
    font-size: 14px
}

.sol-swiper-container .swiper-slide dl dd .anibtn,
.indpro-item-con .anibtn {
    background: #2386EE;
    color: #fff;
    margin-right: .19rem
}

.sol-swiper-container .swiper-slide dl dd .anibtn a,
.indpro-item-con .anibtn a {
    display: block;
}

.sol-swiper-container .swiper-slide dl dd .ani,
.indpro-item-con .ani {
    background: #000
}

.story .title {
    margin-top: 1rem
}

.stocon {
    display: flex;
    justify-content: space-around;
    margin-top: 5%;
    z-index: 131
}

.stoimg {
    width: 55%;
    margin-top: 3%;
    position: relative;
}

.stoimg img {
    width: 100%;
    height: auto;
    transition: 1s
}

.stoimg:hover img {
    transform: scale(1.2);
}

.stoimg p {
    overflow: hidden;
}

.stowz {
    padding-bottom: .6rem;
    width: 50%;
    height: 100%;
    margin-left: -5%;
    background: #fff;
    box-shadow: 0px 0px 1.09rem 0px rgba(0, 0, 0, 0.05);
}

.stowzcon {
    padding-left: 23%;
    background: #fff
}

.stowz dl.stowzdl {
    width: 91%;
    margin: 11% 0 6% 0;
    min-height: 4.61rem;
}

.stowz dl.stowzdl dt {
    font-size: .32rem;
    font-family: 'SamsungOne';
    color: #333333;
}

.stowz dl.stowzdl dd {
    font-size: 17px;
    color: #687086;
    line-height: 25px;
    margin-top: .23rem;
}

.stobtn {
    width: 1.51rem;
    height: .52rem;
    line-height: .52rem;
    border: 1px solid #2386EE;
    border-radius: .27rem;
    font-size: 14px;
    font-family: 'SamsungOne';
    color: #2386EE;
    text-align: center;
}

.stobtn a {
    display: block;
}

.stobtn span.ani {
    background: #2386EE;
    color: #fff
}

.stonum {
    display: flex;
    margin-top: .6rem
}

.stonum dl {
    margin-right: .7rem
}

.stonum dl dt {
    color: #2386EE;
    font-size: .5rem
}

.stonum dl dd {
    color: #687086;
    font-size: 17px;
    width: 1.6rem
}

.adv {
    width: 90%;
    margin: 1rem auto;
}

.advCon {
    display: flex;
    justify-content: space-between;
    margin-top: .6rem
}

.advCon>div {
    background: #fff;
    width: 32%;
    box-shadow: 0px 0px 1.09rem 0px rgba(0, 0, 0, 0.06);
}

.advCon div dl {
    padding: .7rem .7rem .3rem .7rem;
}

.advCon div dl dt {
    color: #333333;
    font-size: .32rem;
    line-height: .32rem;
    font-weight: normal;
    height: .7rem;
}

.advCon div dl dd {
    color: #687086;
    line-height: 25px;
    font-size: 17px;
    margin-top: .3rem
}

.advCon div .adv-btn {
    height: .51rem;
}

.advCon div.anibtn {
    background: #2386EE;
    border-radius: .27rem;
    width: 1.43rem;
    height: .51rem;
    line-height: .51rem;
    display: block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-left: .7rem;
    display: none
}

.advCon .ani {
    background: #000
}

.advCon>div:hover .anibtn {
    display: block;
}