@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Microsoft Yahei", serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    background-color: #f5f7fa;
    color: #333;
}

li {
    list-style-type: none;
}

img {
    border: 0;
    border-radius: 5px;
}

a, a:hover {
    text-decoration: none !important;
}

a {
    color: #333;
}

a:hover {
    color: #2468f2;
}

a:focus {
    outline: none;
    text-decoration: none !important;
}

p, h1, h2, h3, h4, h5, ul, dl, dd {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

input, textarea, button, select {
    outline: none !important;
    border: 0;
}

textarea {
    resize: none
}

input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
    font-family: "Microsoft Yahei", serif
}

input[type="text"] {
    font-family: "Microsoft Yahei", serif
}

input[disabled] {
    background: #ccc !important;
    cursor: not-allowed !important;
}

button[disabled] {
    background: #ccc !important;
    cursor: not-allowed !important;
}

em {
    font-style: normal;
}

a, button, input, textarea {
    -webkit-tap-highlight-color: transparent;
}

/*banner*/
.index-header .top-header {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 11;
}

.index-banner {
    background: #000000;
    position: relative;
    min-width: 1220px;
    /*top: 55px*/
}

.header-banner {
    height: 550px;
    overflow: hidden;
    position: relative;
    background-color: #fff
}

.header-banner .hd {
    height: 20px;
    overflow: hidden;
    position: absolute;
    left: 5px;
    right: 0;
    bottom: 85px;
    z-index: 1;
}

.header-banner .hd ul {
    text-align: center;
    overflow: hidden;
    zoom: 1;
}

.header-banner .hd ul li {
    display: inline-block;
    margin: 0 3px;
    width: 35px;
    height: 4px;
    line-height: 4px;
    color: transparent;
    text-align: center;
    background: rgba(22, 111, 255, 0.14);
    cursor: pointer;
    border-radius: 2px;
}

.header-banner .hd ul li.on {
    background-image: linear-gradient(150deg, #339bfe, #2468f2);
    color: transparent;
    border-radius: 2px;
}

.header-banner .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.header-banner .bd ul {
    width: 100% !important;
}

.header-banner .bd li {
    zoom: 1;
    width: 100% !important;
    vertical-align: middle;
}

.header-banner .bd a {
    display: block;
    height: 550px;
    color: #fff;
}

.header-banner .container {
    height: 550px;
    position: relative;
    overflow: hidden;
}

.header-banner h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 52px;
    max-height: 104px;
    overflow: hidden;
    color: #252b3a;
}

.header-banner p {
    font-size: 20px;
    margin-top: 20px;
    line-height: 30px;
    max-height: 30px;
    overflow: hidden;
    color: #252b3a;
}

.header-banner span {
    display: block;
    margin: 25px 0 0;
    font-size: 16px;
    border-radius: 4px;
    width: 128px;
    height: 36px;
    background-image: linear-gradient(150deg, #339bfe, #2468f2);
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.header-banner span:hover {
    background-image: linear-gradient(270deg, #339bfe, #2468f2);
    color: #fff;
    transform: translateY(-5px);
    transition: all .3s ease-in-out;
}

.header-banner .banner-text .text {
    position: absolute;
    left: 0;
    bottom: -150%;
    margin-left: 10px;
}

.header-banner-cloud {
    height: 165px;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; /*background-image:url("../../images/index/banner/banner-cloud.png")*/
}

.font-style-h1 {
    position: relative;
    font-size: 36px;
    line-height: 50px;
    letter-spacing: 4px;
    color: #252b3a;
    font-weight: normal
}

.font-style-h2 {
    font-size: 22px;
    margin-top: 10px;
    line-height: 30px;
    letter-spacing: 2px;
    color: #666a75;
    font-weight: normal
}

.font-style-h3 {
}

.font-style-h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #252b3a;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bd .container .font-style-h2{
    font-size: 40px;
    font-weight: normal;
    color: #303133;
}

/*波浪*/
@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

.Wangweicloud {
    /*overflow: hidden;
    position: absolute;*/
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.WangweicloudInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 85px;
    bottom: -1px;
    /*background-image: linear-gradient(to top, #86377b 20%, #27273c 80%);*/
}

.bgTop {
    z-index: 15;
    opacity: 0.5;
}

.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}

.bgBottom {
    z-index: 5;
}

.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 110px;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}

.waveTop {
    background-size: 50% 100px;
    background-image: url('../../images/index/banner/wave-top.png')
}

.waveAnimation .waveTop {
    animation: move_wave 20s linear infinite;
}

.waveMiddle {
    background-size: 50% 120px;
    background-image: url('../../images/index/banner/wave-top.png');
}

.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}

.waveBottom {
    background-size: 50% 100px;
    background-image: url('../../images/index/banner/wave-top.png');
}

.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}


/*公告*/
.head-announce {
    height: 50px;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .16);
    overflow: hidden;
}

.head-announce a {
    color: #fff;
}

.head-announce a:hover {
    color: #2468f2
}

.head-announce .announce-list {
    height: 50px;
    width: 1170px;
    float: left;
    overflow: hidden;
}

.head-announce .announce-list li {
    width: 300px;
    height: 50px;
    margin-right: 80px;
    float: left;
    text-align: left;
    _display: inline;
}

.head-announce .announce-list li a {
    display: block;
    line-height: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.head-announce .announce-list li a:hover {
    color: #2468f2
}

.head-announce .more {
    float: right;
    line-height: 50px;
}


/*首页引导栏*/
.width1180-center {
    width: 1200px;
    margin: 0 auto;
}

div.marketing-position {
    display: flex;
    justify-content: space-between;
    margin-top: 55px;
    margin-bottom: 20px;
    padding-bottom: 55px;
}

div.marketing-position .main {
    width: 325px;
    height: 272px;
    padding: 85px 0 0 24px;
    border: 2px solid #fff;
    box-shadow: 0 5px 33px -8px rgba(80, 140, 209, .29);
    margin-right: 20px;
    box-sizing: border-box;
    background: #f3f5f8 url(../../images/index/marketing_cloud.png) no-repeat 100% 0/cover;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

div.marketing-position .main:hover {
    background-image: url(../../images/index/marketing_cloud.png);
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2), -8px -8px 20px 0 #fff;
    transition: all .3s ease-in-out;
}

div.marketing-position .main, div.marketing-position .main * {
    transition: all .3s linear
}

div.marketing-position .main:hover {
    background-color: #2468f2
}

div.marketing-position .main:hover .title {
    color: #fff
}

div.marketing-position .main:hover .title span {
    border-color: #fff;
    background-color: rgba(0, 0, 0, 0)
}

div.marketing-position .main:hover .title span i {
    color: #fff
}

div.marketing-position .main:hover .desc {
    color: hsla(0, 0%, 100%, .7)
}

div.marketing-position .main:hover .btn {
    background-color: #fff;
    color: #2468f2
}

div.marketing-position .main:hover .discount span {
    color: #fff
}


div.marketing-position .main .title {
    width: 200px;
    position: absolute;
    top: 40px;
    font-size: 22px;
    color: #2468f2
}

div.marketing-position .main .title span {
    position: absolute;
    background-color: #e0edff;
    margin-top: 5px
}

div.marketing-position .main .title span i {
    top: -2px
}

div.marketing-position .main .desc {
    width: 220px;
    margin-top: 0
}

div.marketing-position .main .discount {
    display: none
}

div.marketing-position .main .btn {
    margin-top: 40px;
    background: #2468f2;
    color: #fff
}

div.marketing-position .main .btn:hover {
    background-color: hsla(0, 0%, 100%, .8)
}

div.marketing-position .minor {
    width: 858px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    cursor: pointer
}

div.marketing-position .minor li {
    width: 418px;
    height: 123px;
    margin-bottom: 21px;
    padding: 16px 24px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    background: #f1f2f7 linear-gradient(0deg, #fff, #f3f5f8);
    border: 2px solid #fff;
    /*box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #fff;*/
    box-shadow: 0 5px 33px -8px rgba(80, 140, 209, .29);
    border-radius: 5px;
    transition: opacity .2s linear, box-shadow .2s ease-in-out;
}

div.marketing-position .minor li:last-child, div.marketing-position .minor li:nth-last-child(2) {
    margin-bottom: 0
}

div.marketing-position .minor li:after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    background: url(../../images/index/marketing_nav.png) no-repeat 100% 0/cover;
    opacity: 0;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2), -8px -8px 20px 0 #fff;
    transition: opacity .2s linear, box-shadow .2s ease-in-out;
}

div.marketing-position .minor li, div.marketing-position .minor li * {
    transition: all .2s linear
}

div.marketing-position .minor li:hover {
    background-color: #2468f2
}

div.marketing-position .minor li:hover .title {
    color: #fff
}

div.marketing-position .minor li:hover .title span {
    border-color: #fff;
    background-color: rgba(0, 0, 0, 0)
}

div.marketing-position .minor li:hover .title span i {
    color: #fff
}

div.marketing-position .minor li:hover .desc {
    color: hsla(0, 0%, 100%, .7)
}

div.marketing-position .minor li:hover .btn {
    background-color: #fff;
    color: #2468f2
}

div.marketing-position .minor li:hover .discount span {
    color: #fff
}

div.marketing-position .minor li:hover:after {
    transition: opacity .3s linear .3s;
    opacity: 1
}

div.marketing-position .minor li > a {
    display: block;
    position: relative;
    z-index: 1
}

div.marketing-position .minor li .btn {
    position: absolute;
    right: 5px;
    top: 60px;
    transition: all .3s linear
}

div.marketing-position .minor li .btn:hover {
    background-color: hsla(0, 0%, 100%, .8)
}

div.marketing-position .title {
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #374567;
    line-height: 26px
}

div.marketing-position .title span {
    display: inline-block;
    margin-left: 8px;
    padding: 0 3px;
    border: 1px solid #2468f2;
    border-radius: 2px;
    height: 18px;
    box-sizing: border-box;
    line-height: 16px;
    transform: skew(350deg, 0deg);
}

div.marketing-position .title span i {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    transform: skew(15deg, 0deg);
    color: #2468f2;
}

div.marketing-position .desc {
    margin-top: 10px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #596178;
    line-height: 24px
}

div.marketing-position .btn {
    display: block;
    width: 78px;
    height: 28px;
    background: #e0edff;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #191a24;
    line-height: 28px;
    text-align: center
}

div.marketing-position .discount {
    margin-top: 6px
}

div.marketing-position .discount span {
    font-family: DINAlternate-Bold, serif;
    font-size: 20px;
    color: #ff502e;
    line-height: 24px;
    font-weight: 700
}

div.marketing-position .discount span:last-child {
    margin-left: 4px;
    font-family: PingFang-SC-Heavy, serif;
    font-size: 14px;
    font-weight: 800
}

/*产品*/
.overflow-hide {
    overflow: hidden
}

.col-sm-3 {
    width: 25%;
    float: left;
    position: relative
}

.pavilion-container {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 720px;
    min-width: 1220px
}

.layer-title {
    padding: 50px 0 30px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    letter-spacing: 1px
}

