/*工控产线-网络安全知识库*/
a:link, a:visited, a:hover, a:active {
    color: #fff
}


.intoSky-company{background: none}
.container-top-main-nav-flex-con-list-con-main{display: flex;flex-wrap: wrap;}
.ICS-style .container-top-main-nav-flex-con-list {
    width: 225px;
}

.ICS-bg {
    background: #fff;
}

.ICS-bg1 {
    background: #F7F7F7;;
}

.ICS-banner {
    width: 100%;
    height: calc(665 / 1920 * 100vw);
    position: relative;
}

.ICS-banner > img {
    width: 100%;
    height: 100%;
}

.ICS-banner .location-div {
    width: 100%;
    background: rgba(4, 37, 108, 0.9);
    height: calc(42 / 1920 * 100vw);
    min-height: 42px;
    color: white;
    position: absolute;
    left: 0;
    bottom: 0;
}

.ICS-banner .location-div .content-w {
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.ICS-banner .content-w img {
    margin-right: 18px;
}

.max-ICS-size {
    max-width: 1200px;
    margin: 0 auto;
}

.knowledge-base-nav {
    border-bottom: 1px solid #e6e6e6;
}

.knowledge-base-nav .nav-acive {
    color: #0E71F3;
}

.knowledge-base-nav > ul, .pro-knowledge-base-nav > ul {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    height: 68px;
    font-size: 18px;
}

.knowledge-base-nav > ul > li, .pro-knowledge-base-nav > ul > li {
    cursor: pointer;
    margin-right: 12px;
}

.knowledge-base-div {
    position: relative;
    padding: 100px 0;
    /*min-height: 474px;*/
    display: flex;
    align-items: center;
}

.knowledge-base-img-div {
    position: absolute;
    width: 43%;
    height: 60%;
    /*padding: 10%  0;*/
    top: 20%;
    right: 0;
}

.knowledge-base-introduce-div {
    width: 56%;
}

.knowledge-base-introduce-right-div {
    margin-left: 44%;
    min-height: 250px;
}

.knowledge-base-introduce-img-div {
    position: absolute;
    left: 0;
    top: 20%;
}
.knowledge-base-introduce-img-div1{
    top: 16%;
    height: 280px;
}
.knowledge-base-img-div .knowledge-base-img1 {
    width: 100%;
    height: 100%;
    background: url("../images/knowledge-base-imges1.jpg") center right no-repeat;
    background-size: contain;
}

.knowledge-base-img-div .knowledge-base-img2 {
    width: 100%;
    height: 100%;
    background: url("../images/knowledge-base-imges2.png") center left no-repeat;
    background-size: contain;
}

.knowledge-base-img-div .knowledge-base-img3 {
    width: 100%;
    height: 100%;
    background: url("../images/knowledge-base-imges3.jpg") center right no-repeat;
    background-size: auto;
}

.knowledge-base-img-div .knowledge-base-img4 {
    width: 100%;
    height: 100%;
    background: url("../images/knowledge-base-imges4.png") center left no-repeat;
    background-size: auto;
}

.knowledge-base-img-div .knowledge-base-img5 {
    width: 100%;
    height: 100%;
    background: url("../images/knowledge-base-imges5.jpg") center right no-repeat;
    background-size: auto;
}

.knowledge-base-img-div .knowledge-base-img6 {
    width: 100%;
    height: 100%;
    background: url("../images/knowledge-base-imges6.png") center left no-repeat;
    background-size: contain;
}

.knowledge-base-introduce-div .decorate-hr {
    width: 50px;
    height: 8px;
    background: #007CFE;
    margin-bottom: 18px;
}

.knowledge-base-introduce-div .introduce-title {
    font-size: 28px;
    font-weight: bold;
    color: #131B33;
    margin-bottom: 20px
}

.knowledge-base-introduce-div .introduce-Subtitle-title {
    font-size: 22px;
    font-weight: 400;
    color: #474E5F;
    line-height: 36px;
    margin-bottom: 38px
}

.knowledge-base-introduce-div .introduce-info-div {
    display: flex;
    font-size: 14px;
    color: #626775;
    line-height: 36px;
}

.introduce-info-div > div:nth-child(2n) {
    flex: 1
}

.knowledge-base-introduce-div .introduce-info-div .decorate-circle {
    width: 8px;
    height: 8px;
    border: 2px solid #007CFE;
    border-radius: 50%;
    margin-top: 13px;
    margin-right: 18px
}

/*工控首页*/
.about-ICS-div {
    width: 100%;
    background: url('../images/ICS-index-bg.jpg') no-repeat center bottom;
    background-size: auto;
    font-family: Microsoft YaHei;
}

.about-ICS-div .about-div {
    position: relative;
    text-align: center;
    width: 100%;
    padding-top: 34px;
    margin-bottom: 45px;
}

.about-ICS-div .about-div-title-bg-div {
    font-size: 60px;
    font-family: Arial;
    color: #F7F7F7;
    margin-bottom: 37px;
}

.about-ICS-div .about-div-title-div {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    font-size: 28px;
    font-weight: bold;
    color: #474E5F;
}

.about-div-title-hr-div {
    display: flex;
    align-items: center;
    background: #009fff;
    height: 4px;
    justify-content: flex-start;
    width: 30px;
    margin: 0 auto;
}

.about-div-title-hr-div > div {
    width: 15px;
    height: 4px;
    background: #131b33;
}

.about-ICS-div .about-div-info-div {
    font-size: 18px;
    text-indent: 2em;
    text-align: justify;
    padding-bottom: 100px;
    color: #626775;
    line-height: 30px;
}

.about-ICS-div .about-div-info-div > div {
    margin-bottom: 38px;
}

.about-ICS-div .idea-framework-div-title {
    font-size: 28px;
    font-weight: bold;
    color: #474E5F;
    margin-bottom: 48px;
    text-align: center
}

.about-ICS-div .idea-framework-tab {
    display: flex;
    align-items: flex-start;
    height: 35px;
    width: 254px;
    justify-content: space-between;
    text-align: center;
    margin: 0 auto 45px auto
}

.about-ICS-div .idea-framework-tab > li {
    position: relative;
    height: 100%;
    width: 100px;
    cursor: pointer;
}

.about-ICS-div .idea-framework-tab-content {
    padding-bottom: 52px;
}

.about-ICS-div .idea-framework-tab-content .img-div {
    text-align: center;
    height: 503px;
}

.common-tab-content > div {
    display: none;
}

.about-ICS-div .idea-framework-tab .is-active, .basic-platform-ICS-tab .is-active {
    position: relative;
}

.idea-framework-tab .is-active:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100px;
    height: 3px;
    background: #0E71F3;
    left: 50%;
    margin-left: -50px;
}

