@media (min-width: 1921px){
    .desTit::before {
        bottom: -20%;
    }
    .desTit::after {
        bottom: -5%;
    }
    .proTit::before { 
        bottom: -35%;
    }
    .proTit::after {
        bottom: -19%;
    }
    .lineImg:nth-child(2) img {
        width: 20%;
    }
    .lineImg:nth-child(2) {
        top: -3%;
    }
    .lineImg:nth-child(4) img {
        width: 70%;
    }
}
@media (max-width: 1680px) {
    .desTit::before {
        bottom: -24%;
    }
    .desTit::after {
        bottom: -8%;
    }
    .proTit::before { 
        bottom: -36%;
    }
    .proTit::after {
        bottom: -21%;
    }
}
@media (max-width: 1440px) {
    
}
@media (max-width: 1366px) {
    .banner .bnleft .bigTit {
        font-size: 36px;
    }
    .desTit .bigTit {
        font-size: 32px;
    }
    .desTit .smCont {
        font-size: 22px;
    }
    .desCont .smTit {
        font-size: 24px;
    }
    .desTit::before {
        bottom: -28%;
    }
    .desTit::after {
        bottom: -14%;
    }
    .lineImg:nth-child(3) img {
        width: 75%;
    }
    .lineImg:nth-child(3) {
        left: 52%;
    }
    .proTit::before { 
        bottom: -39%;
    }
    .proTit::after {
        bottom: -25%;
    }
}
@media (max-width: 1280px) {
    
}
@media (max-width: 768px) {
    .banner {
        display: none;
    }
    #bannerPhone {
        display: block;
        height: 65vh; 
    }
    #bannerPhone .container-fluid {
        width: 100%;
        height: 100%;
        background: url(../resources/images/whole-imgs/banner-bg.png) no-repeat;
        background-size: 100% 100%;
    }
    #bannerPhone .container-fluid .row,
    #bannerPhone .container-fluid .bnleft {
        width: 100%;
        height: 100%;
    }
    #bannerPhone .bnleft {
        position: relative;
        padding: 0;
        margin: 0;
    }
    #bannerPhone .bnleft img {
        position: absolute;
        left: 12%;
        bottom: 0;
        width: 80%;
    }
    #bannerPhone .bnleft .bnTit {
        position: absolute;
        left: 15%;
        bottom: 50%;
        color: #FFFFFF;
    }
    #bannerPhone .bnleft .bigTit {
        font-size: 21px;
        font-weight: 600;
        color: #FFFFFF;
    }
    #bannerPhone .bnleft .smTit {
        font-size: 18px;
        color: #FFC300;
    }
    /* content  li-start */
    .navs {
        width: 80%;
        height: 50px;
    }
    .navs li {
        font-size: 21px;
    }
    /* content  li-end */

    .desTit, .contBox {
        margin-left: 5%;
    }
    .desTit .bigTit {
        font-size: 21px;
    }
    .desCont .smTit {
        font-size: 20px;
    }
    .desTit .smCont {
        font-size: 16px;
    }
    .desTit::before {
        /* width: 2%;
        height: 12%;
        bottom: 9%;
        left: 12%; */
        display: none;
    }    
    .desTit::after {
        /* width: 65%;
        height: 1%;
        bottom: 17%;
        left: 10%; */
        display: none;
    }
    .desbt .bgImg {
        position: absolute;
        top: -35%;
        left: 60%;
        z-index: -999;
    }
    .desbt .contImg img {
        width: 40%;
    }
    .desbt .contImg {
        position: absolute;
        top: -20%;
        left: 75%;
        z-index: -1;
    }
    .desApp .appTit {
        font-size: 22px;
    }
    .desApp .appTit p {
        margin: 0;
    }
    .desApp img {
        width: 70%;
    }
    .appDet .col-md-7 {
        padding: 0;
    }
    .appDet .col-md-7 .detTit {
        font-size: 20px;
    }
    .appDet .col-md-7 .detCont, 
    .appDet .col-md-7 .detLi {
        font-size: 16px;
    }
    .starTit .col-md-7 .starWei {
        font-size: 18px;
    }
    .weiText {
        font-size: 14px;
    }

    .square:nth-child(1) {
        left: 10%; /* 第一个小方块的位置 */
    }
    .square:nth-child(2)  {
        left: 35%; /* 第二个小方块的位置 */
    }
    .square:nth-child(3)  {
        left: 56%; /* 第三个小方块的位置 */
    }
    .square:nth-child(4)  {
        left: 80%; /* 第四个小方块的位置 */
    }

    .weiText:nth-child(1) {
        left: 8%;
    }
    .weiText:nth-child(2) {
        left: 31%;
    }
    .weiText:nth-child(3) {
        left: 52%;
    }
    .weiText:nth-child(4) {
        left: 76%;
    }
    /* starImg-start */
    .box .content .container-fluid .lineCont {
        height: 180px;
        margin-top: 5%;
    }
    .lineImg:nth-child(1) {
        left: 8%;
    }
    .lineImg:nth-child(1) img {
        width: 30%;
    }
    .lineImg:nth-child(2) {
        left: 27%;
    }
    .lineImg:nth-child(2) img {
        width: 25%;
    }
    .lineImg:nth-child(3) {
        top: 3%;
        left: 52%;
    }
    .lineImg:nth-child(3) img {
        width: 40%;
    }
    .lineImg:nth-child(4) {
        top: 2%;
        left: 72%;
    }
    .lineImg:nth-child(4) img {
        width: 80%;
    }
    .lineCont .bg {
        bottom: 20%;
    }
    .starText {
        bottom: 45%;
        font-size: 12px;
    }
    .starText:nth-child(1) {
        left: 8%;
    }
    .starText:nth-child(2) {
        left: 25%;
    }
    .starText:nth-child(3) {
        left: 52%;
    }
    .starText:nth-child(4) {
        left: 75%;
    }
    /* starImg-end */
    .whole {
       padding-bottom: 0px;
    }
    /* content2 */
    .box .content .container-fluid .topBox {
        height: 40vh;
        background-size: 100% 100%;
    }
    .proTit {
        width: 66%;
        margin-top: 20%;
        margin-left: 10%;
    }
    .proTit, .proImg {
        margin-left: 10%;
    }
    .proTit::before {
        display: none;
    }    
    .proTit::after {
        display: none;
    }
    .proSqu {
        top: -4.5px;
        width: 10px;
        height: 10px;
    }
    .proSqu:nth-child(1) {
        left: 5%; /* 第一个小方块的位置 */
    }
    .proSqu:nth-child(2)  {
        left: 22%; /* 第二个小方块的位置 */
    }
    .proSqu:nth-child(3)  {
        left: 40%; /* 第三个小方块的位置 */
    }
    .proSqu:nth-child(4)  {
        left: 56%; /* 第四个小方块的位置 */
    }
    .proSqu:nth-child(5)  {
        left: 73%; /* 第五个小方块的位置 */
    }
    .proSqu:nth-child(6)  {
        left: 90%; /* 第六个小方块的位置 */
    }
    .date {
        position: absolute;
        font-size: 10px;
    }
    .date:nth-child(1) {
        left: -1%; 
    }
    .date:nth-child(2)  {
        left: 17%; 
    }
    .date:nth-child(3)  {
        left: 34%; 
    }
    .date:nth-child(4)  {
        left: 51%;
    }
    .date:nth-child(5)  {
        left: 68%; 
    }
    .date:nth-child(6)  {
        left: 85%; 
    }
    .box .content .container-fluid .lineText {
        position: relative;
        margin-bottom: 15%;
    }
}
@media (max-width: 667px) {
    
}