/*** index banner ***/

.header-index-bg {
    height: 900px;
    background: url(../images/header_bg.jpg?ver=1.0) no-repeat center top;
}

.header-index-bg a {
    color: #fff;
}

.header-banner-box {
    height: 700px;
    min-width: 1120px;
    position: relative;
    z-index: 1;
}

.header-banner-box .header-index-bg-barcelona {
    height: 700px;
    background: url(../images/banner_barcelona.png?ver=1.0) no-repeat center top;
    position: absolute;
    z-index: 20;
}

.header-banner-box .header-index-bg-shanghai {
    height: 700px;
    /* background: url(../images/banner_shanghai.jpg?ver=1.0) no-repeat center top; */
    background: url(../images/banner_1.jpg?ver=1.0) no-repeat center top;
    position: absolute;
    z-index: 20;
}

.header-banner-box .header-index-bg-office {
    height: 700px;
    background: url(../images/banner_office.jpg?ver=1.0) no-repeat center top;
    position: absolute;
    z-index: 20;
}

.header-banner-box .header-index-bg-position {
    height: 700px;
    background: url(../images/header_bg.jpg?ver=1.0) no-repeat center top;
    position: absolute;
    z-index: 10;
}

.header-banner-box .header-index-bg-mitaka {
    height: 700px;
    background: url(../images/banner_mitaka.jpg?ver=1.0) no-repeat center top;
    position: absolute;
    z-index: 10;
}

.header-banner-box .header-index-bg-goldenmember {
    height: 700px;
    background: url(../images/banner_golden_member.jpg?ver=1.0) no-repeat center top;
    position: absolute;
    z-index: 10;
}

.header-banner-box .header-index-bg-coolvender {
    height: 700px;
    background: url(../images/banner_cool_vender.jpg?ver=1.0) no-repeat center top;
    position: absolute;
    z-index: 10;
}

.header-banner-box .header-index-bg-corss {
    height: 700px;
    /* background: url(../images/header-banner.jpg?ver=1.0) no-repeat center top; */
    background: url(../images/banner_2.jpg?ver=1.0) no-repeat center top;
    position: absolute;
    z-index: 10;
}

.header-banner-box .header-index-bg-partner {
    height: 700px;
    background: url(../images/banner_partner.jpg?ver=1.0) no-repeat center top;
    position: absolute;
    z-index: 10;
}

.header-banner-box .header-index-bg-multipower {
    height: 700px;
    background: url(../images/banner_multi_power.jpg?ver=1.0) no-repeat center top;
    position: absolute;
    z-index: 10;
}

.header-banner-box .header-index-bg-loadbalance {
    height: 700px;
    background: url(../images/banner_load_balance.jpg?ver=1.0) no-repeat center top;
    position: absolute;
    z-index: 10;
}

.header-banner-box .header-index-bg-baremetal {
    height: 700px;
    /* background: url(../images/banner_bare_metal.jpg?ver=1.0) no-repeat center top; */
    background: url(../images/banner_3.jpg?ver=1.0) no-repeat center top;
    position: absolute;
    z-index: 10;
}

.header-banner-box .header-index-bg-arrange {
    height: 700px;
    background: url(../images/banner_resource_arrange.jpg?ver=1.0) no-repeat center top;
    position: absolute;
    z-index: 10;
}

.office-banner {
    width: 100%;
    height: 100%;
}

.header-banner-box .banner-dot {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 60px;
    z-index: 100;
}

.header-banner-box .banner-dot span.dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 10px;
    background-color: #5ab4a6;
    border: 1px #5ab4a6 solid;
    border-radius: 9px;
    cursor: pointer;
}

.header-banner-box .banner-dot span.dot.active {
    width: 25px;
    height: 45px;
    background: url(../images/banner_slide.png?ver=1.0) no-repeat;
    background-position: -4px -47px;
    border-width: 0px;
    top: 8px;
    position: relative;
    margin: 0px 2px;
}