/*tab分类*/
.pavilion-container .pavilion-inner {
    max-width: 1200px;
    margin: 0 auto;
    background: linear-gradient(180deg, #f1f5fb, #fff);
    border: 2px solid #fff;
    box-shadow: 0 5px 33px -8px rgba(80, 140, 209, .29);
    border-radius: 5px;
    padding: 40px 20px 40px 20px;
}

.pavilion-container .pavilion-inner .tabs {
    padding: 10px 0;
    margin-left: 20px;
}

.pavilion-container .pavilion-inner .tabs li {
    float: left;
    padding: 0 21px;
    border: 1px solid #2468f2;
    border-radius: 4px;
    line-height: 36px;
    font-size: 16px;
    color: #2468f2;
    letter-spacing: 0;
    transition: all .3s ease-in-out;
}

.pavilion-container .pavilion-inner .tabs li:hover {
    transform: translateY(-5px);
    transition: all .3s ease-in-out;
}

.pavilion-container .pavilion-inner .tabs li {
    margin-left: 21px;
    cursor: pointer
}

.pavilion-container .pavilion-inner .tabs li:first-child {
    margin-left: 0
}

.pavilion-container .pavilion-inner .tabs li.on {
    background-image: linear-gradient(150deg, #339bfe, #2468f2);
    border: 1px solid #fff;
    color: #fff
}

.pavilion-container .pavilion-inner .tabs li .hot-icon {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background: url(../../images/index/ico/marketplace-fire-leave.svg) no-repeat;
}

.pavilion-container .pavilion-inner .tabs li.on .hot-icon {
    background: url(../../images/index/ico/marketplace-fire.svg)
}

.pavilion-container .pavilion-inner .tabs li > span {
    display: inline-block;
    vertical-align: middle
}

/*tab内容*/
.pavilion-container .tab-content-wrap {
    position: relative;
    margin-top: 20px;
    height: 420px
}

.pavilion-container .tab-content {
    position: absolute;
    top: 65px;
    transition: all .5s linear;
    opacity: 0;
    z-index: -1;
    height: 0;
    width: 100%
}

.pavilion-container .tab-content.show {
    height: auto;
    opacity: 1;
    top: 0;
    z-index: 1
}

.pavilion-container .tab-content .col-sm-3 {
    padding: 0 10px
}

.pavilion-container .tab-content .col-sm-3 .tab-card {
    border: 2px solid #fff;
    position: relative;
    padding: 20px;
    background: #f5f7fa;
    overflow: hidden;
    cursor: pointer;
    transition: .2s linear;
    border-radius: 5px;
}

/*大卡片*/
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg {
    position: relative;
    height: 420px
}

.pavilion-container .tab-content .col-sm-3 .tab-card:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    border-radius: 1px 1px 0 0;
}

.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg img {
    height: 90px;
    width: auto;
    display: block
}

.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg h3 {
    margin-top: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg h3:hover {
    color: #2468f2
}

.pavilion-container .tab-content .col-sm-3 .tab-card p {
    margin-top: 5px;
    font-size: 12px;
    color: #a0a2a8;
    letter-spacing: 1px;
    line-height: 20px;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg .labels {
    margin-top: 10px;
    margin-right: 10px;
    padding-bottom: 20px
}

.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg .labels span {
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    padding: 0 5px;
    background: rgba(160, 162, 168, .1);
    border: 1px solid rgba(102, 106, 117, .1);
    border-radius: 2px;
    line-height: 20px;
    color: #a0a2a8;
    font-size: 12px;
}

.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md .labels span {
    display: inline-block;
    margin-top: 2px;
    margin-right: 2px;
    padding: 0 5px;
    background: rgba(160, 162, 168, .1);
    border: 1px solid rgba(102, 106, 117, .1);
    border-radius: 2px;
    line-height: 20px;
    color: #a0a2a8;
    font-size: 12px;
}

.pavilion-container .tab-content .col-sm-3 .tab-card-lg .time {
    border-top: 1px solid #e7e7e7
}

/*中卡片*/
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md + .tab-card-md {
    margin-top: 20px
}

.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md {
    height: 200px
}

.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md img {
    height: 60px;
    width: auto;
    display: block
}

.pavilion-container .tab-content .col-sm-3 .tab-card .time {
    position: absolute;
    bottom: 10px;
    width: calc(100% - 40px);
    padding-top: 17px;
    font-size: 12px;
    color: #666a75;
    letter-spacing: 1px;
    line-height: 23px;
    text-align: left;
}

.pavilion-container .tab-content .col-sm-3 .tab-card .time span {
    font-size: 20px;
    color: #ff502e;
    letter-spacing: 0;
    line-height: 23px;
    margin-right: 3px
}

/*小卡片*/
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm {
    height: 90px
}

.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm + .tab-card-sm {
    margin-top: 20px
}

.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm .time {
    border-top-width: 0
}

.pavilion-container .tab-content .col-sm-3 .tab-card:hover {
    color: #000;
    background: #f3f5f8;
    box-shadow: inset 8px 8px 20px 0 rgba(55, 99, 170, .11), inset -8px -8px 20px 0 #fff;
    transition: box-shadow .3s ease-in-out, background .3s ease-in-out;
}

/*查看全部*/
.pavilion-container .view-go {
    margin-top: 35px;
    font-size: 18px;
    color: #fff;
    text-align: center
}

.pavilion-container .view-go a span.arrow-more {
    display: inline-block;
    vertical-align: middle
}

.pavilion-container .view-go a span.arrow-f {
    width: 13px;
    height: 13px;
    background: url(../images/marketplace-selected-arrow1.svg);
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    position: relative;
    transition: .3s ease-out
}

.pavilion-container .view-go a:hover {
    color: #2468f2
}

.pavilion-container .view-go a:hover span.arrow-f {
    transform: translate(4px, 0);
    background: url(../images/marketplace-selected-arrow2.svg)
}

/*产品*/


.section-group-product {
    position: relative;
    background-size: 1920px auto;
    padding-bottom: 50px;

}

.section-product {
    position: relative;
    padding-bottom: 50px;
}

.section-product .por-container {
    position: relative;
    z-index: 1
}

.section-product-bg {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: bottom
}

@media screen and (min-width: 1920px) {
    .section-product-bg {
        background-size: 100% auto
    }
    .section-group-product {
        background: url(../../images/index/bg/bg.jpg);
        background-size: cover
    }
}

@media screen and (min-width: 769px) {
    .dawn-tabs-skin-2 .dawn-tabs-item-con-desc,
    .dawn-tabs-skin-2 .dawn-tabs-item-con-title {
        display: block;
        text-align: center
    }

    .dawn-tabs-skin-2 .dawn-tabs-item-con-title {
        line-height: 28px;
        font-size: 18px;
        -webkit-font-smoothing: antialiased
    }

    .dawn-tabs-skin-2 .dawn-tabs-item-con-desc {
        line-height: 24px;
        font-size: 14px;
        color: #999
    }

    .dawn-tabs-active {
        position: relative !important;
        display: block;
    }

    .dawn-tabs-skin-2 .dawn-tabs-item.dawn-tabs-active .dawn-tabs-item-con-desc {
        color: #0038ff
    }

    .dawn-tabs-skin-2 .dawn-tabs-active .dawn-tabs-item-con:before {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -4px;
        margin-left: -4px;
        width: 8px;
        height: 8px;
        border-top: 1px solid #0038ff;
        border-left: 1px solid #0038ff;
        background-color: #f4f6fa;
        z-index: 10;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .dawn-tabs-skin-2 .dawn-tabs-item {
        margin: 0 67px -1px;
        overflow: hidden
    }

    .dawn-tabs-skin-2 .dawn-tabs-item-con-desc,
    .dawn-tabs-skin-2 .dawn-tabs-item-con-title {
        display: block;
        text-align: center
    }

    .dawn-tabs-skin-2 .dawn-tabs-item-con-title {
        line-height: 28px;
        font-size: 18px;
        -webkit-font-smoothing: antialiased
    }

    .dawn-tabs-skin-2 .dawn-tabs-item-con-desc {
        line-height: 24px;
        font-size: 14px;
        color: #999
    }

    .dawn-tabs-skin-2 .dawn-tabs-item.dawn-tabs-active .dawn-tabs-item-con-desc {
        color: #0038ff
    }

    .dawn-tabs-skin-2 .dawn-tabs-active .dawn-tabs-item-con:before {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -4px;
        margin-left: -4px;
        width: 8px;
        height: 8px;
        border-top: 1px solid #0038ff;
        border-left: 1px solid #0038ff;
        background-color: #FAFBFD;
        z-index: 10;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .dawn-tabs-skin-2 .dawn-tabs-item {
        margin: 0 67px -1px;
        overflow: hidden
    }
}

.section-product-bg.init-parallax {
    background-image: url(../image/productBg.jpg)
}

.product-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-tag {
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    background: #306bff;
    padding: 0 4px;
    border: 1px solid #306bff;
    border-radius: 2px;
    font-style: normal;
    line-height: 16px;
    font-size: 12px;
    color: #fff
}

.product-tag-outline {
    padding: 0 8px;
    background-color: transparent;
    color: #306bff
}

.product-tag-outline-grey {
    padding: 0 8px;
    background-color: transparent;
    border-color: #adb0b8;
    color: #8a8e99
}

.product-label-angel {
    position: absolute;
    right: 0;
    top: 0;
    width: 66px;
    height: 66px;
    padding-top: 10px;
    overflow: hidden
}

.product-label-angel span {
    display: block;
    width: 200px;
    height: 23px;
    margin: 0 -67px;
    font-size: 12px;
    color: #fff;
    line-height: 23px;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.product-label-angel-red span {
    background-color: #306bff
}

.product-label-angel-orange span {
    background-color: #fa9841
}

.product-label-angel-blue span {
    background-color: #5e7ce0
}

.product-nav {
    width: 21.875%;
    min-height: 604px;
    padding-top: 16px;
    background-size: cover;
    border-radius: 5px;
    box-shadow: 0 5px 33px -8px rgb(80 140 209 / 29%);
    border: 2px solid #fff;
}

.product-nav,
.product-nav-menu {
    position: relative
}

.product-nav:hover {
    box-shadow: inset 8px 8px 20px 0 rgb(55 99 170 / 8%), inset -8px -8px 20px 0 #f3f5f8;
    border-color: transparent;
}

.product-nav-menu-inner {
    position: relative;
    padding: 25px 16px 6px 32px;
    font-size: 16px;
    line-height: 20px;
    color: #252b3a;
    -webkit-transition: .2s;
    transition: .2s
}

.product-nav-menu.active .product-nav-menu-inner:before {
    opacity: 1
}

.product-nav-more {
    position: absolute;
    bottom: 170px;
    left: 32px
}

.product-nav-more a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #252b3a;
    -webkit-transition: .2s;
    transition: .2s
}

.product-nav-more a:hover {
    color: #306bff
}

.product-nav-more i {
    font-size: 16px;
    color: inherit;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.product-nav-more a:hover i {
    -webkit-transform: translate(4px);
    transform: translate(4px)
}

.product-wrapper {
    position: relative;
    width: 78.125%
}

.product-content:not(.show) {
    display: none
}

.product-content {
    height: 100%;
}

.product-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%
}

.product-list > li {
    width: calc(33.33333333% - 15px);
    height: calc(33.33333333% - 10px);
    margin-bottom: 15px;
    margin-left: 15px;
    border-radius: 5px;
    box-shadow: 0 5px 33px -8px rgb(80 140 209 / 29%);
    border: 2px solid #fff;
}

.product-list > li:nth-last-of-type(-n+3) {
    margin-bottom: 0;

}

.product-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 32px;
    background-size: cover;
    background-position: 50%;
    -webkit-transition: .2s;
    transition: .2s
}

.product-card i {
    display: block;
    width: 36px;
    height: 36px;
    background-size: cover;
    font-size: 36px;
    margin-bottom: 8px
}

.product-card h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #252b3a;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-card h5 .product-tag {
    margin-left: 4px;
    margin-top: -4px;
    margin-right: -46px
}

.product-card p {
    font-size: 14px;
    line-height: 22px;
    color: #575d6c;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 44px
}

.product-card .product-btns,
.product-card .product-labels,
.product-card .product-price,
.product-card p {
    margin-bottom: 12px
}

.product-card .product-btns:last-child,
.product-card .product-labels:last-child,
.product-card .product-price:last-child,
.product-card p:last-child {
    margin-bottom: 0
}

.product-card:hover {
    z-index: 1;
    background: #fafbfd;
    box-shadow: inset 8px 8px 20px 0 rgb(55 99 170 / 8%), inset -8px -8px 20px 0 #fafbfd;
    border-color: transparent;
}

.product-labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-labels .product-tag + .product-tag {
    margin-left: 4px
}

.product-price {
    font-size: 12px;
    line-height: 14px;
    color: #575d6c;
    overflow: hidden
}

.product-price em {
    font-style: normal;
    font-weight: 700;
    color: #fe510f
}

.product-price span {
    font-size: 20px;
    line-height: 20px
}

.product-card-more {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 15px 0;
    font-size: 14px;
    line-height: 20px;
    color: #252b3a;
    -webkit-transition: .2s;
    transition: .2s
}

.product-card:hover .product-card-more {
    color: #306bff
}

.product-card:hover .product-card-more .por-icon {
    -webkit-transform: translate(4px);
    transform: translate(4px)
}

.product-card-more .por-icon {
    font-size: 16px;
    color: inherit;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.product-mb-container {
    display: none
}

#section-tc .dawn-market-panel {
    position: absolute;
    width: 1200px;
    margin: 0 auto;
}

.dawn-market-panel {
    padding-left: 260px;
    position: absolute;
}

.dawn-yf {
    padding-right: 280px;
    padding-left: 0;
}

.dawn-market-panel-main {
    box-sizing: border-box
}

.dawn-market-panel-main-cont {
    font-size: 0
}

.dawn-market-panel-main-cont .dawn-market-info {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-size: 14px;
    text-align: left;
    margin-bottom: 11px;
    border-radius: 5px;
    background: linear-gradient(180deg, #f1f5fb, #fff);
    box-shadow: 0 5px 33px -8px rgb(80 140 209 / 29%);
    border: 2px solid #fff;
}

.dawn-ybj {
    margin-left: 0 !important;
    margin-right: 12px;
}

.dawn-market-panel-main-cont.list-2 .dawn-market-info {
    margin-left: 15px;
    width: calc((100% - 30px) / 2)

}

.dawn-market-info-panel {
    display: block;
    position: relative;
    top: 0;
    box-shadow: 0 2px 20px rgb(0 0 0 / 8%);
    box-sizing: border-box;
    padding: 20px;
    border-radius: 2px;
    -webkit-font-smoothing: antialiased
}

.dawn-market-info-panel:hover {
    transition: all .2s linear;
    background: #fafbfd;
    box-shadow: inset 8px 8px 20px 0 rgb(55 99 170 / 8%), inset -8px -8px 20px 0 #fafbfd;
    border-color: transparent;
}

.dawn-market-info-panel:hover .dawn-market-title {
    color: #0038ff;
    transition: all .2s linear
}

.dawn-market-title-wrap {
    position: relative;
    height: 28px;
    overflow: hidden
}

.dawn-market-title {
    font-size: 20px;
    color: #000;
    line-height: 28px;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.dawn-market-tags {
    position: absolute;
    right: 0;
    top: 3px
}

.dawn-market-tag {
    display: inline-block;
    background: #fff;
    border: 1px solid #306bff;
    line-height: 20px;
    text-align: center;
    padding: 0 8px;
    font-size: 12px;
    color: #306bff;
    font-style: initial;
}

.dawn-market-text {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 48px;
    word-wrap: break-word;
    margin-top: 4px
}

.dawn-market-tc {
    font-size: 12px;
    color: #888;
    line-height: 45px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
    margin: 12px 0;
    border-top: 1px solid #eee;
    padding: 13px 0 0;
}

.dawn-market-tc p {
    float: left;
    width: 33.3%;
    line-height: 30px;
}

.ljs {
    font-size: 12px;
    color: #888;
    line-height: 45px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
    margin-top: 4px;
}

.ljs p {
    float: left;
    width: 24%;
}

.ljs p:nth-child(1), .ljs p:nth-child(4) {
    width: 52%;
}

.ky {
    float: right;
}

.sjk p {
    width: 100%;
    line-height: 25px;
}

.dawn-market-prices-wrap {
    margin-top: 6px;
    position: relative
}

.dawn-market-prices-num {
    color: #fe510f;
    font-size: 25px;
    line-height: 32px;
    height: 32px;
    -webkit-font-smoothing: antialiased
}

.dawn-market-original-price {
    color: #b0b0b0;
    font-size: 14px;
    line-height: 24px;
    margin-left: 4px
}

.dawn-market-use {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 12px;
    color: #999;
    line-height: 18px
}

.dawn-market-panel-sidebar {
    position: relative;
    left: 0;
    top: 0;
    width: 21.875%;
    height: 412px;
    background-size: cover;
    border-radius: 5px;
    background: linear-gradient(180deg, #f1f5fb, #fff);
    box-shadow: 0 5px 33px -8px rgb(80 140 209 / 29%);
    border: 2px solid #fff;
}

.dawn-ky {
    right: 0;
    left: auto;
}

.dawn-market-panel-sidebar-cont {
    padding: 20px
}

.dawn-market-panel-sidebar-title {
    font-size: 24px;
    line-height: 32px;
    color: #333;
    height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-font-smoothing: antialiased
}

.dawn-market-panel-sidebar-text {
    margin-top: 10px;
    font-size: 14px;
    line-height: 32px;
    color: #666
}

.dawn-service-info {
    text-align: center
}

.dawn-service-info-text {
    font-size: 16px;
    color: #4A4A4A;
    text-align: center;
    line-height: 36px;
    -webkit-font-smoothing: antialiased
}

.dawn-service-info-text i {
    margin-left: 4px;
    margin-right: 4px;
    color: #0038ff;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    vertical-align: -2px;
    font-family: DINNextLTPro-MediumCond, 'DIN Alternate', serif
}

.dawn-service-list {
    margin-top: 24px;
    width: 100%;
    overflow: hidden
}

.dawn-service-panel-list {
    font-size: 0;
    margin-left: -20px;
    margin-right: -20px
}

.dawn-service-item {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
    width: calc((100% - 1px) / 7)
}

.dawn-service-panel {
    display: inline-block;
    width: 128px;
    height: 126px;
    border-radius: 2px;
    padding-top: 16px;
    padding-bottom: 16px;
    border: 1px solid transparent
}

.dawn-service-panel:hover {
    background: #FFF;
    border-color: rgba(229, 232, 237, .3);
    box-shadow: 0 4px 8px 0 rgba(3, 27, 78, .12);
    transition: all .2s linear
}

.dawn-service-panel:hover .dawn-service-title {
    color: #0038ff
}

.dawn-service-icon {
    display: inline-block;
    width: 48px;
    height: 48px
}

.dawn-service-icon img {
    width: 100%;
    height: 100%
}

.dawn-service-title {
    display: block;
    font-size: 16px;
    color: #000;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 14px;
    transition: all .2s linear;
    -webkit-font-smoothing: antialiased
}

.dawn-market-section .dawn-2-section-inner {
    position: relative;
    z-index: 5
}

.home-service-bg-mask {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -700px;
    width: 1400px;
    height: 100%;
    z-index: 2;
    font-size: 0;
}

.home-service-bg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -800px;
    max-width: 1600px;
    z-index: 1;
    opacity: .03;
    font-size: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: bgScroll 24s infinite linear;
    animation: bgScroll 24s infinite linear;
    will-change: transform
}

.home-service-bg-group {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    min-height: 280px
}

.home-service-bg-item {
    height: 80px;
    margin: 0 50px 50px;
    display: inline-block;
    vertical-align: middle;
    line-height: 80px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: alpha(opacity=0);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.home-service-bg-item.last {
    margin-left: 1100px
}

.home-service-bg-item img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%
}

@-webkit-keyframes bgScroll {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-33.333%);
        transform: translateY(-33.333%)
    }
}

@keyframes bgScroll {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-33.333%);
        transform: translateY(-33.333%)
    }
}

.dawn-developer-section .dawn-2-section-inner {
    position: relative;
    z-index: 2
}

.home-developer-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../../images/ZdsjuX/home-developer-bg.png) top center no-repeat #f7f8fa;
    background-size: cover
}

