.font-size-24 {

    font-size: 24px;

}

.index-page .header-banner {

    height: 640px

}

/*按钮样式*/

.btn {

    display: inline-block;

    width: 100px;

    height: 32px;

    border-radius: 3px;

    line-height: 32px;

    color: #009FD9;

    background: #fff;

    text-align: center;

    text-decoration: none;

    font-size: 14px;

    cursor: pointer;

}

/*服务活动推广*/

.gx-modules-sec-banner {

    position: absolute;

    bottom: 0;

    /*width: 100%;*/

    z-index: 10;

    overflow: hidden

}



.gx-modules-sec-banner .gx-banner-mask {

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(199,202,212,.1)

}



.gx-modules-sec-banner .content {

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

    font-size: 18px;

    color: #000;

    padding-bottom: 40px;

}



.gx-modules-sec-banner .content {

    margin: auto;

    padding: 0

}



.gx-modules-sec-banner .gx-banner-list .item {

    position: relative;

    float: left;

    width: 300px;

    height: 110px;

    cursor: pointer;

    -webkit-transition: all .4s cubic-bezier(0,0,.3,1) 0ms;

    -o-transition: all .4s cubic-bezier(0,0,.3,1) 0ms;

    -moz-transition: all .4s cubic-bezier(0,0,.3,1) 0ms;

    transition: all .4s cubic-bezier(0,0,.3,1) 0ms;

    border-left: 1px solid hsla(0,0%,100%,.06);

}



.gx-modules-sec-banner .gx-banner-list .item:last-child {

    width: 298px;

    border-right: 1px solid hsla(0,0%,100%,.06)

}



.gx-modules-sec-banner .gx-banner-list .item .icon-seg {

    margin-left: 15px;

    float: left;

    width: 80px;

    height: 80px;

    overflow: hidden;

    position: relative;

    top: 0%;

    margin-top: 20px

}



.gx-modules-sec-banner .gx-banner-list .item .text-sec {

    width: 170px;

    float: left;

    margin-left: 15px;

    position: relative;

    top: 0%;

    margin-top: 35px

}



.gx-modules-sec-banner .gx-banner-list .item .text-sec .title {

    margin-bottom: 3px;

    font-size: 16px;

    color: #fff

}



.gx-modules-sec-banner .gx-banner-list .item .text-sec .con-text {

    font-size: 12px;

    color: #999

}



.gx-modules-sec-banner .gx-banner-list .item:hover .hover-mask {

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(199,202,212,.1)

}



.gx-modules-sec-banner .gx-banner-list .item:hover .con-text {

    color: #fff

}



.gx-modules-sec-banner .gx-banner-list .item:hover .icon-seg .img-hover-bg {

    margin-top: -100%

}

/* 首页新闻 */

.news-ul li a {

    padding-right: 25%;

}

/*云产品*/

.cloud-product-box {

    background: #fff;

}

.cloud-product {

    padding: 80px 0px 60px 0px;

}



.cloud-product-title {

    height: 32px;

    text-align: center;

    line-height: 32px;

    font-size: 32px;

    color: #333;

}

.cloud-product-explain {

    margin-top: 26px;

    margin-bottom: 60px;

    height: 16px;

    line-height: 16px;

    text-align: center;

    font-size: 16px;

    color: #999;

}

.cloud-product-title.white-color {

    color: #fff;

}

.color-blue {

    color: #00a4ff;

}



/*云产品样式改版*/



.c-btn {

    height: 35px;

    min-width: 140px;

    padding: 0 20px;

    background-color: #00a4ff;

    color: #fff;

    font-size: 14px;

    line-height: 35px;

    text-align: center;

    display: inline-block;

    cursor: pointer;

    outline: 0;

    box-sizing: border-box

}



.c-btn:hover {

    text-decoration: none;

    background-color: #0092ee

}



.c-btn-hole:hover {

    background-color: #00a4ff;

    border: 1px solid #00a4ff;

    color: #fff

}



.c-ui-block-icon em {

    display: inline-block;

    font-size: 12px;

    line-height: 1;

    transform: scale(.8, .8)

}

.c-bubble-warning span {

    vertical-align: middle;

    margin-left: 5px;

    color: #e29e35

}

.c-bubble-warning .c-bubble-inner em {

    color: #b27700;

    font-weight: 700

}



.c-tab-normal {

    text-align: center

}



.c-tab-normal .c-tab-simple {

    display: inline-block;

    text-align: center;

    position: relative;

    border-bottom: #e5e5e5 1px solid

}



.c-tab-normal .c-tab-simple a {

    display: block;

    padding: 10px 30px;

    text-decoration: none

}



.c-tab-normal .c-tab-simple .c-tab-tit {

    display: block;

    color: #333;

    font-size: 18px

}





.c-tab-normal .c-tab-simple.actived:after {

    display: inline-block;

    content: "";

    height: 1px;

    width: 100%;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -1px;

    background: #00a4ff;

    z-index: 1

}











.c-tab-weak .c-tab-simple {

    border-bottom: 0

}



.c-tab-weak .c-tab-simple a {

    padding: 0 15px;

    line-height: 45px

}



.c-tab-weak .c-tab-simple .c-tab-tit {

    font-size: 14px

}



.c-tab-weak .c-tab-simple.actived:after, .c-tab-weak .c-tab-simple:after {

    display: none

}



.c-tab-v .c-tab-simple {

    border: 0;

    position: relative;

    display: inline-block;

    text-align: left;

    width: 100%

}



.c-tab-v .c-tab-simple.actived:after {

    content: '';

    position: absolute;

    right: 0;

    top: 0;

    width: 2px;

    height: 100% !important;

    background-color: #00a4ff;

    left: auto;

    bottom: 0;

    z-index: 1

}









.c-tab-btns a {

    position: absolute;

    top: 0;

    width: 32px;

    height: 54px;

    font-size: 0;

    line-height: 54px;

    text-align: center;

    background-color: #fff;

    border-bottom: 1px solid #e5e5e5

}



.c-tab-btns a:after {

    content: '';

    display: inline-block;

    vertical-align: middle;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    width: 10px;

    height: 10px;

    border-left: 2px solid #666;

    border-bottom: 2px solid #666

}





.c-tab-normal.c-tab-criterion > ul {

    border-bottom: #e5e5e5 2px solid;

    position: relative

}



.c-tab-normal.c-tab-criterion .c-tab-simple {

    border-bottom: none;

    position: relative;

    min-width: 145px;

    margin-right: 20px

}



.c-tab-normal.c-tab-criterion .c-tab-simple a {

    padding-bottom: 15px

}



.c-tab-normal.c-tab-criterion .c-tab-simple.actived:after {

    height: 2px;

    bottom: -2px

}







@charset "UTF-8";

body {

    color: #333;

    -webkit-tap-highlight-color: transparent

}



a {

    color: #00a4ff

}



:focus {

    outline: 0

}



.body .c-btn:hover {

    background-color: #0092ee

}



.home-product-tab .c-tab-normal {

    position: relative;

    max-width: 1200px;

    margin: 0 auto;

    font-size: 0;

    text-align: left;

}
/*2018/10/11新增关于解决css样式控制开始*/
.home-product-tab .about_tabs li:first-child.actived{
     /*border-bottom: 3px solid rgb(0, 164, 255);*/
}