.basic-platform-ICS-div {
    width: 100%;
    min-height: 756px;
    background: url("../images/basic-platform-ICS-bg.jpg") center top no-repeat;
    background-size: cover;
    margin-bottom: 50px;
}

.basic-platform-ICS-div .basic-platform-ICS-title {
    font-size: 30px;
    font-weight: bold;
    color: #474E5F;
    text-align: center;
    padding-top: 76px;
    margin-bottom: 47px
}

.basic-platform-ICS-tab {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f7f7;
    box-shadow: 3px 7px 38px 0px rgba(20, 50, 105, 0.3);
}

.basic-platform-ICS-tab > ul {
    width: 232px;
    height: 434px;
    background: #092446;
}

.basic-platform-ICS-tab > ul > li {
    height: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
}

.basic-platform-ICS-tab > ul .is-active {
    background: #007CFE;
    position: relative;
}

.basic-platform-ICS-tab > ul .is-active:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    display: block;
    margin-bottom: -2.5px;
    right: -5px;
    border-top: solid 5px transparent;
    border-left: solid 5px #007CFE;
    border-bottom: solid 5px transparent;
}

.basic-platform-ICS-tab .basic-platform-ICS-tab-content {
flex: 1;
    padding: 0 27px 0 35px;
    min-height: 358px;
    background: #f7f7f7 url("../images/product_wave.png") no-repeat center  bottom  ;
    background-size: 100%  157px;
}

.basic-platform-ICS-info-more {
    display: flex;
    align-items: flex-start;
}

.basic-platform-ICS-info-more > div:first-child {
    flex: 1;
    margin-right: 25px;
}

.basic-platform-ICS-info-more .img1 {
    width: 360px;
    height: 253px
}