.header-banner-box .banner-dot i.banner-dot-pre {
    display: inline-block;
    background: url(../images/banner_slide.png?ver=1.0) no-repeat;
    width: 32px;
    height: 45px;
    vertical-align: middle;
    position: relative;
    left: -150px;
}

.header-banner-box .banner-dot i.banner-dot-next {
    display: inline-block;
    background: url(../images/banner_slide.png?ver=1.0) no-repeat;
    width: 32px;
    height: 45px;
    vertical-align: middle;
    background-position: -33px 0px;
    position: relative;
    left: 150px;
}

.header-banner-box .banner-dot i.banner-dot-pre:hover {
    cursor: pointer;
}

.header-banner-box .banner-dot i.banner-dot-next:hover {
    cursor: pointer;
}

.header-banner-box .banner-dot i.dot-title {
    display: none;
    position: absolute;
    width: 200px;
    color: #ffffff;
    left: -350%;
    top: -20px;
    text-align: center;
}

.header-banner-box .banner-dot span.dot.active i.dot-title {
    display: inline-block;
}

.header-banner-box .header-index-bg-corss .banner-index-botton {
    text-align: left;
    top: 560px;
}

.header-banner-box .header-index-bg-corss .banner-index-botton a {
    margin-right: 60px;
    border: 1px solid #3DA8EE;
    color: #3DA8EE;
}

.header-index-bg-corss .banner-index-botton a:hover {
    background: #3DA8EE;
    color: #fff
}

.header-index-bg-corss .banner-index-botton a:active {
    background: #3DA8EE;
    color: #fff
}

.banner-index-title {
    width: inherit;
    height: 224px;
    position: absolute;
    top: 430px;
    text-align: center;
    background: url(../images/index-banner-img.png?ver=1.0) no-repeat center;
}

.banner-index-botton {
    position: absolute;
    top: 670px;
    width: inherit;
    text-align: center;
}

.banner-index-summit-botton a,
.banner-index-botton a {
    display: inline-block;
    line-height: 24px;
    margin: 0 15px;
    border-radius: 2px;
    line-height: 24px;
    padding: 12px 40px;
    font-size: 18px;
}

.banner-index-summit-botton {
    width: auto;
    position: absolute;
    top: 614px;
    left: 240px;
    text-align: center;
}

.banner-index-summit-botton a {
    border-color: #239763;
    color: #239763;
}

.banner-index-summit-botton a:hover {
    background: #239763;
    color: #0C1733
}


/*** index content ***/

.content-title {
    display: inline-block;
    padding-left: 15px;
    line-height: 40px;
    font-size: 30px;
}

.open h4 {
    color: #1f66ab;
}


/*content one*/

.content-index-center {
    /* height: 640px; */
    padding: 50px 0;
}

.content-index-bg {
    background: linear-gradient(to bottom, #f0f3f6 0, #e9edf0 82%, #e8ebf0 100%)
}

.content-index-pic {
    width: 570px;
    /* height: 440px; */
}

.content-index-pic img {
    width: 100%;
}

.mr40 {
    margin-right: 40px;
}

.content-index-text {
    padding-top: 30px;
    width: 508px;
}

.content-index-text h3 {
    font-size: 36px;
    line-height: 36px;
    color: #3b3b3b;
    margin: 24px 0px;
    font-weight: 100;
}

.content-index-text .txt {
    font-size: 16px;
    line-height: 2em;
    color: #595757;
    margin-bottom: 20px;
}

.content-index-link {
    display: inline-block;
    min-width: 120px;
    padding: 6px 30px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 38px;
    border-radius: 2px;
    background: #008de8;
    border: 1px solid #3DA8EE;
}

.content-index .content-title {
    margin-top: 70px;
}

.content-index .product-index {
    position: relative;
    height: 670px;
}

.content-index .product-index .item-wrap {
    position: absolute;
    min-width: 430px;
    line-height: 22px;
    color: #292929;
}

.content-index .product-index .item-wrap h4 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}