.home-product-tab .about_tabs li.actived,.home-product-tab .about_list li.actived{
    border-bottom: 3px solid rgb(0, 164, 255);
}


.home-product-tab .about_tabs li:first-child.actived div{
    width: 100%;
    height: 3px;
    border-bottom: 3px solid #00a4ff;;
    position: absolute;
    bottom: -12px;
}



/*2018/10/11新增关于解决css样式控制结束*/

.home-product-tab .c-tab-panel.c-tab-panel-shadow {

    -webkit-box-shadow: inset 0 3px 6px 0 rgba(229, 232, 237, .5);

    -moz-box-shadow: inset 0 3px 6px 0 rgba(229, 232, 237, .5);

    box-shadow: inset 0 3px 6px 0 rgba(229, 232, 237, .5)

}



.home-product-tab .c-tab-normal > ul {

    position: relative;

    margin-top: 40px;

}



.home-product-tab .c-tab-simple {

    width: 20%;

    border-bottom: 1px solid #fff

}

/*.home-product-tab .c-tab-simple{
    height: 139px;
}*/

.home-product-tab .about_tabs .c-tab-simple:first-child i{
    position: relative;
    top: -16px;
}


.about_tabs li:hover,.about_list li:hover i{
     color: #00a4ff
}



/*.home-product-tab .c-tab-simple:nth-child(-n+5) a{
    padding-bottom: 15px;
}*/


/*.home-product-tab .c-tab-simple:nth-child(1) a{
    padding-bottom: 22px;
}*/

.home-product-tab .c-tab-simple .c-tab-tit {

    color: #666

}



.home-product-tab .c-tab-simple.actived .c-tab-tit {

    color: #00a4ff

}



.home-product-tab .c-tab-simple.actived:after {

    height: 2px;

    background-color: transparent;

    bottom: -2px

}



.home-product-icon {

    position: relative;

    width: 48px;

    height: 48px;

    display: block;

    margin: 0 auto 15px

}

/**icon*/
.home-product-icon i {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 60px;
    color: #7c848e;
}


.home-product-icon i.clicked{
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 60px;
    color: #00a4ff;
}

.home-product-icon img {

    width: 100%;

    height: 100%;

    display: block

}



.home-product-icon .active-img {

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0

}



.c-tab-simple.actived .home-product-icon img, .c-tab-simple:hover .home-product-icon img {

    opacity: 0

}



.c-tab-simple.actived .home-product-icon .active-img, .c-tab-simple:hover .home-product-icon .active-img {

    opacity: 1

}







.home-product-tab .c-tab-simple a {

    padding-left: 15px;

    padding-right: 15px

}

/*.home-product-tab .about_list li:first-child a{
    padding-bottom: 15px !important;
}*/


.c-tab-normal .c-tab-simple a:hover .c-tab-tit {

    color: #00a4ff;

    text-decoration: none

}



.home-product-mod-btn .home-product-tab .c-tab-panel {

    padding: 30px 0 20px

}



.home-product-tab .c-tab-panel {

    display: none;

    background-color: #f7f8fa;

    padding: 25px 0 20px;

    overflow: hidden

}



.home-product-m-title {

    display: none

}



.home-product-list {

    box-sizing: border-box;

    margin: 0 auto;

    max-width: 1200px;

    font-size: 0

}



.home-product-list > ul {

    display: none

}



.home-product-list-btn {

    display: inline-block;

    width: 25%;

    vertical-align: top;

    background-color: #f7f8fa

}



.home-product-list-btn .home-product-item {

    width: 100%;

    padding: 15px 30px 25px 0;

    margin-bottom: 10px

}



.home-product-list-btn .home-product-item .c-btn-hole {

    background-color: transparent;

    margin-top: 16px;

    min-width: 120px

}



.home-product-list-normal .home-product-item-tit {

    margin-bottom: 6px;

    line-height: 22px

}



.home-product-list-normal .home-product-item-txt {

    line-height: 24px

}



.home-product-list-btn .home-product-item-tit {

    margin-bottom: 6px;

    font-size: 18px;

    line-height: 25px

}



.home-product-list-btn .home-product-item-txt {

    line-height: 24px

}



.home-product-list-normal {

    display: inline-block;

    width: 75%

}



.home-product-list-normal .home-product-item {

    padding: 0;

    width: 33.33333%;

    margin-bottom: 0

}



.home-product-list-normal.expand {

    width: 100%

}



.home-product-list-normal.expand .home-product-item {

    width: 25%;

    margin-bottom: 9px;

}



.home-product-list-normal .home-product-item > a {

    padding: 15px 30px;

}

.home-product-list-more-m {

    padding: 10px 15px;

    font-size: 14px;

    line-height: 24px;

    display: none

}



.home-product-list-more-m:after {

    content: '';

    display: inline-block;

    width: 12px;

    height: 7px;

    margin-left: 8px;

    background-image: url(../fonts/home-201807271534.svg);;

    background-position: 99.74% 41.94%;

    background-size: 2857.1428571428573% 4600%;;

    background-repeat: no-repeat

}



.home-product-item {

    width: 25%;

    display: inline-block;

    vertical-align: top;

    padding-left: 30px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin-bottom: 30px

}



.home-product-item a {

    display: block;

    color: #333

}



.home-product-item-tit {

    font-size: 16px;

    margin-bottom: 10px;

    font-weight: 400

}



.home-product-item a:hover .home-product-item-tit {

    color: #00a4ff;

    text-decoration: none;

    

}

.home-product-item:hover{

    background:#fff url('../images/home_common_more.png') no-repeat 95% 50%;

    box-shadow: 1px 1px 3px 1px rgba(136, 136, 136, 0.07);



}



 

.home-product-item-tit a {

    display: block

}



.home-product-item-tit a:hover {

    color: #00a4ff

}



.home-product-item-txt {

    font-size: 14px;

    color: #999;

    line-height: 1.5

}



.home-product-item-txt span {

    margin-right: 5px

}



.home-product-item-txt a {

    color: #00a4ff;

    display: inline-block

}



.home-product-item-txt a:hover {

    text-decoration: underline

}



.home-product-item-tag {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    top: -1px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0 2px;

    margin-left: 10px;

    min-width: 32px;

    border: 1px solid #f60;

    font-size: 12px;

    line-height: 14px;

    color: #f60;

    text-align: center

}



.c-btn-hole {

    border: 1px solid #00a4ff;

    background-color: #fff;

    color: #00a4ff;

    line-height: 33px;

}



/*解决方案*/

.solution-bgcolor {

    background: #fff;

}

.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:0px 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(../images/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: #00a4ff;

}

.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;

    *display: none;

    opacity: 0;

    -moz-opacity:0;

    -khtml-opacity: 0;

    transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

}

.solution-box:hover .arr-btn {

    display: block\0;

    *display: block;

    opacity: 1;

    -moz-opacity:1;

    -khtml-opacity: 1;

}

.arr-btn-left {

    left: 0;

}

.arr-btn-right {

    right: 0;

}

.solution-box-wraper {

    width: 100%;

    background: #292e33;

}