.basic-platform-ICS-info-more .img2 {
    width: 374px;
    height: 266px
}

.basic-platform-ICS-info-more .img3 {
    width: 357px;
    height: 201px
}

.basic-platform-ICS-info-more .img4 {
    width: 366px;
    height: 296px
}

.basic-platform-ICS-info-div {
    display: flex;
    align-items: center;
    padding-bottom: 18px;
    border-bottom: 1px dotted #DADADA;
    margin-bottom: 28px;
}

.basic-platform-ICS-info {
    font-size: 18px;
    font-weight: 400;
    color: #626775;
    line-height: 30px;
    text-align: justify;
}

.basic-platform-ICS-info > div:first-child {
    margin-bottom: 35px;
}

.basic-platform-ICS-more-btn {
    width: 126px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    line-height: 39px;
    border: 1px solid #BBBBBB;
    border-radius: 21px;
    display: flex;
    align-items: center;;
    justify-content: center;
    color: #333333;
    margin-top: 30px;
}

.basic-platform-ICS-more-btn-icon {
    position: relative;
    width: 6px;
    height: 9px;
    margin-left: 7px;
}

.basic-platform-ICS-more-btn-icon:before {
    content: "";
    width: 0;
    display: block;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-top: solid 4px transparent;
    border-left: solid 5px #007CFE;
    border-bottom: solid 4px transparent;
}

.basic-platform-ICS-images-div {
    width: 56%;
    max-width: 284px;
    margin-left: 46px;
}

.common-tab-content > div:first-child {
    display: block;
}

.basic-platform-ICS-table {
    border-collapse: collapse;
    width: 100%;
}

.basic-platform-ICS-table tr td {
    border: 1px #DADADA solid;
    height: 56px;
    flex: 1;
}

.basic-platform-ICS-table tr td > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.basic-platform-ICS-table tr td .icon-div {
    width: 33px;
    height: 33px;
    margin-right: 15px;
}

.product-system-ICS-div {
    width: 100%;
    height: 734px;
    background: url("../images/product-system-ICS-bg.jpg") #092344 center center no-repeat;
    background-size: auto;
    text-align: center;
    color: #fff
}

.product-system-ICS-title-div {
    font-size: 30px;
    font-weight: bold;
    padding: 90px 0 30px;
}

.product-system-ICS-content-div {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.product-system-ICS-content-pro-div {
    margin-top: 18px;
    width: 24.5%;
    max-width: 294px;
    height: 384px;
    background: rgba(1, 58, 134, 0.51);
    position: relative;
    display: flex;
    font-size: 16px;
    flex-direction: column;
    cursor: pointer;
}

.product-system-ICS-content-pro-div:hover {
    animation: pro-system-animation 1s;
    -webkit-animation: pro-system-animation 1s;
    animation-fill-mode: forwards;
}

.pro-common-title {
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    color: #474E5F;
    line-height: 36px;
    padding-top: 78px;
    padding-bottom: 35px;
}

.pro-common-hr-div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 48px;
}

.pro-common-hr-div .pro-common-hr {
    width: 60px;
    height: 1px;
    background: #CCCCCC;
}

.pro-common-hr-div .pro-common-radius {
    width: 6px;
    height: 6px;
    background: #FFBF25;
    border-radius: 50%;
}

.pro-common-hr-div .pro-common-radius1 {
    width: 9px;
    height: 9px;
    background: #FBAC0C;
    border-radius: 50%;
    margin: 0 8px;
}

.pro-common-hr-div .pro-common-hr:first-child {
    margin-right: 12px;
}

.pro-common-hr-div .pro-common-hr:last-child {
    margin-left: 12px;
}

.pro-info-common-div {
    border-radius: 8px;
    padding: 40px 0;
    border: 1px solid #EEEEEE;
    display: flex;
    align-items: flex-start;
    margin-bottom: 72px;
}

.pro-info-common-div .pro-info-common-round-div {
    display: flex;
    align-items: center;
    margin-left: 36px;
    height: 30px;
    margin-right: 20px
}

.pro-info-common-div .pro-info-common-round {
    width: 9px;
    height: 9px;
    background: #21408F;
    border-radius: 50%;
}

.pro-info-common-div .pro-info-common-text {
    flex: 1;
    text-align: justify;
    margin-right: 36px;
    color: #474E5F;
    font-size: 18px;
    line-height: 30px;
}