.content-index .product-index .item-wrap .itme-select {
    width: 122px;
    height: 122px;
    line-height: 12;
    text-align: center;
    border: 6px #c9c9ca solid;
    border-radius: 70px;
    background: #fff;
    position: absolute;
    right: -160px;
    top: 50%;
    margin-top: -61px;
}

.content-index .product-index .item-wrap .itme-select:hover {
    background: #1f66ab;
}

.content-index .itme-select span {
    display: inline-block;
    width: 62px;
    height: 62px;
    background: url(../images/index-icon-group.png?ver=1.0) no-repeat;
}

.content-index .itme-select .select-1 {
    background-position: 0 0;
}

.content-index .itme-select .select-2 {
    background-position: 0 -62px;
}

.content-index .itme-select .select-3 {
    background-position: 0 -124px;
}

.content-index .itme-select:hover .select-1 {
    background-position: -69px 0;
}

.content-index .itme-select:hover .select-2 {
    background-position: -69px -62px;
}

.content-index .itme-select:hover .select-3 {
    background-position: -69px -124px;
}

.content-index .product-index .product-index-one {
    right: 280px;
    top: 25px;
}

.content-index .product-index .product-index-two {
    right: 490px;
    top: 250px;
}

.content-index .product-index .product-index-three {
    right: 680px;
    top: 430px;
}


/*content two*/

.content-index-2 {
    height: 730px;
    background: #fff;
    /* background: #fff url(../images/index-item-bg-2.jpg?ver=1.0) no-repeat center; */
}

.content-index-2 .content-title {
    font-size: 36px;
    color: #333;
}

.content-index-2 .select-list {
    margin-top: 34px;
}

.content-index-2 .select-content {
    width: 480px;
    line-height: 40px;
    margin-top: 30px;
    font-size: 16px;
    color: #333;
}

.select-single {
    display: none;
    min-height: 230px;
}


/*content three*/

.content-index-3 {
    height: auto;
    background: #fff;
}

.content-index-3 .introduce-escloud {
    position: relative;
    top: 135px;
    width: 360px;
    height: 360px;
    margin: 0 auto;
    background: url(../images/index-item-bg-3.jpg?ver=1.0) no-repeat;
}

.content-index-3 .introduce-escloud .item-wrap {
    position: absolute;
    line-height: 22px;
    color: #292929;
}

.content-index-3 .introduce-escloud .item-wrap h4 {
    font-size: 20px;
    /*    font-weight: bold;*/
    margin-bottom: 10px;
}

.content-index-3 .item-wrap .item-select-right,
.content-index-3 .item-wrap .item-select-left {
    width: 105px;
    height: 105px;
    border: 8px #fff solid;
    border-radius: 60px;
    text-align: center;
    line-height: 12;
    background: #e6e7e7;
    position: absolute;
    top: 50%;
    margin-top: -52px;
}

.content-index-3 .item-wrap .item-select-right {
    right: -140px;
}

.content-index-3 .item-wrap .item-select-left {
    left: -140px;
}

.content-index-3 .item-wrap .item-select-right:hover,
.content-index-3 .item-wrap .item-select-left:hover {
    background: #3498db;
}

.content-index-3 .item-wrap .select-icon {
    display: inline-block;
    margin-top: 14px;
    width: 70px;
    height: 70px;
    background: url(../images/index-icon-group.png?ver=1.0) no-repeat;
}

.content-index-3 .item-wrap .select-1 {
    background-position: 0 -221px;
}

.content-index-3 .item-wrap .select-2 {
    background-position: 0 -290px;
}

.content-index-3 .item-wrap .select-3 {
    background-position: 0 -360px;
}

.content-index-3 .item-wrap .select-4 {
    background-position: 0 -430px;
}

.content-index-3 .item-wrap .select-5 {
    background-position: 0 -500px;
}

.content-index-3 .item-wrap .select-6 {
    background-position: 0 -570px;
}