.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(../images/index-sprite.png) no-repeat 0 -1538px;

}

.arr-btn .arr-right {

    background: url(../images/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: background-color .5s;

    -moz-transition: background-color .5s;

    -webkit-transition: background-color .5s;

    -o-transition: background-color .5s;

    transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

}

.solution-bg-li01 {

    background: url(../images/cloud-photo.jpg) no-repeat center;

}

.solution-bg-li02 {

    background: url(../images/finance-photo.jpg) no-repeat center;

}

.solution-bg-li03 {

    background: url(../images/mobile-photo.jpg) no-repeat center;

}

.solution-bg-li04 {

    background: url(../images/busin-photo.jpg) no-repeat center;

}

.solution-bg-li05 {

    background: url(../images/game-photo.jpg) no-repeat center;

}

@media only screen and (max-width: 1200px) {

    .solution-list ul li {

        width: 224px;

    }

}

@media only screen and (max-width: 1017px) {

    .solution-list ul li {

        width: 224px;

    }

}

.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;

    -khtml-opacity: 0.5;

}

.li-bgcolor.opa-8 {

    filter:alpha(opacity=80);

    opacity: 0.8;

    -moz-opacity:0.8;

    -khtml-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(../images/solution-items-icon.png) no-repeat 0 0;

}

.solution-list ul li > i.finance-icon {

    background: url(../images/solution-items-icon.png) no-repeat 0 -60px;

}

.solution-list ul li > i.mobile-icon {

    background: url(../images/solution-items-icon.png) no-repeat 0 -120px;

}

.solution-list ul li > i.busin-icon {

    background: url(../images/solution-items-icon.png) no-repeat 0 -180px;

}

.solution-list ul li > i.game-icon {

    background: url(../images/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: #00a4ff;

}

.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: 550px;

    background: #fff

}



.swiper-wrapper {

    position: relative;

    height: 140px;

    overflow: hidden

}



.certificat-swiper-wrapper {

    position: relative;

    width: 1200px;

    height: 213px;

    overflow: hidden

}



.certificat-swiper-inner {

    position: absolute;

    left: 0;

    top: 0;

    width: 1444px;

    height: 213px;

    transition: left .3s

}



.certificat-swiper-inner.active {

    left: -240px

}



.certificat-item {

    float: left;

    margin-left: 20px;

    width: 224px;

    height: 211px;

    border: 1px solid #f0f0f0

}



.certificat-item:hover {

    box-shadow: 0 0 8px rgba(0,0,0,0.12)

}



.certificat-item:first-child {

    margin-left: 0

}



.certificat-item-wrapper {

    width: 100%;

    height: 100%

}



.certificat-pic {

    margin: 0 auto;

    width: 102px;

    height: 111px

}



.certificat-pic1 {

    background: url(../images/certificate_bg_01.png) no-repeat center 34px

}



.certificat-pic2 {

    background: url(../images/certificate_bg_02.png) no-repeat center 34px

}



.certificat-pic3 {

    background: url(../images/certificate_bg_03.png) no-repeat center 34px

}



.certificat-pic4 {

    background: url(../images/certificate_bg_04.png) no-repeat center 34px

}



.certificat-pic5 {

    background: url(../images/certificate_bg_05.png) no-repeat center 34px

}



.certificat-pic6 {

    background: url(../images/certificate_bg_06.png) no-repeat center 34px

}



.certificat-introduce {

    margin-top: 30px;

    width: 100%

}



.certificat-introduce-top {

    margin-bottom: 12px;

    height: 18px;

    line-height: 18px;

    font-size: 18px;

    color: #333;

    text-align: center

}



.certificat-introduce-bottom {

    margin-top: 12px;

    height: 12px;

    line-height: 12px;

    color: #999;

    font-size: 12px;

    text-align: center

}



.certificat-active-btn-wrapper {

    margin: 50px auto 0;

    width: 65px;

    height: 10px

}



.certificat-btn {

    float: right;

    width: 30px;

    height: 4px;

    border-radius: 10%;

    background: #dddddd;

    cursor: pointer

}



.certificat-btn:first-child {

    float: left

}



.certificat-btn.active {

    background: #1664ff

}

/*合作伙伴*/

.cooperative-partner {

    background: #f7f8fa

}



.cooperative-partner-list {

    margin-top: 26px

}



.cooperative-partner-item {

    float: left;

    width: 240px;

    height: 184px;

    background-color: transparent;

    transition: all .5s

}



.item-01 {

    background: url(../images/parterner_active_01.png) no-repeat center

}



.item-02 {

    background: url(../images/parterner_active_02.png) no-repeat center

}



.item-03 {

    background: url(../images/parterner_active_03.png) no-repeat center

}



.item-04 {

    background: url(../images/parterner_active_04.png) no-repeat center

}



.item-05 {

    background: url(../images/parterner_active_05.png) no-repeat center

}



.item-06 {

    background: url(../images/parterner_active_06.png) no-repeat center

}



.item-07 {

    background: url(../images/parterner_active_07.png) no-repeat center

}



.item-08 {

    background: url(../images/parterner_active_08.png) no-repeat center

}



.item-09 {

    background: url(../images/parterner_active_09.png) no-repeat center

}



.item-10 {

    background: url(../images/parterner_active_10.png) no-repeat center

}



.cooperative-partner-item.active {

    position: relative;

    top: -4px;

    background-color: #fff;

    box-shadow: 0 3px 20px rgba(0,0,0,.1)

}

/*新闻动态*/

.news-trends {

    background: #fff

}



.news-trends-list {

    margin-top: 46px

}



.press-release {

    float: left;

    margin-left: 40px;

    width: 370px

}



.activity-title img {

    height: 140px

}



.press-release:first-child {

    margin-left: 0

}



.press-release-title-wrapper {

    position: relative;

    display: block;

    margin-bottom: 20px

}



.press-release-title {

    position: absolute;

    top: -10px;

    width: 120px;

    height: 120px

}



.blue-bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #00a4ff;

    opacity: .9;

    filter: alpha(opacity=90)

}



.press-release-word {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 9;

    padding: 30px 34px;

    width: 120px;

    height: 120px;

    font-size: 20px;

    text-align: center;

    line-height: 32px;

    color: #fff

}



.release-title-bg {

    width: 370px;

    height: 100px

}



.release-title-bg.title-bg-1 {

    background: url(../images/news_bg_01.jpg) no-repeat center

}



.release-title-bg.title-bg-2 {

    background: url(../images/news_bg_02.jpg) no-repeat center

}



.release-title-bg.title-bg-3 {

    background: url(../images/news_bg_03.jpg) no-repeat center

}



.press-news-pic {

    position: relative;

    margin: 20px auto 0;

    width: 90%;

    height: 74px;

    overflow: hidden

}



.press-news-picbg {

    position: absolute;

    left: 50%;

    top: 50%;

    display: block;

    margin-left: -173px;

    margin-top: -40px;

    height: 80px;

    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-news-picbg1 {

    background-image: url(../images/news_bg1.png)

}



.press-news-picbg2 {

    background-image: url(../images/news_bg2.png)

}



.press-release-list li a:hover span,.press-release-list li a.active span {

    color: #00a4ff

}



.press-release-list {

    margin: 0 auto;

    height: 174px

}



.press-release-list li {

    margin-top: 22px;

    float: left;

    width: 100%;

    height: 14px;

    line-height: 14px

}



.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: 12px;

    color: #888;

    white-space: nowrap

}



