[titleFont]{
    font-size: 3.3rem;
    font-weight: 700;
}
[secondTitle]{
    font-size: 1.5rem;
    padding: 10px 0;
}

.itemtext1{
    text-align: center;
    padding: 7% 0 4%;
    background: #FFffff;
}
.itemImg1{
    width: 100%;
    background: #ffffff;
    text-align: center;
}
.itemImg1 img{
    width: 60%;
}
.item2{
    position: relative;
}
.itemText2{
    position: absolute;
    top: 16%;left: 0;
    width: 100%;
}
.itemImg2{
    position: absolute;
    left: 0;bottom: 0;
    width: 100%;
}

.itemtext3{
    text-align: center;
    background: #FFffff;
    padding: 7% 0 4%;
}
.item3{
    text-align: center;
    padding-bottom: 5%;
}
.item3 img{
    width:60%;
}
/***媒体查询技术***/
@media screen and (min-width: 992px) and (max-width: 1200px){   /***中等屏幕**/
    [titleFont]{
        font-size: 2.5rem;
        font-weight: 700;
    }
    [secondTitle]{
        font-size: 1.1rem;
        padding: 10px 0;
    }
    .itemImg1 img{
        width: 50%;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {  /****平板**/
    [titleFont]{
        font-size: 2.2rem;
        font-weight: 700;
    }
    [secondTitle]{
        font-size: 0.65rem;

    }
    .itemImg1 img{
        width: 47%;
    }
    .itemImg3 img{
        width: 47%;
    }
}