@media (min-width: 360px) {
    .MarketingToolBannerBox{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .MarketingToolBanner{
        width: 100%;
        height: 100%;
    }
    .MarketingToolBannerTitle{
        font-size: 30px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        width: 100%;
        position: absolute;
        top: 40px;
    }
    .MarketingToolBannerTitle2{
        font-size: 30px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        width: 100%;
        position: absolute;
        top: 40px;
    }
    .MarketingToolBanner1Box{
        width: 1170px;
        height: 400px;
        position: absolute;
        perspective: 800px;
        left: 50%;
        top: 120px;
        transform: translateX(-50%);
    }
    .MarketingToolBannerImg1{
        width: 180px;
        position: absolute;
        top: 0;
        left: 100px;
        transform-style:preserve-3d;
        transform: rotateX(0deg) rotateY(60deg);
        transition: 2s;
    }
    .MarketingToolBannerImg1:hover{
        transform: rotateX(0deg) rotateY(0deg);;
    }

    .MarketingToolBannerImg2{
        width: 180px;
        position: absolute;
        top: 0;
        left: 370px;
        transform-style:preserve-3d;
        transform: rotateX(0deg) rotateY(45deg);
        transition: 2s;
    }
    .MarketingToolBannerImg2:hover{
        transform: rotateX(0deg) rotateY(0deg);;
    }
    .MarketingToolBannerImg3{
        width: 180px;
        position: absolute;
        top: 0;
        left: 600px;
        transform-style:preserve-3d;
        transform: rotateX(0deg) rotateY(-45deg);
        transition: 2s;
    }
    .MarketingToolBannerImg3:hover{
        transform: rotateX(0deg) rotateY(0deg);;
    }
    .MarketingToolBannerImg4{
        width: 180px;
        position: absolute;
        top: 0;
        left: 870px;
        transform-style:preserve-3d;
        transform: rotateX(0deg) rotateY(-60deg);
        transition: 2s;
    }
    .MarketingToolBannerImg4:hover{
        transform: rotateX(0deg) rotateY(0deg);;
    }
    .MarketingToolFormBox{
        width: 680px;
        height: 536px;
        overflow: hidden;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 100px;
    }
    .MarketingToolFormImgBox{
        width: 2040px;
        height: 536px;
        position: absolute;
        left: -680px;
    }
    .MarketingToolFormImg{
        width: 680px;
        float: left;
        background-color: #ffffff;
    }
    .MarketingToolFormarrBox{
        width: 1000px;
        position: absolute;
        top: 350px;
        left: 50%;
        transform: translateX(-50%);
    }
    .MarketingToolFormLeft{
        width: 42px;
        float: left;
        cursor: pointer;
    }
    .MarketingToolFormRight{
        width: 42px;
        float: right;
        cursor: pointer;
    }
}
@media (min-width: 1200px) {
    /* 互联网营销工具 */
    .MarketingToolBannerBox{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .MarketingToolBanner{
        width: 100%;
        height: 100%;
    }
    .MarketingToolBannerTitle{
        font-size: 30px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        width: 100%;
        position: absolute;
        top: 40px;
    }
    .MarketingToolBannerTitle2{
        font-size: 30px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        width: 100%;
        position: absolute;
        top: 40px;
    }
    .MarketingToolBanner1Box{
        width: 1170px;
        height: 400px;
        position: absolute;
        perspective: 800px;
        left: 50%;
        top: 120px;
        transform: translateX(-50%);
    }
    .MarketingToolBannerImg1{
        width: 180px;
        position: absolute;
        top: 0;
        left: 100px;
        transform-style:preserve-3d;
        transform: rotateX(0deg) rotateY(60deg);
        transition: 2s;
    }
    .MarketingToolBannerImg1:hover{
        transform: rotateX(0deg) rotateY(0deg);;
     }

    .MarketingToolBannerImg2{
        width: 180px;
        position: absolute;
        top: 0;
        left: 370px;
        transform-style:preserve-3d;
        transform: rotateX(0deg) rotateY(45deg);
        transition: 2s;
    }
    .MarketingToolBannerImg2:hover{
        transform: rotateX(0deg) rotateY(0deg);;
    }
    .MarketingToolBannerImg3{
        width: 180px;
        position: absolute;
        top: 0;
        left: 600px;
        transform-style:preserve-3d;
        transform: rotateX(0deg) rotateY(-45deg);
        transition: 2s;
    }
    .MarketingToolBannerImg3:hover{
        transform: rotateX(0deg) rotateY(0deg);;
    }
    .MarketingToolBannerImg4{
        width: 180px;
        position: absolute;
        top: 0;
        left: 870px;
        transform-style:preserve-3d;
        transform: rotateX(0deg) rotateY(-60deg);
        transition: 2s;
    }
    .MarketingToolBannerImg4:hover{
        transform: rotateX(0deg) rotateY(0deg);;
    }
    .MarketingToolFormBox{
        width: 680px;
        height: 536px;
        overflow: hidden;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 100px;
    }
    .MarketingToolFormImgBox{
        width: 2040px;
        height: 536px;
        position: absolute;
        left: -680px;
    }
    .MarketingToolFormImg{
        width: 680px;
        float: left;
        background-color: #ffffff;
    }
    .MarketingToolFormarrBox{
        width: 1000px;
        position: absolute;
        top: 350px;
        left: 50%;
        transform: translateX(-50%);
    }
    .MarketingToolFormLeft{
        width: 42px;
        float: left;
        cursor: pointer;
    }
    .MarketingToolFormRight{
        width: 42px;
        float: right;
        cursor: pointer;
    }
    .MarketingToolBanner3{
        width: 100%;
    }
}
@media (min-width: 1600px) {
    .MarketingToolBannerBox{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .MarketingToolBanner{
        width: 100%;
        height: 100%;
    }
    .MarketingToolBannerTitle{
        font-size: 46px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        width: 100%;
        position: absolute;
        top: 40px;
    }
    .MarketingToolBannerTitle2{
        font-size: 46px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        width: 100%;
        position: absolute;
        top: 80px;
    }

    .MarketingToolBanner1Box{
        width: 1170px;
        height: 400px;
        position: absolute;
        perspective: 800px;
        left: 50%;
        top: 200px;
        transform: translateX(-50%);
    }
    .MarketingToolBannerImg1{
        width: 200px;
        position: absolute;
        top: 0;
        left: 100px;
        transform-style:preserve-3d;
        transform: rotateX(0deg) rotateY(60deg);
        transition: 2s;
    }
    .MarketingToolBannerImg1:hover{
        transform: rotateX(0deg) rotateY(0deg);;
    }

    .MarketingToolBannerImg2{
        width: 200px;
        position: absolute;
        top: 0;
        left: 370px;
        transform-style:preserve-3d;
        transform: rotateX(0deg) rotateY(45deg);
        transition: 2s;
    }
    .MarketingToolBannerImg2:hover{
        transform: rotateX(0deg) rotateY(0deg);;
    }
    .MarketingToolBannerImg3{
        width: 200px;
        position: absolute;
        top: 0;
        left: 600px;
        transform-style:preserve-3d;
        transform: rotateX(0deg) rotateY(-45deg);
        transition: 2s;
    }
    .MarketingToolBannerImg3:hover{
        transform: rotateX(0deg) rotateY(0deg);;
    }
    .MarketingToolBannerImg4{
        width: 200px;
        position: absolute;
        top: 0;
        left: 870px;
        transform-style:preserve-3d;
        transform: rotateX(0deg) rotateY(-60deg);
        transition: 2s;
    }
    .MarketingToolBannerImg4:hover{
        transform: rotateX(0deg) rotateY(0deg);;
    }
    .MarketingToolFormBox{
        width: 760px;
        height: 599px;
        overflow: hidden;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 200px;
    }
    .MarketingToolFormImgBox{
        width: 2280px;
        height: 599px;
        position: absolute;
        left: -760px;
    }
    .MarketingToolFormImg{
        width: 760px;
        float: left;
        background-color: #ffffff;
    }
    .MarketingToolFormarrBox{
        width: 1200px;
        position: absolute;
        top: 450px;
        left: 50%;
        transform: translateX(-50%);
    }
    .MarketingToolFormLeft{
        width: 63px;
        float: left;
        cursor: pointer;
    }
    .MarketingToolFormRight{
        width: 63px;
        float: right;
        cursor: pointer;
    }
}