.press-release-list li a span {

    float: left;

    width: 76%;

    font-size: 14px;

    color: #555;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden

}



.activity-title {

    text-align: center

}



.activity-title a {

    display: block;

    margin: 0 auto;

    width: 370px;

    height: 260px;

    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: #0092ee;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px

}



.free-registration a:hover {

    background: #ff8909

}



/*数据中心*/

.map-service-wrapper {

    padding: 0;

}

.map-service {

    position: relative;

    background: #f7f8fa;

}

.map-service-left {

    margin: 0 auto 50px;

    width: 450px;

}

.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: #00a4ff;

    background: url(../images/data_list_icon_active.png) no-repeat 20px center ;



}

.data-list-title.list-title-2 {

    background: url(../images/data_list_icon_waite.png) no-repeat 20px center;

    color: #fb9353;

}

.data-list-title.list-title-3 {

    background: url(../images/data_list_icon_daikai.png) no-repeat 20px center;

    color: #757370;

}

.map-product {

    padding-bottom: 0px;

}

.map-service-box{

    position: relative;

}

.world-map-wrapper {

    /*margin-top: 10px;*/

    width: 100%;

    height: 540px;

    background: url(../images/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

    }



    100% {

        transform: scale(1);

        opacity: 0

    }

}



.area-box .dot {

    display: inline-block;

    position: absolute;

    left: 0;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: #a2a9b4;

    opacity: 1;

    filter: alpha(opacity=100)

}



.area-box .pulse {

    display: inline-block;

    position: absolute;

    top: -28px;

    left: -28px;

    height: 66px;

    width: 66px;

    border: 2px solid #b7b7b7;

    -webkit-border-radius: 48px;

    -moz-border-radius: 48px;

    border-radius: 48px;

    background: #a2a9b4;

    box-shadow: 0 0 4px #82878f,0 0 10px rgba(130, 135, 143, 0.04) inset;

    opacity: .12;

    filter: alpha(opacity=0);

    -webkit-animation: warn 2s ease-out both;

    -moz-animation: warn 2s ease-out both;

    animation: warn 2s ease-out both;

    -webkit-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    background: transparent

}



.area-box .delay-01 {

    animation-delay: 0

}



.area-box .delay-02 {

    animation-delay: .4s

}



.area-box .delay-03 {

    animation-delay: .8s

}



.area-box .delay-04 {

    animation-delay: 1.2s

}



.area-box .delay-05 {

    animation-delay: 1.6s

}



.area-box .delay-06 {

    animation-delay: 2s

}



.area-box .delay-07 {

    animation-delay: 2.4s

}



.area-box .delay-08 {

    animation-delay: -0.4s

}



.area-box .delay-09 {

    animation-delay: -0.8s

}



.area-box .delay-10 {

    animation-delay: -1.2s

}



.area-box .delay-11 {

    animation-delay: 4s

}



.region-list.active .area-box .dot {

    background: #00a4ff

}



.region-list.active .area-box .pulse {

    border-color: #00a4ff;

    top: -45px;

    left: -45px;

    height: 100px;

    width: 100px;

    box-shadow: 0 0 0px #00aaff,0 0 210px rgba(244, 67, 54, 0) inset

}



.region-list.waite .area-box .dot {

    background: #f90

}



.region-list.waite .area-box .pulse {

    border-color: #f90

}



.show-regin {

    position: absolute;

    left: 4px;

    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;

    top: -12px;

    padding: 6px 10px;

    font-size: 14px;

    color: #ccc;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

}



.postition-10 .show-regin span {

    left: 0

}



.postition-6 .show-regin span {

    left: -50px

}

.postition-8 .show-regin span {

    left: -52px

}

.postition-15 .show-regin span {

    left: -52px

}

.postition-16 .show-regin span {

    left: -52px

}



.area-box {

    z-index: 77

}



.show-regin {

    z-index: 66

}



.region-list.active .show-regin span {

    position: relative;

    color: #111

}



.region-list.waite .show-regin span {

    color: #ccc

}



.postition-1 {

    left: 796px;

    top: 292px;

}

.postition-2 {

    left: 75px;

    top: 154px;

}

.postition-3 {

    left: 258px;

    top: 443px;

}

.postition-4 {

    left: 477px;

    top: 119px;

}

.postition-5 {

    left: 908px;

    top: 174px;

}

.postition-6 {

    left: 815px;

    top: 219px;

}



.postition-7 {

    left: 835px;

    top: 199px

}



.postition-7.region-list.active .area-box .pulse {

    top: -50px;

    left: -50px;

    width: 110px;

    height: 110px;

    border-radius: 50%

}



.postition-8 {

    left: 810px;

    top: 188px

}



.postition-9 {

    left: 611px;

    top: 207px

}



.postition-9.region-list.active .area-box .pulse {

    top: -50px;

    left: -50px;

    width: 110px;

    height: 110px;

    border-radius: 50%

}



.postition-10 {

    left: 835px;

    top: 228px

}



.postition-11 {

    left: 165px;

    top: 184px

}



.postition-13 {

    left: 840px;

    top: 170px

}

.postition-14 {

    left: 928px;

    top: 424px

}

.postition-15 {

    left: 825px;

    top: 340px

}

.postition-16 {

    left: 703px;

    top: 254px

}

.postition-17 {

    left: 806px;

    top: 314px

}





.douhao {

    display: inline-block;

    width: 0

}


/*解决方案*/


/*解决方案*/
/*body {*/
/*    font: 14px / 30px "PingFang SC", "Microsoft Yahei";*/
/*}*/
.auto * {
    box-sizing: border-box;
}
.font-size-18 {
    font-size: 18px;
}

.trade-solution-wrap {
    background-color: #191b26;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.p-b-70 {
    padding-bottom: 70px;
}
.auto {
    overflow: visible;
}
.auto {
    width: 1200px;
    min-width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 1233px) {
    .auto {
        padding-left: 10px;
    }
}
.tac {
    text-align: center;
}
.color-white {
    color: #fff;
}
.font-weight-normal {
    font-weight: normal;
}
.font-size-28 {
    font-size: 28px;
}
.p-b-50 {
    padding-bottom: 50px;
}
.p-t-70 {
    padding-top: 70px;
}
[layout-align] {
    display: flex
;
}
[layout-align="space-between start"] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.solution-desc-box {
    width: 690px;
}

li {
    list-style-type: none;
}
.solution-desc-box li>h3 {
    margin-top: 80px;
}
.el-hide {
    display: none;
}

.m-b-15 {
    margin-bottom: 15px;
}
.font-size-18 {
    font-size: 18px;
}
.font-weight-normal {
    font-weight: normal;
}
.m-b-20 {
    margin-bottom: 20px;
}

.a-public-btn.w-auto {
    width: auto;
}
.a-public-btn.min-w-100 {
    min-width: 100px;
}