.pro-advantage-image-common-div {
    display: flex;
    align-items: center;
    padding-bottom: 31px
}

.pro-advantage-image-common-div .pro-advantage-common-div {
    flex-wrap: wrap;
    align-items: center;
    /*width: 60%;*/
    display: flex;
    flex: 1;
}

.pro-advantage-icon-common-ul {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    width: 50%;
    justify-content: center;
margin-bottom: 0;
}
.pro-advantage-icon-common-ul:first-child{
    margin-bottom: 60px
}
.pro-advantage-icon-common-ul:nth-child(2){
    margin-bottom: 60px
}
.pro-advantage-icon-common-li {
    width: 66px;
    height: 66px;
    background: linear-gradient(0deg, #163DA0, #6D9DFD);
    box-shadow: 0px 6px 27px 0px rgba(105, 152, 248, 0.7);
    border-radius: 23px;
    margin-right: 36px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pro-advantage-icon-common-li > img {
    width: 48px;
    height: 47px;
}

.pro-features-div1 {
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*align-items: center;*/
    /*display: -webkit-box;*/
}

.pro-features-div1 .hr {
    width: 3%
}

.pro-features-div1 .pro-features-div-ul {
    width: 41.5%;
    display: flex;
    background: #FFFFFF;
    padding: 42px 3.5%;
    border-radius: 5px;
    margin-bottom: 45px;
    height: 100%;
}

.pro-features-div1:last-child .pro-features-div-ul {
    margin-bottom: 145px;
}

.pro-features-div1 .pro-features-div-img {
    /*width: calc(52 / 1920 * 100vw);*/
    /*height: calc(51 / 1920 * 100vw);*/
    width: 63px;
    height: 58px;
}

.pro-features-div1 .pro-features-div-img img {
    width: 100%;
    height: 100%;
}

.pro-features-div1 .pro-features-div-img2 img {
    width: 100%;
}

.pro-features-div1 .pro-features-div-li {
    flex: 1;
    padding-left: 20px;
    text-align: justify;
    font-size: 18px;
    /*display: inline-table;*/
}

.pro-features-div1 .pro-features-div-li-paragraph {
    padding-top: 20px;
    line-height: 24px;
    color: #626775;
    font-size: 16px;
}

.pro-knowledge-base-nav {
    border-bottom: 1px solid #e6e6e6;
}

.pro-knowledge-base-nav .nav-acive {
    color: #0E71F3;
}

.pro-features-three-div .pro-features-div-ul {
    width: 93%;
}

.pro-features-three-div:last-child .pro-features-div-ul {
    margin-bottom: 90px !important;
}

.pro-features-five-div .pro-features-div-ul {
    width: 27%;
    padding: 46px 2.5%;
    text-align: center;
}

.pro-features-five-div .hr {
    width: 2%;
    height:10px;
}
.clean_float:after{
    content: ".";
    visibility: hidden;
    height: 0;
    display:block;
    clear: both;}
.fl{
    float: left;
}
.fr{
    float: right;
}
.pro-features-five-div .pro-features-div-li {
    text-align: center;
}

.pro-features-five-div .pro-features-div-img {
    margin: 0 auto 17px;
}

.pro-features-five-div .pro-features-div-li-paragraph {
    text-align: left;
}

/*新服务*/
.container-new-services {
    display: flex;
    align-items: center;
    padding: 60px 0;
    justify-content: space-between
}

.new-services-div {
    display: flex;
    align-items: center;
    padding: 60px 0;
    justify-content: space-between
}

.new-services-div .new-services-content-div {
    flex: 1;
    order: 1;
}

.new-services-div .new-services-content-div .title-div {
    margin-bottom: 50px;
    font-size: 28px;
    font-weight: bold;
    color: #131B33;
}

.new-services-div .new-services-content-div .info-div {
    font-size: 18px;
    font-weight: 400;
    color: #626775;
    line-height: 36px;
    text-align: justify;
}

.new-services-div .new-services-img-div {
    width: 250px;
    height: 260px;
    order: 2;
    margin-left: calc(140 / 1920 * 100vw)

}

.new-services-div .new-services-img-div img {
    width: 100%;
    height: 100%;
}

.new-services-div-order {
    order: 2 !important;
}

.new-services-img-div-order {
    order: 1 !important;
    margin-left: 0 !important;
    margin-right: calc(140 / 1920 * 100vw);
}

@keyframes pro-system-animation /* Safari and Chrome */
{
    from {
        margin-top: 18px;
    }
    to {
        margin-top: 0;
    }
}

.product-system-ICS-content-title-img-div {
    position: absolute;
    top: -70px;
    margin-left: -62px;
    left: 50%
}

.product-system-ICS-content-title-div {
    font-size: 24px;
    width: 32px;
    font-weight: bold;
    color: #FFFFFF;
    padding-bottom: 17px;
    border-bottom: solid rgba(255, 255, 255, 0.6) 3px;
    margin: 0 auto;
}

.product-system-ICS-content-ul {
    line-height: 30px;
    padding-top: 109px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-direction: column
}

.certificate-ICS-div {
    width: 100%;
    height: 692px;
    background: url("../images/certificate-ICS-bg.jpg") center center no-repeat;
    background-size: cover;
    text-align: center;
}

.certificate-ICS-div .certificate-ICS-title {
    font-size: 30px;
    font-weight: bold;
    color: #474E5F;
    padding-top: 66px;
    padding-bottom: 20px;
}

.certificate-ICS-div .common-tab {
    width: 282px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 auto 36px;
    padding-bottom: 12px;
    padding-top: 46px;
}

.certificate-ICS-div .common-tab li {
    font-size: 18px;
    color: #474E5F;
    width: 100px;
    text-align: center;
    height: 40px;
}

.certificate-ICS-div .common-tab .is-active {
    color: #0E71F3;
    position: relative;
}

.certificate-ICS-div .common-tab .is-active:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -50px;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #0E71F3;
}

.certificate-ICS-div .swipslider {
    height: 350px;
}

.certificate-ICS-div .swipslider .sw-slides {
    top: 0
}

.certificate-ICS-div .swipslider .sw-slides > div {
    width: 100%;
}

.certificate-ICS-div .sw-bullet {
    bottom: 0;
}

.certificate-ICS-div .sw-bullet li.active {
    background-color: #0e71f3;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

.certificate-ICS-div .sw-bullet li {
    /*border: 1px solid red;*/
    background-color: #ccc;
    border-radius: 0;
    border: 0;
}

.certificate-ICS-div .certificate-slide-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.certificate-ICS-div .certificate-slide-div .certificate-slide-div-info-div {
    height: 100%;
    width: 24%;
    font-size: 18px;
    color: #474E5F;
}

.certificate-ICS-div .certificate-slide-div .certificate-slide-div-info-img-div {
    height: 235px;
    margin-bottom: 20px;
    border: 1px solid #CCCDD0;
    display: flex;
    align-items: center;
    justify-content: center
}

.certificate-ICS-div .certificate-slide-div .certificate-slide-img-div {
    width: 224px;
    height: 153px;
}

.pro-advantage-image-cloud-div {
    width: 615px;
    height: 370px;
}

.pro-advantage-image-cloud-div img {
    width: 100%;
    height: 100%;
}

/*@media (min-width: 970px) {*/
/*.max-ICS-size {*/
/*}*/

/*.knowledge-base-introduce-div{*/
/*width: 54%;*/
/*margin-left: 2%;*/
/*}*/
/*.knowledge-base-img-div{*/
/*width: 42%;*/
/*margin-right: 2%;*/
/*}*/
/*.ICS-bg1 > div, .ICS-bg > div {*/
/*padding: 0 20px;*/
/*}*/
/*}*/

@media (max-width: 1366px) {
    .new-services-div {
        padding: 60px 40px;
    }

    .max-ICS-size{
        font-size: 16px !important;
    }
}

@media (max-width: 970px) {
    .basic-platform-ICS-tab {
        display: block
    }

    .basic-platform-ICS-tab > ul {
        width: 100%;
    }

    .basic-platform-ICS-tab > ul .is-active:before {
        display: none;
    }

    .basic-platform-ICS-tab .basic-platform-ICS-tab-content {
        padding: 44px 27px 32px 35px;
    }

    .product-system-ICS-h5-div {
        width: 100%;
        overflow: hidden;
        height: 505px;
    }

    .product-system-ICS-h5-div-overflow {
        width: 100%;
        overflow-x: scroll;
        height: 100%;
        overflow-y: hidden;
    }

    .product-system-ICS-h5-div-overflow > .product-system-ICS-content-div {
        width: 1200px;
        height: 100%
    }

    .product-system-ICS-h5-div-overflow::-webkit-scrollbar {
        display: none;
    }

    .knowledge-base-nav, .location-div {
        display: none
    }

    .knowledge-base-div {
        padding: 80px 40px;
        display: block;
    }

    .knowledge-base-introduce-div {
        width: auto;
        margin-bottom: 50px;
    }

    .knowledge-base-introduce-div .introduce-title, .knowledge-base-introduce-div .introduce-Subtitle-title {
        text-align: center;
    }

    .knowledge-base-introduce-div .decorate-hr {
        margin: 0 auto 20px;
    }

    .knowledge-base-img-div {
        width: 100%;
        height: 290px;
        position: relative;
    }

    .knowledge-base-introduce-right-div {
        margin-left: 0;
        min-height: auto;
    }

    .knowledge-base-img-div > div {
        background-position: center center !important;
    }

    .pro-advantage-image-common-div {
        display: block;
    }

    .pro-info-common-div {
        margin-bottom: 30px;
    }

    .pro-advantage-image-common-div .pro-advantage-common-div {
        width: 100%;
    }

    .pro-advantage-image-cloud-div {
        margin: 30px auto;
    }

    .margin {
        margin-left: 30px;
        margin-right: 30px;
    }

    .pro-features-div1 .pro-features-div-img {
        width: 35px;
        height: 32px;
    }

    .pro-features-div1 .pro-features-div-li {
        padding-left: 15px;
    }
    .pro-features-div1 .pro-features-div-ul{
        width: auto !important;
    }
    .clean_float .fl, .clean_float .fr{
        float: none;
    }

    .pro-features-five-div .pro-features-div-ul,.pro-features-div1 .pro-features-div-ul{min-height:auto !important; }
    .pro-features-five-div1 .pro-features-div-ul .hr{width: 0}
    .pro-features-div1:last-child .pro-features-div-ul{margin-bottom: 45px !important}
}

@media (min-width: 750px) {

    .ICS-banner .location-div .content-w {
        padding: 0 35px;
    }
}

@media (max-width: 750px) {
    .pro-knowledge-base-nav > ul {
        display: block;
        line-height: 40px;
        text-align: center;
        height: auto;
    }

    .pro-advantage-icon-common-li {
        margin-right: 10px;
    }

    .pro-advantage-image-cloud-div {
        height: auto;
        width: 100%
    }

    .new-services-div {
        display: block !important;
    }

    .new-services-div .new-services-content-div .info-div {
        margin-bottom: 35px;
    }

    .new-services-div .new-services-img-div {
        margin: 0 auto !important;;
    }
}

/*临时切图*/
.none {
    display: none
}

.w100 {
    width: 100%;
    height: auto;
}

.grey-bg {
    background: #F9F9F9;
}

.w100 img {
    width: 100%;
    height: 100%;
}

.cloud01-div {
    width: calc(1202 / 1920 * 100vw);
    height: calc(808 / 1920 * 100vw);
    max-height: 808px;
    max-width: 1202px;
    margin: 0 auto;
}

.cloud02-div {
    width: calc(1202 / 1920 * 100vw);
    height: calc(800 / 1920 * 100vw);
    max-height: 800px;
    max-width: 1202px;
    margin: 0 auto;
}

.network01-div {
    width: calc(1218 / 1920 * 100vw);
    height: calc(789 / 1920 * 100vw);
    max-height: 789px;
    max-width: 1218px;
    margin: 0 auto;
}

.network02-div {
    width: calc(1218 / 1920 * 100vw);
    height: calc(844 / 1920 * 100vw);
    max-height: 844px;
    max-width: 1218px;
    margin: 0 auto;
}

.network03-div {
    width: calc(1219 / 1920 * 100vw);
    height: calc(750 / 1920 * 100vw);
    max-height: 750px;
    max-width: 1219px;
    margin: 0 auto;
}

.network04-div {
    width: calc(1217 / 1920 * 100vw);
    height: calc(834 / 1920 * 100vw);
    max-height: 834px;
    max-width: 1218px;
    margin: 0 auto;
}

.network05-div {
    width: calc(1209 / 1920 * 100vw);
    height: calc(761 / 1920 * 100vw);
    max-height: 761px;
    max-width: 1209px;
    margin: 0 auto;

}

.network06-div {
    width: calc(1218 / 1920 * 100vw);
    height: calc(883 / 1920 * 100vw);
    max-height: 883px;
    max-width: 1218px;
    margin: 0 auto;
}

.network07-div {
    width: calc(1219 / 1920 * 100vw);
    height: calc(772 / 1920 * 100vw);
    max-height: 772px;
    max-width: 1219px;
    margin: 0 auto;

}

.network08-div {
    width: calc(1217 / 1920 * 100vw);
    height: calc(718 / 1920 * 100vw);
    max-height: 718px;
    max-width: 1217px;
    margin: 0 auto;
}

.network09-div {
    width: calc(1212 / 1920 * 100vw);
    height: calc(685 / 1920 * 100vw);
    max-height: 685px;
    max-width: 1212px;
    margin: 0 auto;

}

.network10-div {
    width: calc(1226 / 1920 * 100vw);
    height: calc(845 / 1920 * 100vw);
    max-height: 845px;
    max-width: 1226px;
    margin: 0 auto;
}

.network11-div {
    width: calc(1218 / 1920 * 100vw);
    height: calc(758 / 1920 * 100vw);
    max-height: 758px;
    max-width: 1218px;
    margin: 0 auto;
}

.network12-div {
    width: calc(1222 / 1920 * 100vw);
    height: calc(840 / 1920 * 100vw);
    max-height: 840px;
    max-width: 1222px;
    margin: 0 auto;
}

.system01-div3 {
    width: calc(1207 / 1920 * 100vw);
    height: calc(714 / 1920 * 100vw);
    max-height: 714px;
    max-width: 1207px;
    margin: 0 auto;
}

.system02-div3 {
    width: calc(1207 / 1920 * 100vw);
    height: calc(821 / 1920 * 100vw);
    max-height: 821px;
    max-width: 1207px;
    margin: 0 auto;
}

.system03-div3 {
    width: calc(1207 / 1920 * 100vw);
    height: calc(790 / 1920 * 100vw);
    max-height: 790px;
    max-width: 1207px;
    margin: 0 auto;
}

.system04-div3 {
    width: calc(1207 / 1920 * 100vw);
    height: calc(765 / 1920 * 100vw);
    max-height: 765px;
    max-width: 1207px;
    margin: 0 auto;
}

.system05-div3 {
    width: calc(1205 / 1920 * 100vw);
    height: calc(760 / 1920 * 100vw);
    max-height: 760px;
    max-width: 1205px;
    margin: 0 auto;
}

.system06-div3 {
    width: calc(1205 / 1920 * 100vw);
    height: calc(895 / 1920 * 100vw);
    max-height: 895px;
    max-width: 1205px;
    margin: 0 auto;
}

.test1-div {
    width: calc(1208 / 1920 * 100vw);
    height: calc(734 / 1920 * 100vw);
    max-height: 734px;
    max-width: 1208px;
    margin: 0 auto;
}

.test2-div {
    width: calc(1208 / 1920 * 100vw);
    height: calc(859 / 1920 * 100vw);
    max-height: 859px;
    max-width: 1208px;
    margin: 0 auto;
}

.test3-div {
    width: calc(1208 / 1920 * 100vw);
    height: calc(737 / 1920 * 100vw);
    max-height: 737px;
    max-width: 1208px;
    margin: 0 auto;
}

.test4-div {
    width: calc(1208 / 1920 * 100vw);
    height: calc(731 / 1920 * 100vw);
    max-height: 731px;
    max-width: 1208px;
    margin: 0 auto;
}

.test5-div {
    width: calc(1205 / 1920 * 100vw);
    height: calc(763 / 1920 * 100vw);
    max-height: 763px;
    max-width: 1205px;
    margin: 0 auto;
}

.test6-div {
    width: calc(1207 / 1920 * 100vw);
    height: calc(978 / 1920 * 100vw);
    max-height: 978px;
    max-width: 1207px;
    margin: 0 auto;
}