*{
        margin: 0;
        padding: 0;
    }
    .banner{
        background: url('../img/banner-tyzf.png') no-repeat top; height: 150px;
    }
    .main{
        width: 1200px;
        overflow: hidden;
        margin:0 auto;
    }
    .main .box{
        margin-top: .4rem /* 30/75 */;
        margin-bottom: .67rem /* 50/75 */;
        /* background-color: aqua; */
    }
    .main .box .top{
        position: relative;
      
        height: .8rem /* 60/75 */;
        line-height: .8rem /* 60/75 */;
        font-size: .32rem /* 24/75 */;
        color: #333333;
        font-weight: 700;
        text-indent: .32rem /* 24/75 */;
        background-image: linear-gradient(269deg, #F2F6FC 55%, #FFFFFF 100%);
    }
    .main .box .top img{
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-12px);
    }
    .main .box .bottom{
       
      
        margin-top: .32rem /* 24/75 */;
        display: flex;
        align-content: space-between;
        flex-wrap: wrap;
    }
    .main .box .bottom .model{
        width: 3.63rem /* 272/75 */;
        height: .8rem /* 60/75 */;
        line-height: .8rem /* 60/75 */;
        font-size: .4rem /* 16/75 */;
        color: #0B2E49;
        text-indent: .32rem /* 24/75 */;
        font-weight: 400;
        background: rgba(242,246,252,0.80);
        position: relative;
        margin-bottom: .27rem /* 20/75 */;
        margin-right: .62rem;
    }
    .main .box .bottom .model:hover{
        cursor: pointer;
        background-color: cornflowerblue;
    }
    .main .box .bottom .model img{
        position: absolute;
        right: .32rem /* 24/75 */;
        top: 50%;
        transform: translateY(-8px);
    }
    @media screen and (max-width:450px){
        .banner{
            background: url('../img/banner-tyzf2.png') no-repeat top;height: 74px;
        }
        .main .box .bottom .model{
            width: 3.63rem /* 272/75 */;
            height: .8rem /* 60/75 */;
            line-height: .8rem /* 60/75 */;
            font-size: .4rem /* 16/75 */;
            color: #0B2E49;
            text-indent: .32rem /* 24/75 */;
            font-weight: 400;
            background: rgba(242,246,252,0.80);
            position: relative;
            margin-bottom: .27rem /* 20/75 */;
            margin-right: .62rem;
        }
        .banner img{
            /* width: 750px;
            float: left; */
        }
    }
    @media screen and (min-width:451px){
        .main .box .bottom .model{
            width: 5rem /* 272/75 */;
            height: 1rem /* 60/75 */;
            line-height: .8rem /* 60/75 */;
            font-size: .4rem /* 16/75 */;
            color: #0B2E49;
            text-indent: .32rem /* 24/75 */;
            font-weight: 400;
            background: rgba(242,246,252,0.80);
            position: relative;
            margin-bottom: .27rem /* 20/75 */;
            margin-right: .62rem;
        }
        .main .box .bottom .model:nth-child(4n){
            margin-right: 0;
            margin-left: 0.36rem;
        }
    }