.ad {
    margin: 0 auto;
    margin-top: 100px;
    /*padding-left: 18.4%;
    padding-right: 18.4%;*/
    width: 1200px;
}

.tip-bar {
    background: #0fcdf9;
    margin-right: 10px;
}

.ad-area {
    margin-top: 80px;
}

.item {
    margin-bottom: 30px;
}

.item-img {
    text-align: right;
}

.item-img img{
    max-width: 36px;
}

.item-title {
    font-size:24px;
    font-weight:600;
    color:rgba(51,51,51,1);
}

.item-desc {
    margin-top: 10px;
    font-size:14px;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height: 30px;
}

.image {

}

.info {
    margin-top: 40px;
    margin-bottom: 160px;
}

.info-item {
    position: relative;
}

.info-list {
    margin-top: 45px;
}
.info-div{
    text-align: center;
    box-shadow: 1px 1px 21px rgba(0, 0, 0, 0.3);
}
.info-ico{
    padding: 44px 0 50px 0;
}
.info-title{
    font-size: 23px;
    margin-bottom: 25px;
    color: #565d61;
}
.info-desc2{
    box-shadow: 1px 1px 21px rgba(0, 0, 0, 0.3);
    padding: 90px 40px;
    line-height: 200%;
}

.info-desc {
    color: #565d61;
    font-size: 0.9vw;
    font-weight: 500;
    min-height: 5.2vw;
    padding: 5px 28px;
    width: 100%;
    text-align: left;
}

.weisike-div{
    margin-top: 180px;
}
.weisike-div0{
    margin-top: 10px;
}
.weisike-div-1{
    /* padding: 140px 0 140px 288px; */
    background: #f1f1f1;
}
.weisike-div-2{
    background: url("../imgs/weisike_image-3.jpg");
    max-height: 690px;
    height: 100vw;
}
.weisike-div-4{
    padding: 240px 0 0 90px;
    background: #ebf7fa;
    max-height: 690px;
    height: 100vw;
}
.weisike-div-4 .item-con{
    width: 520px;
}
.weisike-div-3{
    background: url("../imgs/weisike_image-4.jpg") no-repeat center top;
    max-height: 690px;
    height: 100vw;
}
.weisike-div-5{
    background: url("../imgs/weisike_image-5.jpg") no-repeat center top;
    max-height: 760px;
    height: 100vw;
}
.weisike-div-5 .title{
    display: block;
    margin: 0 auto;
    font-size: 36px;
    font-weight: 600;
    width: 1200px;
    text-align: center;
    margin-top: 210px;
    margin-bottom: 60px;
}
.weisike-div-5 .desc{
    display: block;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 400;
    width: 760px;
    line-height: 30px;
}

@media (max-width: 768px) {
    #root {
        background: #fff;
    }

    .ad,.content-body {
        padding: 0;
        width: auto;
    }

    .item-img img {
        max-width: 25px;
    }

    .item-con {
        padding-left: 0;
    }

    .item-title {
        font-size: 5vw;
        font-weight: bold;
    }

    .item-desc {
        line-height: 22px;
        font-size: 16px;
        font-weight: 500;
    }

    .image {
        /*padding: 0;*/
        margin-bottom: 30px;
        margin-top: -18px;
    }

    .info {
        margin-bottom: 20px;
    }

    .info-area {
        /*padding: 0;*/
    }
    .info-item {
        margin-bottom: 30px;
    }

    .info-desc {
        font-size: 4.6vw;
        padding: 20px;
        width: auto;
    }

    .banner-text-area-project {
        /* top: 0; */
        bottom: 13%;
        width: 72vw;
        background: rgba(79, 177, 226,0.9);
        text-align: center;
        padding: 4vw 2vw;
    }

    .banner-text-2-project {
        font-size: 4.15vw;
        font-weight: bold;
    }

    .banner-text-3-project {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 7vw;
        margin-top: 4%;
        margin-bottom: 4%;
    }

    .m-banner-text-area-2-work {
        height: auto;
        top: 10%;
    }

    .banner-text-2-project-work {
        font-size: 4.5vw;
    }

    .banner-text-3-project-work {
        color: #000;
    }
}