.inline-block {
    display: inline-block;
}
.a-public-btn {
    border-style: solid;
    border-width: 1px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    text-align: center;
}
.bdr-2 {
    border-radius: 2px;
}
.m-l-10 {
    margin-left: 10px;
}
.solution-title-list {
    width: 245px;
    height: 371px;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 2px;
    padding: 30px 0 30px 40px;
}
.solution-title-list li.active {
    color: #fff;
    margin-left: -2px;
    font-size: 18px;
    -webkit-transition: .2s;
    transition: .2s;
}
.solution-title-list li {
    color: #999;
    margin-bottom: 24px;
    cursor: pointer;
}

.solution-title-list li.active .icon-solution-title1 {
    background: url(../images/icon-solution-active1.png) no-repeat center;
}
.solution-title-list li.active .icon-solution-title {
    width: 18px;
    height: 18px;
    margin-right: 13px;
}
.solution-title-list .icon-solution-title {
    width: 12px;
    height: 12px;
    margin-right: 18px;
    vertical-align: middle;
    margin-top: -2px;
}
.solution-title-list li.active>span {
    border-bottom: 1px solid #fff;
}
.solution-title-list li>span {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: 10px;
}

.solution-title-list .icon-solution-title2 {
    background: url(../images/icon-solution2.png) no-repeat center;
}
.solution-title-list .icon-solution-title3 {
    background: url(../images/icon-solution3.png) no-repeat center;
}
.solution-title-list .icon-solution-title4 {
    background: url(../images/icon-solution4.png) no-repeat center;
}
.solution-title-list .icon-solution-title5 {
    background: url(../images/icon-solution5.png) no-repeat center;
}

.solution-desc-links {
    margin-bottom: 84px
}

.solution-desc-links a {
    padding: 0 21px
}
.bg-color-006aff {
    background-color: #006aff;
}
.links-hover-006aff:hover {
    color: #006aff
}

.a-public-btn:hover.hover-bg-2681ff {
    background-color: #2681ff;
    border-color: #2681ff
}

/*解决方案*/
.tac {
    text-align: center;
}
.color-white {
    color: #fff;
}
.font-weight-normal {
    font-weight: normal;
}
.font-size-28 {
    font-size: 28px;
}
.p-b-50 {
    padding-bottom: 50px;
}
.p-t-70 {
    padding-top: 70px;
}
[layout-align] {
    display: flex
;
}
[layout-align="space-between start"] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.solution-desc-box {
    width: 690px;
}

li {
    list-style-type: none;
}
.solution-desc-box li>h3 {
    margin-top: 80px;
}
.el-hide {
    display: none;
}

.m-b-15 {
    margin-bottom: 15px;
}
.font-size-18 {
    font-size: 18px;
}
.font-weight-normal {
    font-weight: normal;
}
.m-b-20 {
    margin-bottom: 20px;
}

.a-public-btn.w-auto {
    width: auto;
}
.a-public-btn.min-w-100 {
    min-width: 100px;
}

.inline-block {
    display: inline-block;
}
.a-public-btn {
    border-style: solid;
    border-width: 1px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    text-align: center;
}
.bdr-2 {
    border-radius: 2px;
}
.m-l-10 {
    margin-left: 10px;
}
.solution-title-list {
    width: 245px;
    height: 371px;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 2px;
    padding: 30px 0 30px 40px;
}
.solution-title-list li.active {
    color: #fff;
    margin-left: -2px;
    font-size: 18px;
    -webkit-transition: .2s;
    transition: .2s;
}
.solution-title-list li {
    color: #999;
    margin-bottom: 24px;
    cursor: pointer;
}
.solution-title-list .icon-solution-title1 {
    background: url(../images/icon-solution1.png) no-repeat center;
}
.solution-title-list li.active .icon-solution-title1 {
    background: url(../images/icon-solution-active1.png) no-repeat center;
}
.solution-title-list li.active .icon-solution-title2 {
    background: url(../images/icon-solution-active2.png) no-repeat center;
}
.solution-title-list li.active .icon-solution-title3 {
    background: url(../images/icon-solution-active3.png) no-repeat center;
}
.solution-title-list li.active .icon-solution-title4 {
    background: url(../images/icon-solution-active4.png) no-repeat center;
}
.solution-title-list li.active .icon-solution-title5 {
    background: url(../images/icon-solution-active5.png) no-repeat center;
}
.solution-title-list li.active .icon-solution-title {
    width: 18px;
    height: 18px;
    margin-right: 13px;
}
.solution-title-list .icon-solution-title {
    width: 12px;
    height: 12px;
    margin-right: 18px;
    vertical-align: middle;
    margin-top: -2px;
}
.solution-title-list li.active>span {
    border-bottom: 1px solid #fff;
}
.solution-title-list li>span {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: 10px;
}

.solution-title-list .icon-solution-title2 {
    background: url(../images/icon-solution2.png) no-repeat center;
}
.solution-title-list .icon-solution-title3 {
    background: url(../images/icon-solution3.png) no-repeat center;
}
.solution-title-list .icon-solution-title4 {
    background: url(../images/icon-solution4.png) no-repeat center;
}
.solution-title-list .icon-solution-title5 {
    background: url(../images/icon-solution5.png) no-repeat center;
}

.solution-desc-links {
    margin-bottom: 84px
}

.solution-desc-links a:not(.more) {
    background-color: #5c5c62;
    border-color: rgba(0,0,0,0)
}

.solution-desc-links a:not(.more):hover {
    background-color: #737373
}

.solution-desc-links a {
    padding: 0 21px
}
.a-public-btn.bd-color-006aff {
    border-color: #006aff;
}
.bg-color-006aff {
    background-color: #006aff;
}
.links-hover-006aff:hover {
    color: #006aff
}

.a-public-btn:hover.hover-bg-2681ff {
    background-color: #2681ff;
    border-color: #2681ff
}
/*解决方案*/

/*新版数据中心*/
@media screen and (min-width: 992px) {
    .home-cloud {
        padding-top: 100px;
    }
}
.home-cloud {
    /*background: rgba(28, 24, 39, 1);*/
    background: #131926;
    text-align: center;
}
.home-cloud > div {
    /* position: relative; */
}
@media screen and (min-width: 1200px) {
    .home-banner-news, .container-fluid, .home-solution-content-item {
        width: 1200px;
		height: 860px;
    }
}
/*
@media screen and (min-width: 992px) {
    .home-banner-news, .container-fluid {
        width: 970px;
    }
}
*/
.container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.home-cloud-title {
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}
@media screen and (min-width: 992px) {
    .home-cloud-title {
        font-size: 40px;
        line-height: 40px;
    }
}
@media screen and (min-width: 992px) {
    .home-cloud-info {
        font-size: 16px;
        line-height: 24px;
        margin: 32px 0 50px 0;
    }
}
.home-cloud-info {
    font-weight: 400;
    color: rgba(169, 163, 184, 1);
}
.home-cloud-mapimg {
    display: block;
}

.png-svg {
    display: none;
}
img {
    vertical-align: middle;
}

.home-cloud-friend-list {
    text-align: center;
}
/*
@media screen and (min-width: 1200px) {
    .home-cloud-friend-list {
        margin-bottom: 80px;
    }
}
@media screen and (min-width: 992px) {
    .home-cloud-friend-list {
        margin-bottom: 100px;
    }
}*/
@media screen and (min-width: 768px) {

    .home-cloud-friend-list > img {
        width: 100px;
        height: 75px;
    }
}