.dawn-5-media-panel {
    display: block;
    position: relative;
    top: 0;
    transition: all .2s linear;
    box-shadow: 0 2px 4px rgba(3, 27, 78, .06);
    border: 1px solid #E5E8ED;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #fff;
    -webkit-font-smoothing: antialiased
}

.dawn-5-media-panel:hover {
    box-shadow: 0 4px 8px rgba(3, 27, 78, .12)
}

.dawn-5-media-panel.hand:hover {
    cursor: pointer
}

.dawn-5-media-panel-main {
    padding: 22px 32px 0;
    min-height: 220px
}

.dawn-5-media-panel-title {
    font-size: 24px;
    -webkit-font-smoothing: antialiased
}

.dawn-icon-title {
    width: 120px;
    height: 24px;
    font-size: 20px;
    display: block;
}

.dawn-icon-title.text-1 {
    background-image: url(../../images/ZdsjuX/main.svg);
    background-size: 233.33333333333334% 941.6666666666666%;
    background-position: 0.63% 13.370000000000001%;
    background-repeat: no-repeat
}

.dawn-icon-title.text-2 {
    background-image: url(../../images/ZdsjuX/main.svg);
    background-size: 233.33333333333334% 941.6666666666666%;
    background-position: 0.63% 26.240000000000002%;
    background-repeat: no-repeat
}

.dawn-icon-title.text-3 {
    background-image: url(../../images/ZdsjuX/main.svg);
    background-size: 233.33333333333334% 941.6666666666666%;
    background-position: 0.63% 0.5%;
    background-repeat: no-repeat
}

.dawn-5-media-panel-desc {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-top: 16px
}

.dawn-5-media-panel-links {
    margin-top: 18px
}

.dawn-5-media-panel-text {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 8px
}

.dawn-5-media-panel-text a {
    color: #666
}

.dawn-5-media-panel-text a:hover {
    color: #0038ff
}

.dawn-5-media-panel-text a::before {
    content: '';
    width: 2px;
    height: 2px;
    background-color: #666;
    display: inline-block;
    vertical-align: 4px;
    margin-left: 2px;
    margin-right: 8px
}

.dawn-5-media-panel-details {
    line-height: 48px;
    border-top: 1px solid #E5E8ED;
    padding: 0 30px
}

.dawn-5-media-panel-details-link {
    color: #0038ff
}

.dawn-tabs-bar {
    text-align: center;
    font-size: 0
}

.dawn-tabs-item {
    display: inline-block;
    text-align: center;
    position: relative;
    cursor: pointer;
    margin: 0 20px;
    padding-bottom: 12px
}

.dawn-tabs-item-con {
    display: block;
    padding: 0 20px;
    text-decoration: none;
    font-size: 18px;
    line-height: 28px;
    color: #333;
    -webkit-font-smoothing: antialiased
}

.dawn-tabs-list {
    border-bottom: #e5e5e5 1px solid;
    position: relative;
    list-style: none
}

.dawn-tabs-active .dawn-tabs-item-con,
.dawn-tabs-item-con:hover {
    color: #0038ff
}

.dawn-tabs-disabled {
    cursor: default
}

.dawn-tabs-disabled .dawn-tabs-item-con,
.dawn-tabs-disabled .dawn-tabs-item-con:hover {
    color: #ccc;
    cursor: not-allowed;
    font-weight: 400
}

.dawn-tabs-active .dawn-tabs-item-con:after {
    display: inline-block;
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0038ff;
    z-index: 1
}

.dawn-tabs-content {
    padding: 20px 0 0
}

.dawn-tabs-vertical {
    display: table;
    width: 100%
}

.dawn-tabs-vertical .dawn-tabs-bar {
    display: table-cell;
    width: 15%;
    position: relative;
    vertical-align: top
}

.dawn-tabs-vertical .dawn-tabs-bar:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background-color: #e5e5e5
}

.dawn-tabs-vertical .dawn-tabs-panel {
    display: table-cell;
    width: 85%
}

.dawn-tabs-vertical .dawn-tabs-item {
    display: block;
    border-bottom: 0 none;
    margin-left: 0;
    margin-right: 0
}

