.application{background:#F5F5F5}
.application .miaobao{padding:40px 0;background:#fff}
.application .miaobao .item{width:250px;height:80px;line-height: 78px;color:#fff;font-size:17px;text-align:center;transition: ease-in-out 0.5s;border:1px solid #CCCCCC;float:left;margin-right:30px;background:#999}
.application .miaobao .item a{display:block;height:100%;color:inherit}
.application .miaobao .item:hover,.application .miaobao .item.on{background:#EA2C43;border-color:#EA2C43;transition: ease-in-out 0.5s;color:#fff;}
/*  */
.application .content{padding:70px 0;}
.application .content .items{margin-bottom:55px;}
.application .content .items dt{font-size:44px;color:#333;margin-bottom:40px;}
.application .content .items .item{float:left;width:256px;margin-right:40px;}
.application .content .items .item .img{height: 195px;position:relative;}
.application .content .items .item img{transform: scale(1);transition:all 0.5s}
.application .content .items .item.on img{transform: scale(1.1);transition:all 0.5s}
.application .content .items .item .img .bofang{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:50px;pointer-events: auto;}
.application .content .items .item .title{font-size:16px;color:#4C4C4C;padding:18px;}
@media (min-width:1200px){
    .application .content .item:nth-child(5n){margin-right:0;}
}
@media (max-width:767px){
    .application .miaobao{padding:15px;}
    .application .miaobao .item{width:32%;margin-right:2%;line-height:40px;height:42px;font-size:14px;}
    .application .miaobao .item:nth-child(3n){margin-right:0;}
    /*  */
    .application .content{padding:30px 15px;}
    .application .content .items{margin-bottom:20px;}
    .application .content .items dt{font-size:22px;margin-bottom:15px;font-weight:bold;}
    .application .content .items .item{width:49%;margin-right:2%;margin-bottom:2%;background:#fff;}
    .application .content .items .item:nth-child(2n){margin-right:0;}
    .application .content .items .item .img{height:auto;}
    .application .content .items .item .title{font-size:14px;font-weight:bold;padding:10px 5px;}
}
@media (max-width:991px) and (min-width:768px){
    .application .miaobao{padding:30px }
    .application .miaobao .item{width:31%;margin-right:2%;}
    .application .miaobao .item:nth-child(3n){margin-right:0;}
    .application .content{padding:50px 30px;}
    .application .content .items dt{font-size:34px;font-weight:bold;}
    .application .content .items .item{width:32%;margin-right:2%;background:#fff;margin-bottom:2%}
    .application .content .items .item:nth-child(3n){margin-right:0}
    .application .content .items .item .img{height:295px;}
    .application .content .items .item img{width:100%;}
}
@media (min-width:992px) and (max-width:1100px){
    .application .miaobao{padding:40px;}
    .application .miaobao .item{width:210px;height:65px;line-height:63px;}
    .application .content{padding:70px 40px;}
    .application .content .items dt{font-size:34px;font-weight:bold;}
    .application .content .items .item{width:24%;margin-right:1.25%;margin-bottom:1.25%;background:#fff}
    .application .content .items .item:nth-child(4n){margin-right:0;}
    .application .content .items .item .img{height:260px;}
}

@media (min-width:1101px) and (max-width:1440px){
    .application .content .items dt{font-size:30px;font-weight:bold;margin-bottom:20px;}
    .application .content .items .item{width:19%;margin-right:1.25%}
    .application .content .items .item:nth-child(5n){margin-right:0}
    .application .content .items .item .img{height:225px;}
}