.content-index-3 .item-select-right:hover .select-1 {
    background-position: -73px -221px;
}

.content-index-3 .item-select-right:hover .select-2 {
    background-position: -73px -290px;
}

.content-index-3 .item-select-right:hover .select-3 {
    background-position: -73px -360px;
}

.content-index-3 .item-select-left:hover .select-4 {
    background-position: -73px -430px;
}

.content-index-3 .item-select-left:hover .select-5 {
    background-position: -73px -500px;
}

.content-index-3 .item-select-left:hover .select-6 {
    background-position: -73px -570px;
}

.introduce-escloud .introduce-escloud-one {
    width: 380px;
    right: 350px;
    top: -25px;
}

.introduce-escloud .introduce-escloud-two {
    width: 300px;
    right: 440px;
    top: 135px;
}

.introduce-escloud .introduce-escloud-three {
    width: 380px;
    right: 350px;
    top: 290px;
}

.introduce-escloud .introduce-escloud-four {
    width: 380px;
    right: -370px;
    top: -25px;
}

.introduce-escloud .introduce-escloud-five {
    width: 300px;
    right: -380px;
    top: 135px;
}

.introduce-escloud .introduce-escloud-six {
    width: 340px;
    right: -330px;
    top: 290px;
}


/*content six*/

.content-index-6 {
    overflow: hidden;
    background: url(../images/index-item-bg-6.png?ver=1.0) repeat-y center;
}

.content-index-6 .news-hr {
    overflow: hidden;
    width: 220px;
    height: 650px;
    background: url(../images/border-line-big-bg.png?ver=1.0) no-repeat center;
}

.content-index-6 .news-wrap {
    position: relative;
}

.content-index-6 .news-wrap .news-list {
    overflow: hidden;
    width: 450px;
    height: 510px;
}

.content-index-6 .news-wrap ul {
    height: 1000px;
}

.content-index-6 .news-wrap ul li {
    height: 465px;
    margin-bottom: 10px;
}

.content-index-6 .es-title {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #2465a7;
    margin: 65px 0 50px 0;
}

.content-index-6 .news-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    margin-top: 15px;
}

.content-index-6 .news-summary {
    overflow: hidden;
    height: 140px;
    line-height: 24px;
    margin-top: 10px;
}

.content-index-6 .news-def {
    margin-top: 30px;
}

.content-index-6 .prev {
    width: 260px;
    text-align: center;
    position: absolute;
    top: -70px;
}

.content-index-6 .next {
    width: 260px;
    text-align: center;
    position: absolute;
    bottom: -90px;
}

.content-index-6 .next p {
    color: #b0b0b0;
    font-style: italic;
    padding-top: 10px;
}

.content-index-6 .news-wrap .news-button {
    right: 0;
}


/*合作伙伴*/

.in-h2 {
    text-align: center;
    font-size: 26px;
    color: #2b2c30;
    padding-top: 76px;
    font-weight: bold;
    line-height: 60px;
}

.field-description {
    height: 56px;
    text-align: center;
    font-size: 14px;
}

.field-description.white,
.in-h2.white {
    color: #ffffff;
}