.dawn-tabs-vertical .dawn-tabs-item-con {
    display: block;
    padding: 5px 0;
    text-decoration: none
}

.dawn-tabs-vertical .dawn-tabs-active .dawn-tabs-item-con:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100% !important;
    background-color: #0038ff;
    left: auto;
    bottom: 0;
    z-index: 1
}

.dawn-tabs-vertical .dawn-tabs-list {
    border-bottom: 0 none
}

.dawn-tabs-vertical .dawn-tabs-content {
    padding: 0 0 0 10px
}

.dawn-2-tabs-active .tabs-animation,
.dawn-tabs-active .tabs-animation {
    font-size: 0;
    position: absolute;
    left: 10%;
    bottom: 0;
    width: 100%;
    height: 10px;
    z-index: 10;
    animation: electricity .8s;
    -moz-animation: electricity .8s;
    -webkit-animation: electricity .8s;
    -o-animation: electricity .8s
}

@keyframes electricity {
    0% {
        left: 0;
        width: 100%
    }

    100% {
        left: 101%;
        width: 0
    }
}

.dawn-2-logo-case-section {
    z-index: 5
}

.dawn-tabs-list {
    border-bottom: #e5e5e5 1px solid;
    position: relative;
    list-style: none
}


.section-head {
    padding-bottom: 32px;
    text-align: center
}

.section-head-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    color: #252b3a
}

.section-head-subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 14px;
    color: #575d6c
}

.section-head-subtitle a {
    margin-left: 1em;
    -webkit-transition: .2s;
    transition: .2s
}

.section-head-subtitle a i {
    margin-top: -4px;
    vertical-align: middle;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.section-head-subtitle a:hover {
    color: #306bff
}

.section-head-subtitle a:hover i {
    -webkit-transform: translate(4px);
    transform: translate(4px)
}

.section-head[data-theme=light] .section-head-subtitle,
.section-head[data-theme=light] .section-head-title {
    color: #fff
}

.section-product .por-container {
    position: relative;
    z-index: 1;
}

.por-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.container1 {
    width: 1200px;
    margin: 0 auto;
}

.product-main {
    padding: 30px 0 55px;
    background: #fff;
    overflow: hidden;
    min-width: 1220px;
}

.product-main dl {
    color: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 8px 8px 25px 0 rgba(55, 99, 170, .1), -8px -8px 25px 0 #fff;
}

.product-main dt {
    float: left;
    width: 400px;
    height: 600px;
    padding: 35px 35px 0;
    background: url("../../images/index/bg/product1.jpg") no-repeat;
    overflow: hidden
}

.product-main dd {
    float: right;
    width: 800px;
    height: 600px;
    overflow: hidden
}

.product-main ul {
    overflow: hidden
}

.product-main ul li {
    float: left;
    width: 400px;
    height: 300px;
    padding: 35px 35px 0 35px;
}

.product-main .desc {
    position: relative;
    overflow: hidden
}

.product-main .desc:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url("../../images/index/bg/ico/icons.png") no-repeat;
}

.product-main .desc h4 {
    font-size: 24px;
}

.product-main .desc p {
    line-height: 22px;
    margin: 12px 0 0;
}

.product-main .sur {
    font-size: 20px;
    overflow: hidden
}

.product-main .sur a {
    display: block;
    float: left;
    line-height: 24px;
    color: #bfcee2;
}

.product-main .sur a:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    height: 24px;
    background: url("../../images/index/bg/ico/icons.png") no-repeat;
}

.product-main .sur a:hover {
    color: #fff;
}

.product-main dt .desc {
    padding-left: 90px;
    min-height: 67px;
}

.product-main dt .desc:before {
    width: 57px;
    height: 67px;
    background-position: 0 -295px;
}

.product-main dt .desc p {
    font-size: 18px;
    line-height: 36px;
    margin: 18px 0 0;
}

.product-main dt .sur {
    margin: 5px 0 0 105px;
}

.product-main dt .sur a {
    margin: 20px 10px 0 0
}

.product-main dt .sur a:before {
    width: 26px;
}

.product-main dt .ico1, .product-main dt .ico3, .product-main dt .ico5 {
    width: 190px !important;
}

.product-main dt .ico1:before {
    background-position: -33px 2px;
}

.product-main dt .ico2:before {
    background-position: -63px 0;
}

.product-main dt .ico3:before {
    background-position: -91px 2px;
}

.product-main dt .ico4:before {
    background-position: -120px 2px;
}

.product-main dt .ico5:before {
    background: url("../../images/index/bg/ico/ico7.png") left 4px no-repeat;
}

.product-main dt .ico6:before {
    background: url("../../images/index/bg/ico/ico8.png") left 1px no-repeat;
}

.product-main .item1 {
    background: url("../../images/index/bg/product2.jpg") no-repeat;
}

.product-main .item1 .desc {
    padding-left: 92px;
    min-height: 67px;
}

.product-main .item1 .desc:before {
    width: 66px;
    height: 50px;
    top: 5px;
    background-position: -71px -295px;
}

.product-main .item1 .sur {
    margin: 12px 0 0 90px;
}

.product-main .item1 .sur a {
    margin: 15px 0 0;
    width: 156px;
}

.product-main .item1 .sur a:before {
    width: 22px;
}

.product-main .item1 .ico2 {
    margin-right: 0 !important;
}

.product-main .item1 .ico1:before {
    background-position: -151px 3px;
}

.product-main .item1 .ico2:before {
    background-position: -179px 3px;
}

.product-main .item1 .ico3:before {
    background-position: -208px 2px;
}

.product-main .item2 {
    background: url("../../images/index/bg/product3.jpg") no-repeat;
}

.product-main .item2 .desc {
    padding-left: 95px;
    min-height: 53px;
}

.product-main .item2 .desc:before {
    width: 69px;
    height: 53px;
    top: 5px;
    background-position: -151px -295px;
}

.product-main .item2 .sur {
    margin: 12px 0 0 90px;
}

.product-main .item2 .sur a {
    margin: 15px 10px 0 0;
    width: 152px;
}

.product-main .item2 .sur a:before {
    width: 31px;
}

.product-main .item2 .ico2 {
    margin-right: 0 !important;
}

.product-main .item2 .ico1:before {
    background-position: -228px 3px;
}

.product-main .item2 .ico2:before {
    background-position: -264px 3px;
}

.product-main .item2 .ico3:before {
    background-position: -296px 3px;
}

.product-main .item3 {
    clear: both;
    width: 800px;
    height: 300px;
    padding: 35px 35px 0;
    color: #333333;
    background: url("../../images/index/bg/product4.jpg") no-repeat;
}

.product-main .item3 .desc {
    padding-left: 88px;
    min-height: 70px;
}

.product-main .item3 .desc:before {
    width: 54px;
    height: 65px;
    background-position: -223px -220px;
}

.product-main .item3 .desc p {
    font-size: 18px;
    height: 64px;
    line-height: 32px;
    overflow: hidden
}

.product-main .item3 .sur {
    margin: 0 0 0 80px;
    color: #666666;
    font-size: 16px;
}

.product-main .item3 .sur a {
    margin: 15px 0 0 0;
    width: 140px;
    color: #666666;
}

.product-main .item3 .sur a:before {
    width: 30px;
}

.product-main .item3 .ico1,
.product-main .item3 .ico6, .product-main .item3 .ico8 { /*width: 200px !important;*/
}

.product-main .item3 .ico1:before {
    background-position: 3px -376px;
}

.product-main .item3 .ico2:before {
    background-position: -25px -376px;
}

.product-main .item3 .ico3:before {
    background-position: -52px -376px;
}

.product-main .item3 .ico4:before {
    background-position: -80px -376px;
}

.product-main .item3 .ico5:before {
    background-position: -111px -376px;
}

.product-main .item3 .ico6:before {
    background-position: -143px -376px;
}

.product-main .item3 .ico7:before {
    background-position: -174px -376px;
}

.product-main .item3 .ico8:before {
    background-position: -203px -376px;
}

.product-main .item3 .ico9:before {
    background-position: -230px -376px;
}

.product-main .item3 .ico10:before {
    background-position: -260px -376px;
}

.product-main .item3 .ico11:before {
    background-position: -287px -376px;
}

.product-main .item3 .ico12:before {
    background-position: -317px -377px;
}

.product-main .item3 .ico13:before {
    background-position: -343px -377px;
}

.product-main .item3 .ico14:before {
    background-position: -343px -343px;
}

.product-main .item3 .ico15:before {
    background-position: -315px -343px;
}

.module-title {
    text-align: left;
    color: #000;
    font-size: 36px;
    margin: 0 0 80px;
}

.module-title span {
    color: #2468f2;
}

.module-title p {
    font-size: 16px;
    margin: 13px 0 0;
}

.product-main .btn {
    display: block;
    color: #fff;
    border-radius: 5px;
    margin: 115px 0 0 75px;
    width: 178px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, .3);
    line-height: 48px;
    text-align: center;
    font-size: 16px;
}

.product-main .btn:hover {
    background: #fff;
    color: #015bfe;
}

/* 资质 */
.index-honor {
    padding: 0 0 55px 0;
    overflow: hidden;
    min-width: 1220px;
}

.index-honor ul {
    margin: 0 0 0 -4px;
}

.index-honor li {
    width: 160px;
    padding-top: 10px;
    height: 160px;
    margin: 10px 22px;
    float: left;
    background: linear-gradient(180deg, #f1f5fb, #fff);
    box-shadow: 0 5px 33px -8px rgba(80, 140, 209, .29);
    border-radius: 5px;
    border: 2px solid #fff;
    transition: all .3s linear;
}

.index-honor li:hover {
    border: 2px solid #fff;
    box-shadow: inset 8px 8px 20px 0 rgba(55, 99, 170, .11), inset -8px -8px 20px 0 #fff;
    transition: all .3s linear;
}

.index-honor li a {
    display: block;
    text-align: center;
}

.index-honor li .index-honor-h5 {
    font-size: 14px;
    color: #000000;
}

.index-honor li p {
    font-size: 12px;
    line-height: 22px;
    color: #666666;
}

.index-honor li i {
    display: block;
    width: 127px;
    height: 97px;
    margin: 0 auto 15px;
}

.index-honor li .img1 {
    background: url("../../images/index/certificate1.png") center no-repeat;
}

.index-honor li .img2 {
    background: url("../../images/index/certificate2.png") center no-repeat;
}

.index-honor li .img3 {
    background: url("../../images/index/certificate3.png") center no-repeat;
}

.index-honor li .img4 {
    background: url("../../images/index/certificate4.png") center no-repeat;
}

.index-honor li .img5 {
    background: url("../../images/index/certificate5.png") center no-repeat;
}

.index-honor li .img6 {
    background: url("../../images/index/certificate6.png") center no-repeat;
}


/*优势*/
.index-advantage {
    min-width: 1220px;
    overflow: hidden;
}

.index-advantage .container {
    position: relative;
    overflow: hidden;
}

.index-advantage .advantage-list {
    height: 700px;
    overflow: hidden;
    position: relative;
}

.index-advantage .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    left: 5px;
    right: 0;
    bottom: 40px;
    z-index: 1;
}

.index-advantage .hd ul {
    text-align: center;
    overflow: hidden;
    zoom: 1;
}

.index-advantage .hd ul li {
    display: inline-block;
    margin: 0 3px;
    width: 30px;
    height: 4px;
    line-height: 4px;
    color: transparent;
    text-align: center;
    background: rgba(255, 255, 255, .4);
    cursor: pointer;
}

.index-advantage .hd ul li.on {
    background: #fff;
    color: transparent;
}

.index-advantage .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.index-advantage .bd ul {
    width: 100% !important;
}

.index-advantage .bd li {
    height: 625px;
    width: 100% !important;
    padding-top: 75px;
    zoom: 1;
    vertical-align: middle;
}

.index-advantage .bd img {
    display: block;
    float: left;
}