/*新版数据中心*/

/*新解决方案*/

[layout-align] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
}
[layout-align="space-between start"] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.solution-wrapper {
    padding-top: 60px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.solution-wrapper {
    background-color: #f2f5fa;
    padding-bottom: 70px;
}
.container {
    width: 1220px;
    margin: 0 auto;
}
.container {
    width: 1200px;
}
.module-title {
    font-size: 30px;
    color: #000;
    margin: 0 0 55px;
    text-align: center;
}
.module-title {
    font-size: 32px;
    color: #333;
    margin-bottom: 80px;
}
.tab-header-list {
    margin-bottom: 50px;
    position: relative;
}
.tab-header-list::before {
    position: absolute;
    bottom: 0;
    content: "";
    display: block;
    width: 100%;
    border-bottom: 2px solid #ddd;
}
.tab-header-list li {
    position: relative;
    z-index: 1;
    width: 20%;
    color: #333;
    font-size: 16px;
    text-align: center;
    padding-bottom: 18px;
    cursor: pointer;
    border-bottom: 2px solid #ddd;
}
.tab-header-list li.active {
    color: #05f;
    border-bottom: 2px solid #05f;
}
.tab-pane-top h3 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}
.tab-pane-top .tab-pane-text {
    width: 885px;
    color: #999;
    line-height: 30px;
    height: 60px;
    font-size: 15px;
}
.tab-pane-top a {
    width: 180px;
    height: 40px;
    margin-top: 8px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#0055ff), to(#00aaff)), -webkit-gradient(linear, left top, left bottom, from(#0055ff), to(#0055ff));
    background-image: linear-gradient(90deg, #0055ff 0%, #00aaff 100%), linear-gradient(#0055ff, #0055ff);
    background-blend-mode: normal, normal;
}
.tab-pane-top a:hover{
    color: #fff;
    background:#4281ff;
}
.tab-pane-list {
    margin-top: 40px;
    margin-left: -20px;
}
.tab-pane-list li {
    background-color: #fff;
    width: 285px;
    height: 236px;
    padding: 26px 15px 0 30px;
    margin-left: 20px;
    border-radius: 5px;
}
.tab-pane-list a:hover {
    color: #4281ff;
}
.tab-pane-list h3 {
    font-size: 14px;
}
.vam {
    vertical-align: middle;
}
.tab-pane-list .fa-pane-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.tab-pane-list .jr-fa-pane-icon1 {
    background: url(../images/1.png) center no-repeat;

}
.tab-pane-list .jr-fa-pane-icon2 {
    background: url(../images/2.png) center no-repeat;
}
.tab-pane-list .jr-fa-pane-icon3 {
    background: url(../images/3.png) center no-repeat;
}
.tab-pane-list .jr-fa-pane-icon4 {
    background: url(../images/4.png) center no-repeat;
}


.tab-pane-list .yx-fa-pane-icon1 {
    background: url(../images/1.png) center no-repeat;
}
.tab-pane-list .yx-fa-pane-icon2 {
    background: url(../images/2.png) center no-repeat;
}
.tab-pane-list .yx-fa-pane-icon3 {
    background: url(../images/3.png) center no-repeat;
}
.tab-pane-list .yx-fa-pane-icon4 {
    background: url(../images/4.png) center no-repeat;
}

.tab-pane-list .wz-fa-pane-icon1 {
    background: url(../images/1.png) center center no-repeat;
}
.tab-pane-list .wz-fa-pane-icon2 {
    background: url(../images/2.png) center center no-repeat;
}
.tab-pane-list .wz-fa-pane-icon3 {
    background: url(../images/3.png) center center no-repeat;
}
.tab-pane-list .wz-fa-pane-icon4 {
    background: url(../images/4.png) center center no-repeat;
}


.tab-pane-list .ds-fa-pane-icon1 {
    background: url(../images/1.png) center center no-repeat;
}
.tab-pane-list .ds-fa-pane-icon2 {
    background: url(../images/2.png) center center no-repeat;
}
.tab-pane-list .ds-fa-pane-icon3 {
    background: url(../images/3.png) center center no-repeat;
}
.tab-pane-list .ds-fa-pane-icon4 {
    background: url(../images/4.png) center center no-repeat;
}


.tab-pane-list .yd-fa-pane-icon1 {
    background: url(../images/1.png) center center no-repeat;
}
.tab-pane-list .yd-fa-pane-icon2 {
    background: url(../images/2.png) center center no-repeat;
}
.tab-pane-list .yd-fa-pane-icon3 {
    background: url(../images/3.png) center center no-repeat;
}
.tab-pane-list .yd-fa-pane-icon4 {
    background: url(../images/4.png) center center no-repeat;
}


.tab-pane-list p {
    color: #999;
    line-height: 30px;
    margin: 18px 0 6px;
    height: 120px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 14px;
}
.tab-pane-list a {
    color: #05f;
}

/*新解决方案*/



/*新闻动态*/

a {
    outline: none;
    text-decoration: none;
}

.header .auto {
    overflow: visible;
}

.auto {
    min-width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
}


.system-data-box {
    height: 170px;
    background: #006aff url(../images/system-data-bg.png) no-repeat center;
}

.system-data-box ul {
    padding: 40px 0 0;
}

[layout-align] {
    display: flex
;
}
[layout-align="space-between start"] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.system-data-box ul {
    padding: 40px 0 0;
}
[layout-align] {
    display: flex
;
}
li {
    list-style-type: none;
}
.system-data-box h3 {
    position: relative;
    font-weight: normal;
    color: #fff;
    margin-bottom: 30px;
}
.font-size-16 {
    font-size: 16px;
}

img {
    max-width: 100%;
}
img {
    border: 0px;
}


.other-system-box {
    background: #f4f7fa url(../images/other-system-bg.png) no-repeat center;
    padding-bottom: 70px;
}

.tac {
    text-align: center;
}
.tac {
    text-align: center;
}
.color-333 {
    color: #333;
}
.font-weight-normal {
    font-weight: normal;
}
.font-size-28 {
    font-size: 28px;
}
.p-b-50 {
    padding-bottom: 50px;
}
.p-t-70 {
    padding-top: 70px;
}
.other-system-box .other-system-list {
    height: 350px;
    padding: 27px 28px 30px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f2f5), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background-image: linear-gradient(180deg, #f0f2f5 0%, #fff 100%), linear-gradient(#fff, #fff);
    background-blend-mode: normal, normal;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 53, 128, .1);
    box-shadow: 0px 4px 20px 0px rgba(0, 53, 128, .1);
    border-radius: 2px;
    border: solid 2px #fff;
}
[layout-align] {
    display: flex
;
}
[layout-align="space-between start"] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.other-system-box .other-system-item:first-child {
    width: 570px;
    border-right: 1px solid #e6ebf2;
    margin-right: 30px;
    padding-right: 30px;
}

.other-system-box .other-system-item {
    /* width: 540px; */
    padding: 10px 0;
}

.font-weight-normal {
    font-weight: normal;
}
.font-size-18 {
    font-size: 18px;
}
.other-system-box .home-news-list {
    margin: 30px 0;
    min-height: 144px;
}