.partners-list {
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.partners-list .part {
    width: 140px;
    height: 56px;
    display: inline-block;
    vertical-align: top;
    background-image: url(../images/partners.png?ver=1.0);
}

.partners-list .part.huawei {
    background-position: -135px 0px;
}

.partners-list .part.esri {
    background-position: -275px 0px;
}

.partners-list .part.zhifubao {
    background-position: -420px 0px;
}

.partners-list .part.hagongda {
    background-position: -560px 0px;
}

.partners-list .part.bentley {
    background-position: -700px 0px;
}

.partners-list .part.dianxin {
    background-position: 0px -56px;
}

.partners-list .part.hit {
    background-position: -135px -56px;
}

.partners-list .part.microsoft {
    background-position: -275px -56px;
}

.partners-list .part.weixin {
    background-position: -420px -56px;
}

.partners-list .part.aliyun {
    background-position: -560px -56px;
}

.partners-list .part.supermap {
    background-position: -700px -56px;
}

.partners-list.two {
    padding-bottom: 80px;
}

.partners-list.two li {
    /* padding-left: 40px; */
}

.partners-list li {
    padding-top: 32px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-left: 50px;
}

.partners-list li a {
    display: inline-block;
}


/* .partners-list li a i {
    -webkit-filter: grayscale(100%) brightness(2) contrast(0.4);
    -moz-filter: grayscale(100%) brightness(2) contrast(0.4);
    -ms-filter: grayscale(100%) brightness(2) contrast(0.4);
    -o-filter: grayscale(100%) brightness(2) contrast(0.4);
    filter: grayscale(100%) brightness(2) contrast(0.4);
    filter: #808080 opacity(0.4);
}

.partners-list li a:hover i {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
} */

.partners-list li:first-child {
    padding-left: 0;
}

.content-index-7{
    overflow: hidden;
    background: url(../images/v13.jpg) no-repeat center;
    background-size: 100% 100%;
}
.content-index-7 .case-bg{
    color: #fff;
    text-align: center;
    padding-top: 30px;
    background-color: rgba(0, 0, 0, 0.5);
}
.content-index-7 h2{
    font-size: 28px;
    line-height: 60px;
}
.content-index-7 p{
    font-size: 18px;
    margin-bottom: 20px;
}
.content-index-7 p span{
    color: #b94100;
}
.content-index-7 .case-wrap{
    width: 1120px;
    margin: 0 auto;
    height: 450px;
}
.content-index-7  .case-item{
    float: left;
    width: 25%;
    padding: 5px;
    box-sizing: border-box;
}
.content-index-7  .case-item .case-item-center{
    position: relative;
    width: 100%;
}
.content-index-7  .case-item .case-item-center img{
    display: block;
    width: 100%;
}
.content-index-7  .case-item .case-item-center .case-title{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: rgba(0, 0, 0, 0.5);
}
/*了解详情*/

.for-details {
    text-align: center;
    margin-top: 200px;
    height: 130px;
}


/*智慧运营*/

.production-right {
    width: 520px;
    margin-top: 120px;
}

.production-left {
    margin-top: 100px;
    width: 520px;
    height: 460px;
}

.production-left img {
    width: 520px;
    height: 460px;
}


/*营销页面*/

.product-intro .intro-item .title-txt {
    color: #026cce;
    font-size: 18px;
    line-height: 40px;
}


/*加入我们*/

.ju-main {
    margin: 10px 50px 0 50px;
    border-bottom: 1px dotted #dedede;
    padding-bottom: 20px;
}

.ju-main-titl {
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
}

.ju-main-titl i {
    color: #008de8;
}

.ju-main-titl2 {
    font-size: 14px;
    line-height: 32px;
}

.ju-text-list1 {}

.ju-text-list1 li {
    line-height: 32px;
}

.ju-text-list2 li {
    float: left;
    width: 270px;
    line-height: 32px;
    margin-right: 10px;
    text-align: left;
}
.stock{
    position: relative;
    float: left;
    display: flex;
    flex-direction: column;
    height: 30px;
    align-items: center;
    justify-content: center;
    margin-top: 17px;
    margin-left: 8px;
    padding-left: 10px;
}
.stock::before{
    position: absolute;
    top: 6px;
    left: 0;
    content: '';
    width: 1px;
    height: 22px;
    background-color: #8b8686;
}
.stock .stock-name{
    font-size: 14px;
    color: #8b8686;
    height: 15px;
}
.stock .stock-code{
    font-size: 15px;
    color: #be4200;
    font-weight: bold;
    height: 15px;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: #0003;
    border-radius: 12px;
    transition: all .2s ease-in-out;
}
::-webkit-scrollbar-track {
    border-radius: 12px;
}