.index-advantage .title {
    text-align: center;
    font-size: 30px;
    margin: 0 0 55px;
    color: #fff;
}

.index-advantage .title p {
    font-size: 14px;
    margin: 10px 0 0;
}

.index-advantage .info {
    position: absolute;
    right: 0;
    top: 190px;
    color: #fff;
}

.index-advantage .info .h1 {
    font-size: 48px;
    margin: 0 0 22px;
}

.index-advantage .info p {
    font-size: 18px;
    line-height: 35px;
}

.index-advantage .info a {
    color: #fff;
}

.index-advantage .info .more {
    display: block;
    color: #fff;
    background: rgba(255, 255, 255, 0);
    transition-duration: .3s;
    width: 158px;
    height: 38px;
    border: 1px solid #fff;
    line-height: 38px;
    text-align: center;
}

.index-advantage .info .more:hover {
    background: rgba(255, 255, 255, 1);
    color: #2468f2;
}

.index-advantage .list1 {
    background: #02304d;
}

.index-advantage .list1 .info {
    width: 425px;
}

.index-advantage .list1 .more {
    margin: 55px 0 0;
}

.index-advantage .list2 {
    background: #0c2e95;
}

.index-advantage .list2 .title {
    margin: 0 0 30px;
}

.index-advantage .list2 .info {
    width: 455px;
}

.index-advantage .list2 img {
    margin-left: 85px;
}

.index-advantage .list2 .more {
    margin: 55px 0 0;
}

.index-advantage .list3 {
    background: #010861;
}

.index-advantage .list3 .info {
    width: 585px;
}

.index-advantage .list3 img {
    margin-left: 80px;
}

.index-advantage .list3 .more {
    margin: 50px 0 0;
}

.index-advantage .list4 {
    background: #2b52c9;
}

.index-advantage .list4 .info {
    width: 610px;
}

.index-advantage .list4 img {
    margin-left: 30px;
}

.index-advantage .list4 .more {
    margin: 30px 0 0;
}

.index-advantage .list5 {
    background: #7f0cf6;
}

.index-advantage .list5 img {
    margin-left: 80px;
}

.index-advantage .list5 .info {
    width: 605px;
}

.index-advantage .list5 .more {
    margin: 30px 0 0;
}


/* 地图 */

.i-map {
    /*min-height: 1030px;*/
    padding: 0;
    /*background: url(../public/img/map-bg.png) repeat;*/
}

.i-map .map-box {
    width: 1015px;
    min-height: 552px;
    margin: 57px 100px 0 100px;
    background: url(../public/img/map.png) no-repeat center top;
    position: relative;
}

.i-map .map-box .city {
    width: 16px;
    height: 19px;
    background: url(../public/img/i-city.png) no-repeat;
    color: #333840;
    padding: 15px 0 0 3px;
}

.i-map .map-box .name {
    width: 35px;
    position: absolute;
    left: -38px;
    top: 0;
}

.i-map .map-box .name.right {
    left: 24px;
}

.i-map .map-box .dot {
    background: #3598fe;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    position: relative;
    transform: rotateX(45deg);
    animation: scaleFn 2s linear 0s infinite normal;
}

.i-map .map-box .dot:before {
    position: absolute;
    content: '';
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: rgba(53, 152, 254, 0.2);
    top: -7px;
    left: -8px;
}

.i-map .map-box .dot:after {
    position: absolute;
    content: '';
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(53, 152, 254, 0.07);
    left: -16px;
    top: -14px;
}

.i-map .map-box .chengdu {
    left: 295px;
    top: 308px;
}

.i-map .map-box .wuhan {
    left: 440px;
    top: 311px;
}

.i-map .map-box .wuhan .name {
    left: 5px;
    top: -23px;
}

.i-map .map-box .guangzhou {
    left: 404px;
    top: 393px;
}

.i-map .map-box .shenzhen {
    left: 425px;
    top: 413px;
}

.i-map .map-box .shenzhen .name {
    left: 7px;
    top: -17px;
}

.i-map .map-box .xianggang {
    left: 449px;
    top: 411px;
}

.i-map .map-box .xiamen {
    left: 493px;
    top: 377px;
}

.i-map .map-box .beijing {
    left: 450px;
    top: 182px;
}

.i-map .map-box .suzhou {
    left: 471px;
    top: 257px;
}

.i-map .map-box .huaian {
    left: 499px;
    top: 267px;
}

.i-map .map-box .shanghai {
    left: 519px;
    top: 289px;
}

.i-map .map-box .meizhou {
    left: 803px;
    top: 100px;
}

.line-box {
    position: absolute;
    cursor: pointer;
    width: 12px;
    height: 12px;
    border: #fe8d1f solid 1px;
    border-radius: 50%;
    background: #fe8d1f;
    z-index: 99;
}

.line-box:before {
    position: absolute;
    width: 6px;
    height: 6px;
    content: '';
    border: #fff solid 2px;
    border-radius: 50%;
    left: 0;
    top: 0;
}

.line-box:hover {
    z-index: 100;
}

.line-box.beisu {
    left: 462px;
    top: 209px;
    background: #ff7e00;
    filter: alpha(opacity=0);
    animation: map01 2s linear 0s infinite alternate;
    -moz-animation: map01 2s linear 0s infinite alternate;
    -webkit-animation: map01 2s linear 0s infinite alternate;
    -o-animation: map01 2s linear 0s infinite alternate;
}

.line-box.beisu:hover {
    animation-play-state: paused;
}

.line-box.beiguang {
    left: 412px;
    top: 379px;
    background: #ff7e00;
    filter: alpha(opacity=0);
    animation: map02 6s linear 0s infinite alternate;
    -moz-animation: map02 6s linear 0s infinite alternate;
    -webkit-animation: map02 6s linear 0s infinite alternate;
    -o-animation: map02 6s linear 0s infinite alternate;
}

.line-box.beiguang:hover {
    animation-play-state: paused;
}

.line-box.guangsu {
    left: 424px;
    top: 378px;
    background: #ff7e00;
    filter: alpha(opacity=0);
    animation: map03 4s linear 0s infinite alternate;
    -moz-animation: map03 4s linear 0s infinite alternate;
    -webkit-animation: map03 4s linear 0s infinite alternate;
    -o-animation: map03 4s linear 0s infinite alternate;
}

.line-box.guangsu:hover {
    animation-play-state: paused;
}

.abs {
    position: absolute;
}

@keyframes scaleFn {
    0% {
        transform: scale(0.3) rotateX(55deg);
    }
    50% {
        transform: scale(1) rotateX(55deg);
    }
    100% {
        transform: scale(0.3) rotateX(55deg);
    }
}

@keyframes map01 {
    0% {
        left: 462px;
        top: 209px;
        background: #ff7e00;
        filter: alpha(opacity=0);
    }
    100% {
        left: 492px;
        top: 262px;
        background: #ff7e00;
        filter: alpha(opacity=0);
    }
}

@keyframes map02 {
    0% {
        left: 412px;
        top: 379px;
        background: #ff7e00;
        filter: alpha(opacity=0);
    }
    50% {
        left: 428px;
        top: 300px;
        background: #ff7e00;
        filter: alpha(opacity=100);
    }
    100% {
        left: 446px;
        top: 216px;
        background: #ff7e00;
        filter: alpha(opacity=0);
    }
}

@keyframes map03 {
    0% {
        left: 424px;
        top: 384px;
        background: #ff7e00;
        filter: alpha(opacity=0);
    }
    100% {
        left: 494px;
        top: 290px;
        background: #ff7e00;
        filter: alpha(opacity=0);
    }
}


/* 地图 */


/* 解决方案 */

.section-title {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 52px;
    min-width: 1220px
}

.section-title h1 {
    position: relative;
    font-size: 36px;
    line-height: 50px;
    letter-spacing: 4px;
    color: #252b3a;
}

.section-title h2 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 2px;
    color: #666a75;
}

.section-title h3 a:hover {
    color: #0052d9
}

.section-wrapper {
    max-width: 1280px;
    min-width: 1220px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    overflow: hidden;
}

.mall-app > ul {
    margin-left: -10px;
    margin-right: -10px;
}

.mall-app > ul:before,
.mall-app > ul:after {
    content: " ";
    display: table;
    box-sizing: inherit;
}

.mall-app > ul > li {
    float: left;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
}

.mall-app-card {
    box-shadow: 0 5px 33px -8px rgba(80, 140, 209, .29);
    position: relative;
    height: 470px;
    border: 2px solid #fff;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
}

.mall-app-card-bg1 {
    background-image: url(../../images/index/homepage-mall-enterprise-bg.jpg);
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: 0.2s;
}

.mall-app-card-bg2 {
    background-image: url(../../images/index/homepage-mall-solution-bg.jpg);
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: 0.2s;
}

.mall-app-card-bg3 {
    background-image: url(../../images/index/homepage-mall-video-bg.jpg);
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: 0.2s;
}

.mall-app-card-bg4 {
    background-image: url(../../images/index/homepage-mall-station-bg.jpg);
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: 0.2s;
}

.mall-app-card-icon1 {
    background-image: url(../../images/index/homepage-mall-enterprise-logo.svg);
}

.mall-app-card-icon2 {
    background-image: url(../../images/index/homepage-mall-solution-logo.svg);
}

.mall-app-card-icon3 {
    background-image: url(../../images/index/homepage-mall-video-logo.svg);
}

.mall-app-card-icon4 {
    background-image: url(../../images/index/homepage-mall-station-logo.svg);
}

.mall-app-card-top {
    position: relative;
    height: 50%;
}

.mall-app-card-top i {
    display: block;
    position: absolute;
    top: 80px;
    right: 0;
    left: 0;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    transition: 0.2s;
}

.mall-app-card-top .font-style-h2 {
    position: absolute;
    top: 175px;
    right: 0;
    left: 0;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    transition: 0.2s;
}

.mall-app-card-top .font-style-h2:before {
    content: "";
    border-radius: 2px;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    width: 0;
    height: 4px;
    margin: 15px auto;
    background-color: #fff;
    transition: 0.2s 0.2s;
}

.mall-app-card-top p {
    position: absolute;
    top: 173px;
    right: 0;
    left: 0;
    padding-left: 40px;
    padding-right: 40px;
    margin: 10px auto 0;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    opacity: 0;
    transition: 0.2s;
}

.mall-app-card-bottom {
    position: relative;
    height: 50%;
    padding-top: 50px;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}

.mall-app-card-bottom li {
    margin-bottom: 10px;
}

.mall-app-card-bottom li a {
    color: #fff;
}

.mall-app-card-bottom li a:hover {
    color: #2468f2;
}

.section-bottom {
    padding-top: 40px;
    padding-bottom: 50px;
}

.section-more-wrap {
    text-align: center;
}

.section-more-wrap a {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #666a75;
    cursor: pointer;
    user-select: none;
    transition: 0.2s;
}

.section-more-wrap a:hover {
    color: #2468f2;
}

.section-more-wrap a:hover i {
    transform: translate3d(5px, 0px, 0px);
}

.section-more-wrap a .cui-icon {
    margin-top: -2px;
    margin-left: 10px;
    transition: transform 0.2s;
}

