.download {

            width: 1200px;

            margin: 30px auto;

        }



        .download>div {

            padding: 20px 0;

            overflow: hidden;

            border-bottom: 1px solid #ccc;

        }



        .download video {

            width: 220px;

        }
        .download img{

            width: 218px;
            height: auto;
            cursor: pointer;
        }



        .download>div>div {

            float: left;

            margin-right: 25px;

        }



        .download>div>div p {

            font-size: 14px;

            color: #535353;

            width: 890px;

            line-height: 20px;

            margin: 10px 0;

        }

 
.download>div>div p a{font-size: 18px;}

.download>div>div p a:hover{color:#1890ff;}
        .download>div>a {

            display: inline-block;

            float: left;

            line-height: 180px;

            color: #0082C7;

            width: 180px;

            height: 180px;

            text-align: center;

            font-size: 16px;

            margin-top: -21px;

            vertical-align: middle;

            background: #fff;

            padding-top: 50px;

            border: 0;

            background: url(dow.png) no-repeat;

            background-position: 49% 45%;

        }





        .download>div>div p span {

            font-size: 16px;

            color: #999999;

        }



@media screen and (max-width: 750px) {
    .download{margin-top:0;width: 100%;padding:0 0.2rem;}
    .download>div{padding:0.2rem 0;height: auto;overflow: hidden;}
    .download>div>div:nth-child(1){width: 45%;margin-right: 0.3rem}
    .download>div>div:nth-child(2){width: calc(55% - 0.3rem);margin-right: 0;}
    .download img{width: 100%;height: auto;}
    .download>div>div p{font-size: 0.3rem;margin-top:0;width: 100%;line-height: 1.5}
    .download>div>div p span{font-size: 0.24rem;display: inline-block;}
    .download>div>a{display: none}
}