.a-public-btn.bd-color-006aff {
    border-color: #006aff;
}
.a-public-btn {
    border-style: solid;
    border-width: 1px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    text-align: center;
}
.bg-color-006aff {
    background-color: #006aff;
}
.color-white {
    color: #fff;
}
.el-block {
    display: block;
}
.bdr-2 {
    border-radius: 2px;
}
.com-w-100 {
    width: 100%;
}

.other-system-box .other-system-item {
    /* width: 540px; */
    padding: 10px 0;
}

.font-weight-normal {
    font-weight: normal;
}
.font-size-18 {
    font-size: 18px;
}

.other-system-box .icon-system-item2 {
    background: url(../images/icon-system-item2.png) no-repeat center;
}

.other-system-box .icon-system-item {
    width: 38px;
    height: 30px;
    background-color: #f0f2f5;
    margin-right: 10px;
}

.inline-block {
    display: inline-block;
}
.inline-block {
    display: inline-block;
}
.vam {
    vertical-align: middle;
}
.other-system-box .icon-system-item1 {
    background: url(../images/icon-system-item1.png) no-repeat center;
}
.other-system-box .icon-system-item {
    width: 38px;
    height: 30px;
    background-color: #f0f2f5;
    margin-right: 10px;
}
.inline-block {
    display: inline-block;
}
.inline-block {
    display: inline-block;
}
.vam {
    vertical-align: middle;
}


.other-system-box .home-news-list {
    margin: 30px 0;
    min-height: 144px;
}

.other-system-box .home-news-list a {
    color: #666;
    margin-bottom: 8px;
}
[layout-align="space-between center"] {
    justify-content: space-between;
    align-items: center;
}
[layout-align] {
    display: flex
;
}
.vam {
    vertical-align: middle;
}

.system-data-box h3::after {
    position: absolute;
    bottom: -5px;
    display: block;
    content: "";
    width: 32px;
    height: 2px;
    background-color: #fff;
    opacity: .6;
}
.system-data-box h3 {
    position: relative;
    font-weight: normal;
    color: #fff;
    margin-bottom: 30px;
}
.other-system-box .home-news-list a:hover {
    color: #006aff;
}
.other-system-box .home-news-list a {
    color: #666;
    margin-bottom: 8px;
}
a:hover {
    color: #006aff;
}
a:hover {
    color: #059fff;
}
a, button, input, textarea {
    -webkit-tap-highlight-color: transparent;
}

.other-system-box .home-news-list a.red {
    color: rgb(245, 7, 7);
}
[layout-align="start center"] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[layout-align="space-between center"] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.other-system-box .other-system-list {
    height: 350px;
    padding: 27px 28px 30px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f2f5), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background-image: linear-gradient(180deg, #f0f2f5 0%, #fff 100%), linear-gradient(#fff, #fff);
    background-blend-mode: normal, normal;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 53, 128, .1);
    box-shadow: 0px 4px 20px 0px rgba(0, 53, 128, .1);
    border-radius: 2px;
    border: solid 2px #fff;
}
.other-system-box .other-system-item {
    width: 540px;
    padding: 10px 0;
}
.other-system-box .home-news-list i {
    font-style: normal;
    color: #999;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 85px;
}
.a-public-btn:hover.hover-bg-2681ff {
    background-color: #2681ff;
    border-color: #a2a4a7;
	color: #fff
}


/*新闻动态*/

/*合作伙伴*/
.container_bg30 {
    background-color: #f4f8ff;
    background-image: url(../images/remotel17125754605088.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.comp_container {
    max-width: var(--maxwidth);
    min-width: var(--minwidth);
    padding: 0 var(--padding);
}
.comp_container_auto {
    margin: auto;
}
.sk-title-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 0 60px;
}
.sk-title-container .sk-title {
    font-size: 30px;
    color: var(--txtcl);
    text-align: center;
    line-height: 40px;
    font-weight: 600;
}
.sk-title-container .sk-desc {
    margin-top: 18px;
    font-size: 16px;
    /*color: rgba(34, 34, 34, 0.9);*/
    text-align: center;
    line-height: 24px;
    font-weight: 400;
    opacity: 0.9;
    color: #999;
}

.partners-container {
  --play: running;
  --direction: normal;
  --duration: 30s;
  --delay: 0s;
  --iteration-count: infinite;
  padding: var(--pcspacing);
}
.partners-container .partners-items-container {
  width: 100%;
}
.partners-container .partners-items-container .partners-list-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.partners-container .partners-items-container .partners-list-container .partners-item-container {
  flex: 0 0 auto;
  min-width: 100%;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.partners-container .partners-items-container .partners-list-container .partners-item-container:hover {
  --play: paused;
}
.partners-container .partners-items-container .partners-list-container .partners-item-container .partners-item-row {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.partners-container .partners-items-container .partners-list-container .partners-item-container .partners-item-row .partners-item-page {
  display: flex;
}
.partners-container .partners-items-container .partners-item {
  flex: 0 0 auto;
  width: var(--partners_blockWidth);
  height: var(--partners_blockHeight);
  padding-bottom: var(--partners_blockMargin);
  padding-right: var(--partners_blockMargin);
}
.partners-container .partners-items-container .partners-item .partners-item-img {
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  background: #fff;
  border-radius: var(--partners_blockradius);
}
.partners-container .partners-items-container .partners-item img {
  width: var(--partners_blockImageWidth);
  height: auto;
  max-height: var(--partners_blockMaxHeight);
  object-fit: fill;
  margin: auto;
}
.partners-container .partners-items-container .partners-list-container.blockborder .partners-item-img {
  border: 1px solid #eaf0fc;
}
.partners-container .partners-items-container .partners-list-container.blockshadow .partners-item-img {
  box-shadow: 0 2px 30px 0 #eaecf4;
}
.partners-container .partners-items-container .partners-list-container.block {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--partners_blockWidth), 1fr));
  gap: var(--partners_blockMargin);
  align-items: stretch;
  height: fit-content;
}
.partners-container .partners-items-container .partners-list-container.block .partners-item {
  padding-bottom: 0;
  padding-right: 0;
}
.partners-container .partners-item-container::before, .partners-container .partners-item-container::after {
  background-image: -webkit-linear-gradient(left, var(--partners_after) 20%, rgba(235, 237, 240, 0));
  content: "";
  height: 100%;
  position: absolute;
  width: calc(var(--padding) + 120px);
  z-index: 2;
}
.partners-container .partners-item-container::before {
  left: calc(var(--padding) - var(--padding) - var(--padding));
  top: 0;
}
.partners-container .partners-item-container::after {
  right: calc(var(--padding) - var(--padding) - var(--padding));
  top: 0;
  transform: rotateZ(180deg);
}
@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/*合作伙伴*/


/*横幅*/
*, ::after, ::before {
    box-sizing: border-box;
}
.space {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}
.main-intelligent {
    background-color: #2c73f2;
    overflow: hidden;
    position: relative;
    height: 234px;
}
.main-intelligent:after, .main-intelligent:before {
    display: block;
    content: "";
    width: 0;
    position: absolute;
    bottom: -1px;
    z-index: 2;
    border-color: transparent transparent #f4f7fa;
    border-style: solid;
    /*border-width: 0 0 1.6vw 50vw;*/
}
.main-intelligent:before {
    /*right: 50%;*/
    transform: scaleX(-1);
    filter: FlipH;
}