.cui-icon {
    font-family: 'cui-icon', serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.mall-app-card:hover .mall-app-card-bg1 {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.mall-app-card:hover .mall-app-card-top i {
    opacity: 0;
}

.mall-app-card:hover .mall-app-card-bg2 {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.mall-app-card:hover .mall-app-card-top i {
    opacity: 0;
}

.mall-app-card:hover .mall-app-card-bg3 {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.mall-app-card:hover .mall-app-card-top i {
    opacity: 0;
}

.mall-app-card:hover .mall-app-card-bg4 {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.mall-app-card:hover .mall-app-card-top i {
    opacity: 0;
}

.mall-app-card:hover .mall-app-card-top .font-style-h2 {
    top: 85px;
}

.mall-app-card:hover .mall-app-card-top .font-style-h2:before {
    width: 68px;
}

.mall-app-card:hover .mall-app-card-top p {
    margin-top: 0;
    opacity: 1;
}


@font-face {
    font-family: 'cui-icon';
    src: url(front/cui-icon.woff2);
    font-weight: normal;
    font-style: normal;
}

.cui-icon {
    font-family: 'cui-icon', serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.cui-icon-add:before {
    content: "\ea01"
}

.cui-icon-cancel:before {
    content: "\ea02"
}

.cui-icon-confirm:before {
    content: "\ea03"
}

.cui-icon-date:before {
    content: "\ea04"
}

.cui-icon-download:before {
    content: "\ea05"
}

.cui-icon-edit:before {
    content: "\ea06"
}

.cui-icon-heart:before {
    content: "\ea07"
}

.cui-icon-help:before {
    content: "\ea08"
}

.cui-icon-home:before {
    content: "\ea09"
}

.cui-icon-infomation:before {
    content: "\ea0a"
}

.cui-icon-menu:before {
    content: "\ea0b"
}

.cui-icon-minus:before {
    content: "\ea0c"
}

.cui-icon-purchase:before {
    content: "\ea0d"
}

.cui-icon-refresh:before {
    content: "\ea0e"
}

.cui-icon-search:before {
    content: "\ea0f"
}

.cui-icon-star-outline:before {
    content: "\ea10"
}

.cui-icon-star:before {
    content: "\ea11"
}

.cui-icon-visible:before {
    content: "\ea12"
}

.cui-icon-double-down:before {
    content: "\ea13"
}

.cui-icon-double-left:before {
    content: "\ea14"
}

.cui-icon-double-right:before {
    content: "\ea15"
}

.cui-icon-double-up:before {
    content: "\ea16"
}

.cui-icon-down:before {
    content: "\ea17"
}

.cui-icon-left:before {
    content: "\ea18"
}

.cui-icon-more:before {
    content: "\ea19"
}

.cui-icon-play:before {
    content: "\ea1a"
}

.cui-icon-right:before {
    content: "\ea1b"
}

.cui-icon-triangle-down:before {
    content: "\ea1c"
}

.cui-icon-up:before {
    content: "\ea1d"
}

.cloud-product {
    padding: 25px 0 45px 0;
}

.cloud-product-title {
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 36px;
    color: #333;
}

.cloud-product-title.white-color {
    color: #fff;
}

.color-blue {
    color: #009fd9;
}

.solution-list {
    position: relative;
    height: 500px;
    overflow: hidden;
    border-radius: 5px;
}

.arr-btn {
    position: absolute;
    top: 0;
    width: 40px;
    height: 100%;
    z-index: 99;
    display: none;
    opacity: 0;
    -moz-opacity: 0;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}

.solution-box:hover .arr-btn {
    display: block;
    opacity: 1;
    -moz-opacity: 1;
}

.arr-btn-left {
    left: 0;
}

.arr-btn-right {
    right: 0;
}

.solution-box-wraper {
    width: 100%;
}

.solution-box {
    position: relative;
    width: 1200px !important;
    min-width: 1200px !important;
    max-width: 1200px !important;

}

.arr-btn {
    background-color: rgba(255, 255, 255, 0.08);
}

.arr-btn i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -18px;
    display: block;
    width: 20px;
    height: 36px;
    z-index: 100;
}

.arr-btn .arr-left {
    background: url(img/index-sprite.png) no-repeat 0 -1538px;
}

.arr-btn .arr-right {
    background: url(img/index-sprite.png) no-repeat 0 -1500px;
}

.solution-list {
    width: auto !important;
    background-image: linear-gradient(0deg, #fff, #f3f5f8);
    box-shadow: 8px 8px 25px 0 rgb(193, 193, 195), -8px -8px 25px 0 #fff;
    border-radius: 5px;
}

.solution-list ul li {
    float: left;
    position: relative;
    height: 500px;
    width: 300px;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}

.solution-bg-li01 {
    background: url(img/cloud-photo.jpg) no-repeat center;
}

.solution-bg-li02 {
    background: url(img/finance-photo.jpg) no-repeat center;
}

.solution-bg-li03 {
    background: url(img/mobile-photo.jpg) no-repeat center;
}

.solution-bg-li04 {
    background: url(img/busin-photo.jpg) no-repeat center;
}

.solution-bg-li05 {
    background: url(img/game-photo.jpg) no-repeat center;
}

.solution-list ul li .li-bgcolor {
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: #292e33;

}

.li-bgcolor.opa-5 {
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

.li-bgcolor.opa-8 {
    filter: alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.8;
}

.solution-list ul li > i {
    position: absolute;
    top: 170px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    z-index: 2;
    transition: top .5s;
    -moz-transition: top .5s;
    -webkit-transition: top .5s;
    -o-transition: top .5s;
}

.solution-list ul li > i.cloud-icon {
    background: url(img/solution-items-icon.png) no-repeat 0 0;
}

.solution-list ul li > i.finance-icon {
    background: url(img/solution-items-icon.png) no-repeat 0 -60px;
}

.solution-list ul li > i.mobile-icon {
    background: url(img/solution-items-icon.png) no-repeat 0 -120px;
}

.solution-list ul li > i.busin-icon {
    background: url(img/solution-items-icon.png) no-repeat 0 -180px;
}

.solution-list ul li > i.game-icon {
    background: url(img/solution-items-icon.png) no-repeat 0 -240px;
}

.solution-list ul li:hover > i {
    margin-left: -30px;
    width: 60px;
    height: 60px;
}

.solution-list ul li > p.solution-title {
    position: absolute;
    top: 280px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    z-index: 2;

    transition: top .5s;
    -moz-transition: top .5s;
    -webkit-transition: top .5s;
    -o-transition: top .5s;
}

.solution-list ul li > p.solution-intro {
    text-indent: 26px;
    font-size: 12px;
    height: 150px;
    padding: 0 30px;
    overflow: hidden;
    position: absolute;
    top: 282px;
    color: #fff;
    line-height: 2;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
}

.solution-list ul li > a {
    position: absolute;
    top: 452px;
    left: 50%;
    margin-left: -59px;
    width: 118px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
    z-index: 2;
    opacity: 0;

    transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
}

.solution-list ul li:hover .li-bgcolor {
    background-color: #2468f2;
}

.solution-list ul li:hover i {
    top: 76px;
}

.solution-list ul li:hover p.solution-title {
    top: 168px;
}

.solution-list ul li:hover p.solution-intro {
    top: 230px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.solution-list ul li:hover a {
    top: 380px;
    opacity: 1;
    filter: alpha(opacity=100);
}


/*新闻动态*/
.index-news {
    padding: 75px 0 55px;
    overflow: hidden;
    min-width: 1220px;
}

.index-news .module-title {
    margin: 0 0 80px;
}

.index-news dl {
    width: 31.33%;
    margin: 0 1.2%;
    padding: 15px 20px 0 20px;
    float: left;
    border-radius: 5px;
    border: 2px solid #fff;
    background: linear-gradient(180deg, #f1f5fb, #fff);
    box-shadow: 0 5px 33px -8px rgba(80, 140, 209, .29);
    transition: all .3s linear;
}

.index-news dl:hover {
    box-shadow: 0 5px 33px -8px rgba(80, 140, 209, .5);
    transition: all .3s linear;
}

.index-news dl:last-child {
    margin-right: 0;
}

.index-news dt {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    color: #181C29;
}

.index-news dt a {
    display: block;
    color: #181C29;
    margin: 5px 0
}

.index-news dt span {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #828897;
    float: right;
    margin-right: 5px;
}

.index-news dt span:hover {
    color: #306bff !important;
}

.index-news dd {
    padding: 10px 0;
    border-top: none;
}

.index-news dd p {
    height: 25px;
    line-height: 25px;
    margin: 0 0 15px;
}

.index-news dd span {
    float: right;
    margin-right: 8px;
    font-size: 14px;
    text-align: center; /*background: #f6f6f6;*/
    color: #828897;
    border-radius: 3px;
}

.index-news dd a {
    display: block;
    width: 80%;
    float: left;
    color: #4D5260;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.index-news dd a:hover {
    color: #306bff !important;
}

/*生态合作*/
.cooperation-body {
    background: #000142;
    min-width: 1220px;
    overflow: hidden;
}

.cooperation-body img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.module-title {
    font-size: 30px;
    color: #000;
    margin: 0 0 55px;
    text-align: center;
}

.module-title span {
    color: #2468f2;
}

.module-title p {
    font-size: 14px;
    margin: 13px 0 0;
    color: #666666;
}

.wwy-auth {
    width: 100%;
    background: #fff;
    padding-top: 80px;
    text-align: center;
    font-weight: 700;
}

.wwy-auth-title {
    margin: 0 auto;
    padding: 0 20px;
    font-size: 24px;
    color: #374567;
    letter-spacing: 0;
    line-height: 24px;
    max-width: 540px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.font-size-24 {
    font-size: 24px;
}

/*服务活动推广*/
.back-white {
    background: #fff;
}

.service-action-ul li {
    float: left;
    width: 25%;
    height: 120px;
}

.service-action-ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.service-action-box {
    position: relative;
}

.service-action-img {
    display: inline-block;
    margin-top: 30px;
    width: 102px;
    height: 60px;
}

.action-img1 {
    background: url(img/index-banner-sub1.png) no-repeat 0 0;
}

.action-img2 {
    background: url(img/index-banner-sub2.png) no-repeat 0 0;
}

.action-img3 {
    background: url(img/index-banner-sub3.png) no-repeat 0 0;
}

.action-img4 {
    background: url(img/index-banner-sub4.png) no-repeat 0 0;
}

.service-action-text {
    position: absolute;
    left: 110px;
    top: 36px;
}

.service-action-title {
    font-size: 16px;
    color: #333;
}

.service-action-ul li:hover .service-action-title {
    color: #2468f2;
}

.service-action-info {
    margin-top: 8px;
    width: 135px;
    font-size: 12px;
    color: #999;
}

/* 首页新闻 */
.news-ul li a {
    padding-right: 25%;
}


.i-upCloud .lists {
    padding-left: 30px;
}

.i-upCloud .lists h3 {
    font-size: 22px;
    color: #1e212c;
    padding-left: 20px;
    margin-bottom: 20px;
}

.i-upCloud .lists ul > li {
    line-height: 0.88rem;
    width: 210px;
    float: left;
    position: relative;
}

.i-upCloud .lists ul > li:nth-child(1) a i {
    background: url(../images/icon/cloud_business.png) no-repeat center center;
}

.i-upCloud .lists ul > li:nth-child(2) a i {
    background: url(../images/icon/cloud_data.png) no-repeat center center;
}

.i-upCloud .lists ul > li:nth-child(3) a i {
    background: url(../images/icon/cloud_equipment.png) no-repeat center center;
}

.i-upCloud .lists ul > li:nth-child(4) a i {
    background: url(../images/icon/cloud_innovate.png) no-repeat center center;
}

.i-upCloud .lists ul > li a {
    color: #1e212c;
    font-size: 16px;
    padding-left: 15px;
    display: flex;
    align-items: center;
}

.i-upCloud .lists ul > li a i {
    width: 40px;
    height: 40px;
    margin-right: 15px;
    display: inline-block;
}

.i-upCloud .lists ul > li:first-child:before {
    background: linear-gradient(to right, #f5f5f5, #eeeeee);
    width: 80%;
    height: 1px;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
}

.i-upCloud .lists ul > li:first-child:after {
    background: linear-gradient(to top, #eeeeee, #f5f5f5);
    width: 1px;
    height: 80%;
    content: '';
    position: absolute;
    right: 20%;
    bottom: 0;
}

.i-upCloud .lists ul > li:last-child:before {
    background: linear-gradient(to right, #eeeeee, #f5f5f5);
    width: 80%;
    height: 1px;
    content: '';
    position: absolute;
    left: -10%;
    top: 0;
}

.i-upCloud .lists ul > li:last-child:after {
    background: linear-gradient(to top, #f5f5f5, #eeeeee);
    width: 1px;
    height: 80%;
    content: '';
    position: absolute;
    left: -10%;
    top: 0;
}

.i-upCloud .reason {
    font-size: 14px;
    color: #89919b;
    padding-left: 22px;
    margin-top: 15px;
}

.i-upCloud .reason a {
    color: #89919b;
    font-size: 14px;
}

.i-upCloud .more {
    padding-left: 22px;
    margin-top: 0.55rem;
}

.i-upCloud .more a {
    font-size: 14px;
    color: #2d81ff;
}

.i-upCloud .more a i {
    font-size: 12px;
}

.mt70 {
    margin-top: 0.7rem;
}

.col-lg-6 {
    width: 50%;
    float: left;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

/*解决方案*/
.solution-bgcolor {
    min-width: 1220px;
    padding: 0 0 55px;
}

.solution-bgcolor .cloud-product-title span {
    color: #333;
    font-size: 36px;
}

.solution-bgcolor .cloud-product-title span {
    border-color: #fff;
}

.cloud-product-introduce-wrapper {
    height: 300px;
}

.cloud-product-introduce-item {
    width: 32%;
    height: 240px;
    margin-left: 1.5%;

}

.cloud-product-introduce-item:hover {
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.12);
}

.cloud-product-introduce-item:first-child {
    margin-left: 0;
}

.cloud-item-bg {
    margin: 30px auto 0;
    width: 100px;
    height: 100px;
    background: url(img/cloud-product-bg.png) no-repeat 0 0;
}

.cloud-item-bg2 {
    background-position: -100px 0;
}

.cloud-item-bg3 {
    background-position: -200px 0;
}

.cloud-product-introduce-item:hover .cloud-item-bg1 {
    background-position: 0 -100px;

}

.cloud-product-introduce-item:hover .cloud-item-bg2 {
    background-position: -100px -100px;

}

.cloud-product-introduce-item:hover .cloud-item-bg3 {
    background-position: -200px -100px;

}

.product-introduce-item-title {
    margin: 30px 0 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px;
    color: #333;
}

.cloud-product-introduce-item:hover .product-introduce-item-title {
    color: #2468f2;
}

.product-introduce-item-introduce {
    height: 14px;
    text-align: center;
    line-height: 14px;
    font-size: 14px;
    color: #999;
}

.solution-list {
    position: relative;
    height: 400px;
    overflow: hidden;
}

.arr-btn {
    position: absolute;
    top: 0;
    width: 40px;
    height: 100%;
    z-index: 99;
    display: none \0;
    opacity: 0;
    -moz-opacity: 0;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}

.solution-box:hover .arr-btn {
    display: block;
    opacity: 1;
    -moz-opacity: 1;

}

.arr-btn-left {
    left: 0;
}

.arr-btn-right {
    right: 0;
}

.solution-box-wraper {
    width: 100%;
}

.solution-box {
    position: relative;
}

.arr-btn {
    background-color: rgba(255, 255, 255, 0.08);
}

.arr-btn i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -18px;
    display: block;
    width: 20px;
    height: 36px;
    z-index: 100;
}

.arr-btn .arr-left {
    background: url(img/index-sprite.png) no-repeat 0 -1538px;
}

.arr-btn .arr-right {
    background: url(img/index-sprite.png) no-repeat 0 -1500px;
}

.solution-list {
    width: auto !important;
}

.solution-list ul li {
    float: left;
    position: relative;
    height: 500px;
    width: 300px;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}

.solution-bg-li01 {
    background: url(img/cloud-photo.jpg) no-repeat center;
}

.solution-bg-li02 {
    background: url(img/finance-photo.jpg) no-repeat center;
}

.solution-bg-li03 {
    background: url(img/mobile-photo.jpg) no-repeat center;
}

.solution-bg-li04 {
    background: url(img/busin-photo.jpg) no-repeat center;
}

.solution-bg-li05 {
    background: url(img/game-photo.jpg) no-repeat center;
}



.solution-list ul li .li-bgcolor {
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: #292e33;

}

.li-bgcolor.opa-5 {
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

.li-bgcolor.opa-8 {
    filter: alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.8;
}

.solution-list ul li > i {
    position: absolute;
    top: 170px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    z-index: 2;
    transition: top .5s;
    -moz-transition: top .5s;
    -webkit-transition: top .5s;
    -o-transition: top .5s;
}

.solution-list ul li > i.cloud-icon {
    background: url(img/solution-items-icon.png) no-repeat 0 0;
}

.solution-list ul li > i.finance-icon {
    background: url(img/solution-items-icon.png) no-repeat 0 -60px;
}

.solution-list ul li > i.mobile-icon {
    background: url(img/solution-items-icon.png) no-repeat 0 -120px;
}

.solution-list ul li > i.busin-icon {
    background: url(img/solution-items-icon.png) no-repeat 0 -180px;
}

.solution-list ul li > i.game-icon {
    background: url(img/solution-items-icon.png) no-repeat 0 -240px;
}

.solution-list ul li:hover > i {
    margin-left: -30px;
    width: 60px;
    height: 60px;
}

.solution-list ul li > p.solution-title {
    position: absolute;
    top: 280px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    z-index: 2;

    transition: top .5s;
    -moz-transition: top .5s;
    -webkit-transition: top .5s;
    -o-transition: top .5s;
}

.solution-list ul li > p.solution-intro {
    text-indent: 26px;
    font-size: 12px;
    height: 150px;
    padding: 0 30px;
    overflow: hidden;
    position: absolute;
    top: 282px;
    color: #fff;
    line-height: 2;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
}

.solution-list ul li > a {
    position: absolute;
    top: 452px;
    left: 50%;
    margin-left: -59px;
    width: 118px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
    z-index: 2;
    opacity: 0;

    transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
}

.solution-list ul li:hover .li-bgcolor {
    background-color: #182848;
}

.solution-list ul li:hover i {
    top: 76px;
}

.solution-list ul li:hover p.solution-title {
    top: 168px;
}

.solution-list ul li:hover p.solution-intro {
    top: 230px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.solution-list ul li:hover a {
    top: 380px;
    opacity: 1;
    filter: alpha(opacity=100);
}


/* 证书 */
.free-certificate {
    height: 140px;
    background: #00bbff;
}

.swiper-wrapper {
    position: relative;
    height: 140px;
    overflow: hidden;
}

.swiper-slide {
    position: relative;
    left: 0;
    width: 100%;
    height: 140px;
    overflow: hidden;
    /*transform: all .2s;*/
}

.swiper-bar {
    float: left;
    margin: 0 10px;
    width: 30px;
    height: 13px;
    border-top: 3px solid #fff;
    background: transparent;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.swiper-bar.active {
    opacity: 1;
    filter: alpha(opacity=100);
}

.certificat-item {
    float: left;
    width: 300px;
    height: 140px;
    *width: 300px;
}

.certificat-item-wrapper {
    width: 92%;
    height: 100%;
    margin: 0 auto;
}

.certificat-item-inner {
    float: left;
}

.certificat-pic {
    margin-top: 42px;
    width: 64px;
    height: 64px;
}

.certificat-pic1 {
    background: url(img/index-sprite.png) no-repeat 0 -1636px;
}

.certificat-pic2 {
    background: url(img/index-sprite.png) no-repeat 0 -1701px;
}

.certificat-pic3 {
    background: url(img/index-sprite.png) no-repeat 0 -1765px;
}

.certificat-pic4 {
    background: url(img/index-sprite.png) no-repeat 0 -1829px;
}

.certificat-pic5 {
    background: url(img/index-sprite.png) no-repeat 0 -1572px;
}

.certificat-introduce {
    margin: 55px 0 0 10px;
    width: 150px;
    height: 80px;
}

.certificat-introduce p {
    color: #fff;
}

.certificat-introduce-top {
    height: 16px;
    line-height: 16px;
    font-size: 16px;
}

.certificat-introduce-bottom {
    margin-top: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    white-space: nowrap;
}

.certificat-item1 {

}

.certificat-pagination {
    height: 70px;
}

.certificat-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    border-radius: 0;
    background: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.certificat-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    filter: alpha(opacity=100);
}

/*合作伙伴*/
.cooperative-partner {
    background: #f5f7f7;
}

.cooperative-partner-list {
    margin-top: 26px;
}

.cooperative-partner-list li {
    float: left;
    width: 24%;
    height: 130px;
    margin: 10px 0 0 1%;
}

.cooperative-partner-list li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    /*border-radius: 3px;*/
    /*border: 1px solid #eee;*/
    text-align: center;
    vertical-align: middle;
    line-height: 130px;
    background: #fff;
    cursor: default;
}

.cooperative-partner-list li a img {
    vertical-align: middle;
}

.cooperative-partner-list li a img.transiform-img {
    width: 160px;
    height: 90px;
    transform: scale(0.9);
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.cooperative-partner-list li a:hover {
    /*border: 1px solid #009fd9;*/
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.12);
}

.cooperative-partner-list li a:hover img.transiform-img {
    /*border: 1px solid #009fd9;*/
    transform: scale(1.0);
}

.cooperative-partner-list li:nth-child(4n+1) {
    margin: 10px 0 0 0;
}


/*新闻动态*/
.news-trends {
    background: #fff;
}

.news-trends-list {
    margin-top: 46px;
}

.press-release {
    float: left;
    width: 31.33%;
    margin-left: 2%;
}

.activity-title img {
    /*padding: 0px 5%;*/
    height: 140px;
}

.press-release:first-child {
    margin-left: 0;
}

.press-release:hover .press-news-pic {
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.12);
}

.press-release-title {
    position: relative;
    padding: 0 20px;
    height: 36px;
    border-left: 3px solid #000;
    line-height: 36px;
    border-radius: 3px;
    background: #f7f7f7;
    font-size: 16px;
    color: #333;
}

.release-title1 {
    border-left-color: #ff4400;
}

.release-title2 {
    border-left-color: #009fd9;
}

.release-title3 {
    border-left-color: #ff9900;
}

.press-release-title a {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 12px;
    color: #999;
}

.press-news-pic {
    position: relative;
    display: block;
    margin: 20px auto 0;
    width: 90%;
    height: 160px;
    overflow: hidden;
}

.press-news-picbg {
    height: 100%;
    width: 346px;
    background-size: cover;
    background-position: center;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}

.press-news-pic:hover .press-news-picbg {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.press-newspicbg-title-bg {
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    height: 40px;
    width: 100%;
    opacity: 0.8;
    background-color: #2468f2;
}

.press-newspicbg-title {
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
    height: 40px;
    width: 100%;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    text-align: center;


}

.press-release-list li a:hover span,
.press-release-list li a.active span {
    color: #009fd9;
}

.press-release-list {
    width: 90%;
    margin: 0 auto;
    height: 174px;
}

.press-release-list li {
    margin-top: 10px;
    float: left;
    width: 100%;
    height: 20px;
    line-height: 20px;
}

.press-release-list li:first-child {
    margin-top: 20px;
}

.press-release-list li a {
    display: block;
}

.press-release-list li a i {
    float: left;
    width: 21%;
    font-style: normal;
    font-size: 14px;
    color: #999;
    white-space: nowrap;
}

.press-release-list li a span {
    float: left;
    width: 76%;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.activity-title {
    margin-top: 16px;
    text-align: center;

}

.activity-title a {
    display: block;
    margin: 0 auto;
    width: 340px;
    /*height: 218px;*/
    height: 230px;
    overflow: hidden;
}

.activity-title a img {
    width: 100%;
    height: 100%;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}

.activity-title a img:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.free-registration {
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 60px 0 40px 0;
}

.free-registration a {
    display: inline-block;
    padding: 0 42px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #009fd9;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.free-registration a:hover {
    background: #ff8800;
}

/*服务平台*/
.map-service-wrapper {
    padding: 0;
}

.map-service {
    position: relative;
    padding-bottom: 40px;
    background: #f5f6f7;
}

.map-service-left {
    margin: 0 auto 50px;
    width: 300px;
}

.data-list {
    width: 100%;
}

.data-list-li {
    float: left;
    margin-left: 20px;
}

.data-list-li a {
    display: block;
    text-decoration: none;
}

.data-list-title {
    width: 100%;
    padding-left: 50px;
    margin-bottom: 4px;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #2468f2;
    background: url(img/data_list_icon_active.png) no-repeat 20px center;

}

.data-list-title.list-title-3 {
    background: url(img/data_list_icon_waite.png) no-repeat 20px center;
    color: #14cc45;
}

.map-product {
    padding-bottom: 30px;
}

.map-service-box {
    position: relative;
}

.world-map-wrapper {
    /*margin-top: 10px;*/
    width: 100%;
    height: 601px;
    background: url(img/world-map-bg.png) no-repeat center;
}

.world-map {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    height: 100%;
}

.region-list {
    position: absolute;
    left: 0;
    top: 0;
}

@keyframes warn {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    30% {
        transform: scale(0);
        opacity: 0.1;
    }
    60% {
        transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 0.0;
    }
}

@-webkit-keyframes warn {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    30% {
        transform: scale(0);
        opacity: 0.1;
    }
    60% {
        transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

@-moz-keyframes warn {
    0% {
        -moz-transform: scale(0);
        opacity: 0.0;
    }
    30% {
        transform: scale(0);
        opacity: 0.1;
    }
    60% {
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        -moz-transform: scale(1);
        opacity: 0.0;
    }
}

.area-box .dot {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    background: #14cc45;
    opacity: 1;
    filter: alpha(opacity=100);
}

.area-box .pulse {
    display: inline-block;
    position: absolute;
    top: -36px;
    left: -36px;
    height: 88px;
    width: 88px;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
    background: #14cc45;
    opacity: 0.12;
    filter: alpha(opacity=0);
    -webkit-animation: warn 2s ease-out;
    -moz-animation: warn 2s ease-out;
    animation: warn 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.region-list.active .area-box .dot {
    background: #2468f2;
}

.region-list.active .area-box .pulse {
    background: #2468f2;
}

.region-list.waite .area-box .dot {
    background: #ff9900;
}

.region-list.waite .area-box .pulse {
    background: #ff9900;
}

.show-regin {
    position: absolute;
    left: 2px;
    height: 0;
    top: 0;
    width: 11px;
    opacity: 0;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.online-node .show-regin,
.region-list:hover .show-regin {
    height: 127px;
    opacity: 1;
}

.waite-node .show-regin,
.region-list:hover .show-regin {
    height: 127px;
    opacity: 1;
}

.underline-node .show-regin,
.region-list:hover .show-regin {
    height: 127px;
    opacity: 1;
}

.show-regin span {

    width: 80px;
    display: inline-block;
    position: absolute;
    left: -34px;
    top: -34px;
    padding: 6px 10px;
    font-size: 12px;
    color: #fff;
    background: #a2a9b4;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
}

.postition-10 .show-regin span {
    left: -5px;
}

.postition-6 .show-regin span {
    left: -63px;
}

.area-box {
    z-index: 77;
}

.show-regin {
    z-index: 66;
}

.region-list.active .show-regin span {
    position: relative;
    color: #fff;
    background: #009fd9;
}

.region-list.active .show-regin span:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -10px;
    border: 6px solid transparent;
    border-top-color: #009fd9;
}

.postition-10.region-list.active .show-regin span:before {
    left: 11px;
    margin-left: -6px;
}

.postition-6.region-list.active .show-regin span:before {
    left: 69px;
    margin-left: -6px;
}

.region-list.waite .show-regin span {
    color: #fff;
    background: #ff9900;
}

.region-list.waite .show-regin span:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -10px;
    border: 6px solid transparent;
    border-top-color: #ff9900;
}

.region-list.underline-node .show-regin span:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -10px;
    border: 6px solid transparent;
    border-top-color: #a2a9b4;
}

.region-position-introduce {
    position: absolute;
    font-size: 16px;
    color: #808080;
}

.postition-1 {
    left: 50px;
    top: 126px;
}

.postition-2 {
    left: 179px;
    top: 230px;
}

.postition-3 {
    left: 258px;
    top: 443px;
}

.postition-4 {
    left: 545px;
    top: 206px;
}

.postition-5 {
    left: 829px;
    top: 230px;
}

.postition-6 {
    left: 884px;
    top: 222px;
}

.postition-introduce-6 {
    left: 906px;
    top: 202px;
}

.postition-7 {
    left: 871px;
    top: 272px;
}

.postition-introduce-7 {
    left: 896px;
    top: 272px;
}

.postition-8 {
    left: 855px;
    top: 311px;
}

.postition-introduce-8 {
    left: 872px;
    top: 321px;
}

.postition-9 {
    left: 832px;
    top: 302px;
}

.postition-introduce-9 {
    left: 796px;
    top: 316px;
}

.douhao {
    display: inline-block;
    width: 0;
}

.index-buy {
    position: absolute;
    right: 30px;
    bottom: 20px;
    transition: all .3s linear;
    display: block;
    width: 78px;
    height: 28px;
    background: #e0edff;
    border-radius: 4px;
    font-family: PingFangSC-Regular fantasy;
    font-size: 14px;
    color: #191A24;
    line-height: 28px;
    text-align: center;
}


@media screen and (max-width: 768px) {
    .section-product {
        background-image: linear-gradient(180deg, #fff, #e6eff6 38%) !important;
        background-size: 100% 100%
    }

    .section-product .product-container {
        display: none
    }

    .product-m-tab,
    .product-m-tab a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .product-m-tab a {
        position: relative;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 50%;
        height: 60px;
        padding-left: 16px;
        padding-right: 16px;
        /*border: 1px solid #dfe1e6;*/
        box-shadow: 0 5px 33px -8px rgb(80 140 209 / 29%);
        font-weight: 700;
        color: #252b3a
    }

    .product-m-tab a:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: -1px;
        right: -1px;
        border-bottom: 2px solid #306bff;
        opacity: 0;
        -webkit-transition: .2s;
        transition: .2s
    }

    .product-m-tab a i {
        font-size: 24px;
        width: 24px;
        height: 24px;
        color: inherit;
        margin-right: 10px
    }

    .product-m-tab a + a {
        border-left: none
    }

    .product-m-tab a.active:before {
        opacity: 1
    }

    .product-m-tab-wrapper + .product-m-tab {
        margin-top: -1px
    }

    .product-m-tab-wrapper {
        /*border-left: 1px solid #dfe1e6;*/
        /*border-right: 1px solid #dfe1e6;*/
        box-shadow: 0 5px 33px -8px rgb(80 140 209 / 29%);
        overflow: hidden;
        -webkit-transition: .35s;
        transition: .35s
    }

    .product-m-tab-content {
        padding: 5px 15px
    }

    .product-m-tab-content:not(.show) {
        display: none
    }

    .product-m-card {
        display: block;
        padding: 10px 0
    }

    .product-m-card h5 {
        font-weight: 500;
        font-size: 14px;
        color: #252b3a
    }

    .product-m-card h5,
    .product-m-card p {
        line-height: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .product-m-card p {
        margin-top: 4px;
        font-size: 12px;
        color: #575d6c
    }

    .product-mb-more {
        padding-top: 16px;
        text-align: center
    }

    .section-group-product {
        background-image: none !important
    }

    .product-container {
        display: none !important;
    }


    .product-mb-container {
        display: block;
        background-color: #f5f7fa;
    }

    .product-m-tab a:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: -1px;
        right: -1px;
        border-bottom: 2px solid #0008ff;
        opacity: 0;
        -webkit-transition: .2s;
        transition: .2s
    }
    .index-banner{
        top: 0;
    }
    .font-style-h2 {
        font-size: 18px !important;
        letter-spacing: 0;
    }

    .font-style-h1 {
        font-size: 20px !important;
        letter-spacing: 0;
    }
    .bd .container .font-style-h2{
        font-size: 26px !important;
    }
    .section-title{
        padding: 0 20px !important;
    }

    .section-product{
        padding-bottom: 10px;
    }
    .mall-app-card-top {
        height: 50%;
    }

    .mall-app-card-top .font-style-h2 {
        top: 110px;
    }

    .mall-app-card-top i {
        top: 40px;
    }

    .mall-app-card-top p {
        top: 150px;
    }

    .por-container {
        padding: 15px 0;
    }

    .dawn-tabs-skin-2 .dawn-tabs-item-con-desc {
        display: none
    }

    .dawn-tabs-skin-2 .dawn-tabs-item {
        margin: 0 0 -1px 0;
    }

    .dawn-market-section .dawn-tabs-skin-2 .dawn-tabs-list {
        font-size: 0;
        box-sizing: border-box;
        background-color: #F5F7FA
    }

    .dawn-market-section .dawn-tabs-skin-2 .dawn-tabs-item {
        width: 30%;
        padding-bottom: 0
    }

    .dawn-market-section .dawn-tabs-skin-2 .dawn-tabs-active .dawn-tabs-item-con:after {
        height: 2px
    }

    .dawn-market-section .dawn-tabs-skin-2 .dawn-tabs-item-con {
        font-size: 13px;
        line-height: 50px;
        -webkit-font-smoothing: antialiased
    }

    .dawn-tabs-item-con {
        padding: 0;
    }

    .btn-switch {
        display: none
    }

    .dawn-clip-mod {
        display: none
    }

    .dawn-market-section .dawn-2-section-inner {
        padding-left: 0;
        padding-right: 0
    }

    .dawn-market-section .dawn-market-panel-sidebar {
        display: none;
    }

    .dawn-market-section .dawn-market-panel {
        padding-left: 0
    }

    #section-tc .dawn-market-panel {
        width: 100%;
    }

    .dawn-market-section .dawn-more-link {
        display: none
    }

    #section-tc {
        padding: 0;
    }

    .dawn-market-section .dawn-tabs-content {
        padding-bottom: 0;
    }

    .dawn-market-section .dawn-tabs-content {
        padding-top: 0
    }

    .dawn-market-panel .dawn-market-panel-main-cont .dawn-market-info {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-bottom: 0
    }

    .dawn-market-info .dawn-market-info-panel {
        box-shadow: inherit;
        border-radius: 0;
        padding: 20px 16px;
        border: 10px solid #f5f7fa;
        border-bottom: none;
    }

    .dawn-market-info:last-child .dawn-market-info-panel {
        border-bottom: 13px solid #f5f7fa;
    }

    .dawn-market-info-panel:hover {
        top: inherit
    }

    .dawn-market-panel {
        max-height: inherit
    }

    .dawn-market-info .dawn-market-info-panel::before {
        content: '';
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        height: 1px;
        border-bottom: 1px solid #e5e5e5;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        z-index: 10;
    }

    .dawn-market-info:last-child .dawn-market-info-panel::before {
        display: none;
    }

    .index-news {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .section-head {
        padding-bottom: 0;
    }

    .section-group-product {
        padding-bottom: 20px;
    }

    .dawn-tabs-item-con-title {
        font-size: 15px;
    }

    div.marketing-position {
        padding-bottom: 10px;
    }

    div.marketing-position .main .btn {
        margin-top: 15px;
    }

    .minor li .title span:nth-child(2) {
        display: none;
    }

    div.marketing-position .minor li .btn {
        top: 96px;
    }
    div.marketing-position .desc {
        white-space: normal;
        overflow: clip;
        text-overflow: clip;
    }
    div.marketing-position .main{
        height: 180px !important;
        padding: 150px 10px 0 10px !important;
    }
    .certificat-item {
        float: left;
        width: 250px;
        height: 140px;
        *width: 249px;
    }
    .solution-list ul li {
        width: 224px;
    }

}