.main-intelligent-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.main-intelligent-video video {
    position: relative;
    margin: auto;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
}
@media (min-width: 1400px) {
    .container {
        max-width: 1300px;
    }
}
/*@media (min-width: 1200px) {*/
/*    .container, .container-lg, .container-md, .container-sm, .container-xl {*/
/*        max-width: 1140px;*/
/*    }*/
/*}*/
.main-intelligent-content {
    text-align: center;
    position: relative;
}
.main-intelligent-content h2 {
    font-family: PingFangSC-Semibold;
    font-size: 36px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 24px;
}
.main-intelligent-content p {
    font-size: 20px;
    font-family: PingFangSC-Regular;
    text-align: center;
    line-height: 26px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 24px;
}
.main-intelligent:after {
    /*left: 50%;*/
}


.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
/*横幅*/




/*产品介绍*/
.main-products {
    padding-top: 120px !important;
    background: #f5f7fc;
    background-image: linear-gradient(0deg, #f5f7fc, #f0f1f7);
}
@media (min-width: 1400px) {
    .container {
        max-width: 1300px;
    }
}
/*.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {*/
/*    --bs-gutter-x: 1.5rem;*/
/*    --bs-gutter-y: 0;*/
/*    width: 100%;*/
/*    padding-right: calc(var(--bs-gutter-x)* .5);*/
/*    padding-left: calc(var(--bs-gutter-x)* .5);*/
/*    margin-right: auto;*/
/*    margin-left: auto;*/
/*}*/
.main-header {
    text-align: center;
    margin-bottom: 5rem;
}
.main-title {
    font-size: 40px;
}
.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, .5) !important;
}
.main-header p {
    font-size: 16px;
}
.main-products-body.style2 {
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}
.product-detail {
    display: flex
;
}
.product-detail-side {
    width: 350px;
    padding-right: 32px;
    margin-bottom: 0;
}
.product-recommend {
    background-color: #f3f5f8;
    background-image: url(../images/w45wr.webp), linear-gradient(180deg, #f3f5f8, #fff 178px, #fff);
    background-size: 340px auto, auto;
    background-position: 100% 0;
    background-repeat: no-repeat;
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;
    border-radius: 8px;
    padding: 18px;
    box-sizing: border-box;
    height: 150px;
    position: relative;
    margin-bottom: 2.0rem;
}
.product-recommend:last-child {
    margin-bottom: 0;
}
.product-recommend-link {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.product-recommend-hd {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    color: #000;
}
.product-recommend-title {
    font-weight: 500;
    font-size: 20px;
    color: inherit;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}
.product-recommend:hover .product-recommend-title {
	color: #0052d9;
}
.column-link {
    display: block;
    padding: 16px 32px;
}
.column-link-hd {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    color: #000;
}

.column-link-bubble-inner22 {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 8px;
    height: 22px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    background-color: #28a745;
    border-radius: 2px;
    border-bottom-left-radius: 0;
}
.product-recommend-desc {
    font-size: 13.5px;
    color: #3d485d;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
}


.column-link-tag {
    display: inline-block;
    vertical-align: middle;
    padding: 0 12px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 26px;
    color: #41464f;
    border: 1px solid #dde2e9;
    border-radius: 4px;
    margin-right: 8px;
}
.column-link-tag:hover {
    background: #f6f8fa;
    border: 1px solid #4281ff;
    color: #1664ff;
}

.product-detail-main {
    flex: 1;
}
.product-detail-wrap {
    display: flex
;
}
.product-detail-column {
    width: calc(33.33333% - 5.33333px);
    background: #fff no-repeat;
    background-size: 100% 160px;
    border-radius: 8px;
    flex: 1 1 auto;
    padding: 25px 0 34px;
    position: relative;
    margin-right: 16px;
    border: 1.5px solid #fff;
    box-shadow: 0 4px 60px 0 rgba(0, 28, 85, .04);
}
.product-detail-column:first-child {
    background-image: linear-gradient(0deg, rgba(209, 227, 255, 0), #d1e3ff);
}
.product-detail-column:nth-child(2) {
    background-image: linear-gradient(0deg, rgba(202, 240, 248, 0), #caeff8);
}
.product-detail-column:nth-child(3) {
    margin-right: 0;
    background-image: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #e6e1fa);
}
.product-detail-column .column-bg {
    background-position: right 12px;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    height: 102px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.product-detail-column:first-child .column-bg {
    background-image: url(../images/tos_41aea0d23743cdc0093a2b54378eb2ed.png);
}
.product-detail-column:nth-child(2) .column-bg {
    background-image: url(../images/tos_7fe1c3decf58fca69936928ac762d675.png);
}
.product-detail-column:nth-child(3) .column-bg {
    background-image: url(../images/tos_863f2fa36883229c29fcf407db6faa66.png);
}




.column-wrap {
    border-bottom: 1px solid;
    border-radius: 8px 8px 0 0;
    margin: 0 32px 22px;
    padding-bottom: 25px;
}
.product-detail-column:first-child .column-wrap {
    border-bottom-color: #ddedff;
}
.product-detail-column:nth-child(2) .column-wrap {
    border-bottom-color: #d5f1f2;
}
.product-detail-column:nth-child(3) .column-wrap {
    border-bottom-color: #e9e6f2;
}
.column-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}
.product-detail-column:first-child .column-title {
    color: #1357bd;
}
.column-subtitle {
    color: rgba(19, 87, 189, .8);
    font-size: 14px;
    line-height: 22px;
}
.product-detail-column:first-child .column-subtitle {
    color: #1357bdcc;
    margin-top: 5px;
}
.product-detail-column:nth-child(2) .column-subtitle {
    color: rgba(13, 114, 170, .8);
     margin-top: 5px;
}
.product-detail-column:nth-child(3) .column-subtitle {
    color: rgba(92, 67, 164, .8);
     margin-top: 5px;
}
.column-link-title {
    font-weight: 500;
    font-size: 18px;
    color: inherit;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}
.column-link-bubble {
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px;
}
.column-link-bubble-inner {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 8px;
    height: 22px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    background-color: #f64041;
    border-radius: 2px;
    border-bottom-left-radius: 0;
    margin-left: 8px;
}
.column-link-bubble-inner:after {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0;
    width: 0;
    height: 0;
    border-color: transparent #f64041 #f64041 transparent;
    border-style: solid;
    border-width: 2px 3px;
}
.column-link-desc {
    margin-bottom: 8px;
    font-size: 13px;
    color: #3d485d;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.column-link:hover .column-link-title {
	color: #0052d9;
}


.volcfe-home-hover-arrow {
    display: none;
    height: 1px;
    position: relative;
    width: 1px;
}
.volcfe-home-hover-arrow:after {
    background: no-repeat 50% / 100% 100% url(../images/arrowright.svg);
    content: "";
    display: block;
    height: 14px;
    position: absolute;
    right: -18px;
    top: -12.5px;
    width: 14px;
}


/*产品介绍*/